본문 바로가기

전체 글

[타이포] 타이포에서 강력함과 부드러움이 느껴지는 타이포 강력함과 부드러움이 느껴지나요?? 심플하면서도 대조된 느낌이 좋은 영상인 것 같습니다. 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/
[이미지] 화려한 디자인이 돋보이는 우유 옷, 물 옷, 물감 옷^^ 이런 걸 어떻게 만들었을까요? 거의 노가다 작업이라고 할 수 있죠^^ 영상 한번 보시면 알 수 있습니다. 대단하죠^^ 정말 멋있는 아트 디자이너 같습니다. 화려하면서도 멋있는 물 날개^^ 영국 런던에 있는 AurumLihgt 팀의 작품입니다. 조명에 대한 감각과 3D, 합성에 대한 표현력이 뛰어나 이런 작품들이 나온 것 같습니다. 찍는 과정은 무척이나 힘들었을 것 같네요^^ http://aurumlight.com
[이미지] 여성의 얼굴을 재창조한 포토그래퍼의 작품들^^ 예술이죠^^ 대단하죠^^ 러시아 작가 Alexander Khokhlov의 작품입니다. 얼굴이 도화지가 되어 새로운 작품이 되었네요 정말 멋있습니다. 첫 번째이 제일 멋있네요^^ 이 분이 82년생 포토그래퍼입니다. 자기 사진도 깔금하게 잘 찍었네요~ 더 많은 자료는 홈페지를 참고해주세요~ http://www.alexanderkhokhlov.com
[MUSE] 어도비 뮤즈(Muse) 사이트가 새로 리뉴얼 되었네요^^ 어도비 뮤즈 CC 사이트가 새롭게 리뉴얼되었네요^^뮤즈를 통해 만든 사이트입니다.당연히 뮤즈 사이트니 뮤즈로 만들었겠죠^^ 스크립트를 아무리 잘해도 스크롤 사이트를 만드는데에는무리가 있다고 생각합니다.하지만 어도비 뮤즈를 통해서 스크롤 사이트는 쉽게 만들 수 있을 것 같네요^^ 계속 발전하고 있는 어도비 뮤즈 CC 조만간 HTML5가 대중화되는 날~익스플로러 7,8을 거의 사용하지 않는 날~드림위버 보다는 이 프로그램을 많이 사용할 것 같습니다. http://muse.adobe.com/ 이 사이트는 정말 정리가 잘 되어 있는데요~튜토리얼 사이트, 동영상, 뮤즈로 만든 사이트, 간단한 블러그 담에 만들 때 참고 해야 겠네요^^ http://muse.adobe.com/
[Site] 부트스트랩3(bootstrap)으로 제작된 사이트 소스 제공 Bootstrap3로 제작된 사이트 소스를 무료로 제공하는 사이트입니다.부트스트랩으로 제작되었기 때문에모든 버젼에서 호환성은 뛰어 납니다.하지마 부트스트랩3버젼에서는 익스7,8이 잘 지원되지 않습니다. 우리나라 같은 경우는 아직도 익스7,8을 제일많이 사용하기 때문에 이것 까지 지원하는부트스트랩(Bootstrap)2를 사용하는 것이호환성은 더 좋습니다. 공부하시는 분들에게는 좋은 소스인것만은 확실합니다.관심 있는 분들은 메일 주소를 넣으시면다운 받을 수 있는 주소가 옵니다.단 네이버 메일은 잘 안오더라구요~지메일을 사용해보세요~ 소스가 정말 좋네요^^기가 막히네요~ 데모보기 데모보기 데모보기 데모보기 데모보기 데모보기 데모보기 데모보기 다운 받아보셨나요??너무 좋네요^^ 짱이죠..유로 스킨도 판매하네요^..
[일러스트] 리얼합니다. 좋습니다. 멋있습니다. 일러 작품 예전에 새를 그린 그림을 보고 깜작 놀랐는데~ 그런 작품이 많네요~ 리얼함이 살아 있는 일러스트 작품들입니다. 보면 볼수록 빠져는 화려한 일러스트 디자인이네요^^ 스웨덴 작가의 SILLY BEAST의 작품이었습니다. 홈페이지에 가시면 더 많은 작품을 볼 수 있습니다. http://www.sillybeastillustration.com
[color] 컬러 값을 쉽게 뽑아내고 만들 수 있는 도구입니다. 디자이너에게 더 유용한 프로그램입니다.하지만 저도 가끔씩 필요해서 올립니다. 이 도구는 마우스 움직임에 따라 색상을 마음대로확인 할 수 있다는 장점이 있습니다.따로 뽑아 낼 수도 있구요^^신선하고 좋네요~ 왼쪽에 메뉴를 이용하면 다양한 색을~내가 원하는 색을 찾을 수 있습니다. http://colourco.de 확인해 보세요^^
[SVG] SVG를 이용한 원형 차트를 쉽게 만들 수 있습니다. 챠트를 만들 때 SVG를 통해서 만들 수 있는 소스입니다.SVG를 바탕으로 하기 때문에해상도도 무척 뛰어납니다. 다운로드 한번 다운 받아보고 소스를 보면 쉽게 사용 할 수 있습니다.단 익스 9부터 지원이 됩니다. 이 피자 챠트는 Adobe에 SVG 프레임 웍을 기반으로 하는원형 차트입니다. 사이트 바로가기 MIT License
[포토그래퍼] 무중력을 연상시키는 느낌 있는 사진들 모음 살아 있는 느낌이 느껴지나요?? 이런 사진은 누구나 찍을 수 있다고 생각해요~ 물론 어느 정도의 디테일은 떨어 질 수 있지만. 사진기만 기본 이상으로 한다면 요 정도는 찍지 않을까요?? 무중력 사진은 제외^^ 홈페이지에도 여러가지 작품들이 잘 정리가 되어 있습니다. 보통 포토그래서 사이트들은 이런식으로 정리되면 보기가 참 편한 것 같아요^^ http://www.ravshaniya.com 임산한 여자분의 사진은 정말 인상적이네요^^
[CSS3] CSS3를 이용해서 스톱와치를 만들 수 있어요^^ 제이쿼리를 이용하면 스톱와치(Stopwatch)는 만들 수 있다.하지만 CSS를 통해 이런걸 만든건 상상도 할 수 없는 일이었는데요~ 소스를 보니 복잡하긴 하지만 작동합니다.대단합니다.정말로 HTML5/CSS3의 세계는 파고들면 파고들수록 끝이 없는 것 같네요^^ 스톱와치 보기 @keyframes unit { 0% { top: 0; } 100% { top: -60em; } }@-webkit-keyframes unit { 0% { top: 0; } 100% { top: -60em; } }@keyframes centiseconds { 0% { top: 0; } 100% { top: -100em; } }@-webkit-keyframes centiseconds { 0% { top: 0; } 100% { top:..