본문 바로가기

전체 글

[Scroll] 풀페이지를 바탕으로 하는 스크롤 페이지 fullpage.js 일단 보시죠^^ [미리보기] 이런거 찾고 계셨죠?이벤트 페이지를 만들 때 많이 쓰는 레이아웃 구조죠^^물론 스크롤을 했을 경우 부드럽게 움직이는 느낌은 좋은제이쿼리 플러그인 Fullpage.js입니다. [다운로드] 간단한 데모들도 확인해보세요~확실히 좋은 소스는 데모도 잘되어 있어요^^ Full backgroundsGradient backgroundsScrolling inside sections and slidesAdding fixed header and footerVertical navigation dotsHorizontal navigation dotsNormal scrollingWithout anchor links (same URL) (The MIT License)
[Wordpress] 제일 유명한 워드프레스 쇼핑몰 플러그인 사이트입니다. 워드프레스를 바탕으로 하는 쇼핑몰 플러그인 사이트입니다. 1. WP e-Commerce : http://getshopped.org 우커머스가 사용되지 전 가장 유명한 쇼핑몰 플러그인입니다. 현재는 우커머스에게 밀리지만 아직도 많이 사용하고 있는 플러그인 입니다.무료로 제공하지만 여러가지 플러그인을 구입하고 사용해야 좋은 쇼핑몰을 만들 수 있습니다. 결국 완벽한 쇼핑몰을 만들려면, 여러가지 플러그인을 구입해야 하는데 약 200달라 정도 소요가 됩니다. 2. WooCommerce : http://www.woothemes.com/woocommerce/ 현재 제일 유명한 영문쇼핑몰 플러그인입니다. 한국어 버젼도 제공하여 한국에서도 인기가 많습니다.얼마전에는 한국어 결제까지 지원이 되어서 더욱 인기가 많아졌습니다..
[Branding] 확실한 아이덴티티가 느껴지는 오프닝 영상 모션들 요건 보너스입니다.
[Gallery] 호환성, 터치, 반응형, CSS3을 지원하는 갤러리 제이쿼리 carousel.js 지금껏 본 소스 중에 최고네요~부분한 부분이 없어요. 익스7에서도 적용이 되고CSS3에 터치까지 지원을 하면서 반응형도 지원이 되고~ 갤러러 제이쿼리 게시판을 만들었지만 다른거 보지 마세요~현존하는 제이쿼리 중에 이게 최고 인것 같습니다. ㅋㅋ http://owlgraphic.com/owlcarousel/ 종류도 이렇게 다양해요~내가 원하는 스타일을 골라서 쓸 수도 있구요~다양한 옵션 설정도 가능합니다. 데모를 보면 얼마나 좋은 소스지 바로 알 수 있습니다. Click events inside itemsRandomize items and buttons outside slider.Navigation on top by custom eventsNavigation on top by afterInit callba..
[Gallery] 주로 사이트 하단에 많이 쓰이는 회사 정보 갤러리 flexisel.js 주로 사이트 하단에 많이 사용되는회사정보 자동 배너 제이쿼리 플러그인입니다.반응형까지 지원을 하는 Responsive Carousel plugin입니다. [미리보기] 자동으로 움직이기, 클릭해서 움직이기 등여러가지 기능이 지원이 되네요^^ [다운받기]
[일러스트] 이런 일러스트는 뭐라고 불리는지 모르겠지만. 이런 일러스트 느낌도 좋은 것 같애요^^ http://www.madsberg.dk dk로 끝나면 어느나라죠? 덴마크가?? 이 여성분의 작품들은 뭔가 스킬이 느껴지네요^^ 이 일러스트레이터분의 특징은 상품화를 많이 한다는 점에 있습니다. 그냥 심심풀이로 그리는 일러보다는 상품성에 집중을 하는 것 같애요~ 이런 점은 배워야 하는데~ 만든 작품들은 직접 판매하기도 하네요^^ http://www.artelimited.com/artists/mads-berg/ 또한 이 분은 일러스트 지도 맵 전문작가입니다. 대단합니다. http://www.visualmaps.dk/ 담에 포스팅해야 겠네요^^ 화려한 디자인보다는 일러스트의 맛을 잘 그려낸 일러스트레이터의 작품이었습니다.
[타이포] 실사같은 얼음효과(Frozen) 타이포 그래픽 만들기 실사같은 얼음효과(Frozen) 타이포 그래픽 만들기 [튜토리얼]
[광고] 광고를 만들려면 이렇게 귀엽게 만드는것도 괜춘^^ 3D 캐릭터가 귀엽지는 않아요~ 근데 뭔가 귀여워요~ 3D 때문인지 모르겠지만. 광고가 좋네요^^ 로고도 좋고^^ 맘에 들어요~~
[etc] 다이나믹한 테이블 구조를 쉽게 꾸밀수 있는 dynatable.js 제가 그렇게 찾던 소스네요^^사실 그렇게 찾진 않았구요~ 테이블 코딩할 때마다이런 소스 어디 없을까?? 라는 생각을 많이 했는데제가 딱 원하는 소스네요~ 보자마자 바로캡쳐합니다^^ 완전 좋네요~종류별로 설정하는 기능도 있고~ 여러가지 기능도 추가할 수가 있네요^^한번 보세요^^ [미리보기] 예시도 종류가 많고 원하는 스타일을 쓸 수 있어서 너무 좋네요^^ [소스보기] 테이블 챠트도 만들 수가 있습니다.정말 강추 소스입니다. [다운받기] http://www.dynatable.com/
[이미지] 세련된 느낌과 아트적 느낌이 좋은 페이퍼 아트 작품 종이로 만들었는지 모를것 같은 작품들도 많네요~ 포토샵으로 만든 그래픽보다 더 화려하고 멋있네요~ 화려한 디자인, 깔끔한 디자인 등 상품에 맞는 디자인 컨셉도 너무 좋고요^^ 해양 동물들은 정말 대단하네요~ http://www.zimandzou.fr
[Wordpress] 워드프레스가 3.8로 깔끔하게 업데이트 되었네요^^
[포토그래퍼] 생선을 좋아하는 포터그래퍼의 작품은 어떨까요? ㅋㅋㅋㅋ 현실적인 사진에 약간 놀랐네요^^ 정말로 사진작가는 생선을 좋아하나봐여~ 사이트 제목도 fish love네요 http://fishlove.co.uk 물고기를 좋아해서 찍은건지 물고리를 보호하자는 의미에서 찍은건지. 특이한 점은 일반인을 대상으로 해서 찍었다는것^^ 또 일반인도 저런 생선을 들고 누드로 찍었다는 것에 대해서는 약간 신기하네요^^ 암튼 잘 봤네요..즐감하세요
[Template] Bootstrap으로 제작된 블러그형 템플렛입니다. Bootstrap으로 제작된 블러그형 템플렛입니다.좋은 소스네요^^완전 강추입니다. [미리보기] 완전 좋죠^^다운 받고 한번 사용해보세요~ [다운받기]
[Infor] 모션브랜딩(Motion Branding)에 대해서 영감을 주는 모션 모션 브랜딩을 생각해보신 적 있나요? 모션 브랜딩에 대한 부분을 인포그래픽 형식으로 표현한 영상입니다. 기존에 인포 형식과는 스타일이 많이 틀리지만 6분동안 재밌게 봤습니다. 영어를 완벽하게 해석하고 알아들을 수 없어지만 무엇을 전달하려고 하는지 영상에는 담겨있네요~ 독일의 모션그래픽 에이전시 같습니다. http://www.henningherholz.com 약간의 디테일함은 떨어지지만 창의성은 우수한 것 같습니다. What is Branding?
[모션] 디자인의 시작은 연습장부터~ 라는 뜻인가!? 메이킹포함 디자인의 시작은 연습장부터라는 뜻인가? 메이킹을 보니 정말 힘들게 DSLR로 만들었네요^^ 졸업작품으로 이런거 만들면 최고일텐데~ 세세한 장면 포착장면이 인상적이네요~
[이미지] 요즘 페이퍼아트가 뜨는 이유는 종이 질감 때문에.. 요즘에 종이로 만든 작품들을 많이 볼 수가 있습니다. 광고에서나 사진에서도 많이 볼 수가 있는데요~ 종이의 잔잔한 느낌이 작품과 잘 접목되어 나오는 느낌이 좋아서 그렇지 않을까요? 라는 생각이 드네요^^ 이 분의 작품들은 광고에 많이 쓰였는데요~ 전혀 거부감이 들이 않고 오히려 상품이 더 눈에 들어오네요^^ 화장품 종이 작품은 더욱더 그러네요^^ http://fidelisundqvist.com 원본은 여기서 확인을 해보세요^^ 화려한 디자인은 아니지만 종이의 잔잔한 느낌이 잘 표현된 작품들입니다.