본문 바로가기

전체 글

[CSS3] CSS3를 이용한 여러가지 배경 패턴 만들기 처음엔 그냥 패턴 이미지 다운 받는 줄 알았어요~하지만 CSS3, SASS, LESS를 통해서 만든 배경화면입니다.상상을 초월하는 CSS3때문에 소스를 하나하나씩 살펴봤는데...정말 이렇게 모양이 나오네요^^모든 소스는 오픈되어 있으니 한번 살펴보세요^^ http://codepen.io/collection/xevgu/
[일러스트] 일러스트를 이용한 야영 스탠트 아이콘 만들기 일러스트를 이용한 야영 스탠드 아이콘입니다. 부드러운 느낌과 여러가지 표현 방법이 많이 도움이 될 것 같습니다. 화려한 디자인은 아니지만 차분한 디자인 맘에 드네요^^ [튜토리얼]
[포토샵] 수채화느낌의 이미지를 포토샵에서 이렇게 하는군요! 수채화느낌의 이미지를 포토샵에서 이렇게 하는군요! 이런 작품보면 그냥 일러를 잘하는구나~ 라고 생각했는데~ 포토샵에서 가능하네요~ 한번 따라해 봐야 겠어요^^ [튜토보기]
[웹사이트] 윈도우8 느낌의 일러스트로 표현된 요즘 사이트 http://dolox.com/#home http://barcampomaha.org/ http://www.svkariburnu.com/ http://www.alchemy-digital.co.uk/ http://madebyfieldwork.com/ http://www.spelltower.com/ http://www.leedsbuildingsociety.co.uk/resources/kick-my-habits/ http://www.fostr.com/ http://www.caramelbudgie.com/ http://applove.se/ http://invoisse.com/ http://www.freeger.com/projects/contextad/ https://cloud.feedly.com/#pro http..
[그래픽] 요즘 이력서는 어떻게 만드나요^^ 디자인 이력서 디자이너에게 있어 이력서는 포트폴리오와 같습니다. 이력서 하나만으로도 내가 원하는 회사를 갈 수 있습니다. 여기 이력서처럼 USB로 만들거나, 편지 형식의 이력서를 만들면 분명 뽑아줄 것 같습니다. 제가 사장이라도 이런 창의적인 생각으로 이력서를 보낸다면 뽑을 것 같네요~ 디자인을 하시는 분들에게 도움이 됐으면 하네요^^ [출처]
[Gallery] 모바일 터치까지 완벽하게 지원하는 라이트박스 Swipebox.js 모바일까지 완벽하게 지원하는 라이트 박스 갤러리입니다.키보드도 지원을 하며, 여러가지 옵션도설정이 가능합니다. http://brutaldesign.github.io/swipebox/ 소스다운받기 미리보기 옵션 중에 isotope를 연동하여 좀 더 멋있는갤러리도 연출 할 수 가 있네요~호환성도 그렇게 떨어지지는 않네요^^
[모션] 알파벳순으로 정리된 추억의 게임! 하고 싶네~
[튜토모션] 스케치부터 포토샵까지 정말 놀라울 뿐이네요~ 정말 놀랍죠^^ 예전에 타이포그래픽에서 올려던 적이 있는데~ 이런 튜토까지 만들었네요~ 홈페이지를 만들면 히스토리를 알 수 있습니다. 실력은 급상승하지 않고 차곡차고 쌓여서 이런게 된걸 알 수 있죠^^ 요즘은 여기가 정리가 잘 되어 있네요 http://instagram.com/schultzdzn 브라질 작가 Marcelo Schultz의 작품이었습니다. http://www.marceloschultz.com/
[모션] 모션으로 표현된 창의력을 유지하는 방법 29가지 사실 그렇게 와 닿는 모션과 글은 아닙니다. 창의성을 유지하는 29사지 방법이라고 하지만 특별한 것이 없네요~ 디자인 또한 매우 평법하구요~ 오늘은 눈에 들어오는 영상이 없어서 한번 올려봤네요~ 그래두 28번째는 동감합니다. HAVE FUN 이것 때문에 지금까지 이 블러그가 유지된것 같구요^^ 즐감^^
[타이포] 타이포에서 강력함과 부드러움이 느껴지는 타이포 강력함과 부드러움이 느껴지나요?? 심플하면서도 대조된 느낌이 좋은 영상인 것 같습니다. http://parachutes.tv/ 영상은 여기서 제작이 되었네요~ 다른 것도 괜찮은게 많습니다.
[모션] 예전에 만들어진 영상이지만 3D 디테일이 살아있네요! 예전에 만들어진 영상이지만 3D 디테일이 살아있네요
[CSS] CSS3와 관련된 Generators 프로그램 모음입니다. http://css3maker.com/ CSS3의 Gradient, Transform, Animation, Transition, RGBA, Text Shadow, Box Shadow, Text Rotation의기능을 알아 볼 수 있는 프로그램입니다. http://westciv.com/tools/gradients/ CSS3의 Linear Gradients, Radial Gradients, Text Properties, Box Properties, Transforms의기능을 알아볼 수 있는 제네레이터입니다. http://www.cssmatic.com/ CSS3의 Gradient 제네레이터입니다.SASS 소스까지 지원을 하네요 http://grad3.ecoloniq.jp/ 일본에서 제작된 CSS3 버튼 만들기..
[Gallery] 반응형까지 지원이 되는 갤러리를 찾는다면 Slippry.js 반응형까지 지원이 되는 갤러리입니다. 다양한 샘플도 보여주기 때문에적용하기 좋은 것 같네요^^기존에 보기 힘든 사진효과는 좋네요^^ 사진효과 보기 샘플보기 단점이 있다면 Html5/CSS3로 제작이 되었기 때문에익스플로러 7,8버젼에서는안된다는 사실...이 조금 아쉽네요^^ 다운은 홈페이지에서 받으세요 http://slippry.com
[WebGL] 자바스크립트 WebGL을 이용한 멋있는 사이트입니다. 그래픽은 2차원과 3차원으로 구현을 할 수 있습니다.2차원에서는SVG 태그 / 자바스크립트 캔버스를 이용해서 구현 할 수 있습니다. 3차원에서는CSS3/자바스크립 WebGL을 사용해서구현이 가능합니다. 앞으로 시간이 흐르면 많은 라이브러리와프로그램들이 생길 요소들입니다. 이번에 소개하는 사이트는 자바스크립 WebGL을 이용해구현한 사이트입니다.이런게 가능할까??라는 생각이 드는 사이트네요!음악도 좋으니 한번 감상하시죠^^링크는 맨 아래 멋있죠?? http://lights.elliegoulding.com/
[일러스트] 이미 한국에도 소개된 유명한 일러스트레이터네요 무엇인가 신선한 느낌이 드시죠? 그래픽 디자이너 Siggi Eggertsson입니다. 홈페이지를 살펴보니 한국에 관련된 작품들이 많아서 유심히 봤는데... 한국에서 몇 번 소개되고 여러가지 작품도 한 것 같네요 그래픽 디자이너를 그림을 소개할 때 마다 어떻게 생겼을까 궁금한데 이 분은 그림답지 않게 잘생겼네요^^ 너무 폼 잡고 찍은것 같지만.... 페이스 북을 보시면 여러가지 작품들을 시간별로 볼 수 있어 좋습니다. 좋아요도 눌렀구요 페이스북 바로가기 홈페이지도 실험적인 여러가지 작품이 많아서 볼 만합니다. 여기도 추천합니다. http://www.siggieggertsson.com/ 한국에서 인터뷰한 것도 있네요^^ 여기도 참고하면 좋겠네요 사진도 잘 나왔구요^^ 인터뷰 바로가기
[ Public] 퍼블리싱에 있어 백과사전과 같은 사이트네요^^ 오늘 발견한 사이트는 백과사전과 같은 사이트입니다.거의 모든 프로그램 레퍼런스는 다 있네요~ 우선 우리에게 제일 필요한 html5와 CSS3가 엄청정리가 잘되어 있습니다.물론 영어라는 단점이 있지만 크게 이해하는데에는걸림돌이 되지 않습니다. 차후 누군가가 한글 버젼을 내 놓지 않을까?라는 생각은 듭니다. 보시면 아시겠지만정리가 쩝니다^^파이어 폭스에서 개발하고 정리한 것 같네요^^ 제가 운영하고 있는 웹 스토리 보이 사이트도조만간 이렇게 해야겠네요^^ 이것 뿐만 아니라 자바스크립, 제이쿼리, PHP 등등없는게 없네요^^참고하세요~ http://devdocs.io/