본문 바로가기

IT

[광고] 인텔에서 만든 귀엽고, 화질좋고, 퀄리티 있는 모션(튜토포함) 깨물어주고 싶을 정도로 색감표현이 정말 좋네요^^ 주인공도 귀엽게 잘 그렸고요. 인텔의 2104년 광고 영상이었습니다.
[일러스트] 이런 일러스트는 뭐라고 불리는지 모르겠지만. 이런 일러스트 느낌도 좋은 것 같애요^^ 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/
[Wordpress] 워드프레스가 3.8로 깔끔하게 업데이트 되었네요^^
[웹사이트] 윈도우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..
[튜토모션] 스케치부터 포토샵까지 정말 놀라울 뿐이네요~ 정말 놀랍죠^^ 예전에 타이포그래픽에서 올려던 적이 있는데~ 이런 튜토까지 만들었네요~ 홈페이지를 만들면 히스토리를 알 수 있습니다. 실력은 급상승하지 않고 차곡차고 쌓여서 이런게 된걸 알 수 있죠^^ 요즘은 여기가 정리가 잘 되어 있네요 http://instagram.com/schultzdzn 브라질 작가 Marcelo Schultz의 작품이었습니다. http://www.marceloschultz.com/
[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 버튼 만들기..
[WebGL] 자바스크립트 WebGL을 이용한 멋있는 사이트입니다. 그래픽은 2차원과 3차원으로 구현을 할 수 있습니다.2차원에서는SVG 태그 / 자바스크립트 캔버스를 이용해서 구현 할 수 있습니다. 3차원에서는CSS3/자바스크립 WebGL을 사용해서구현이 가능합니다. 앞으로 시간이 흐르면 많은 라이브러리와프로그램들이 생길 요소들입니다. 이번에 소개하는 사이트는 자바스크립 WebGL을 이용해구현한 사이트입니다.이런게 가능할까??라는 생각이 드는 사이트네요!음악도 좋으니 한번 감상하시죠^^링크는 맨 아래 멋있죠?? http://lights.elliegoulding.com/
[ Public] 퍼블리싱에 있어 백과사전과 같은 사이트네요^^ 오늘 발견한 사이트는 백과사전과 같은 사이트입니다.거의 모든 프로그램 레퍼런스는 다 있네요~ 우선 우리에게 제일 필요한 html5와 CSS3가 엄청정리가 잘되어 있습니다.물론 영어라는 단점이 있지만 크게 이해하는데에는걸림돌이 되지 않습니다. 차후 누군가가 한글 버젼을 내 놓지 않을까?라는 생각은 듭니다. 보시면 아시겠지만정리가 쩝니다^^파이어 폭스에서 개발하고 정리한 것 같네요^^ 제가 운영하고 있는 웹 스토리 보이 사이트도조만간 이렇게 해야겠네요^^ 이것 뿐만 아니라 자바스크립, 제이쿼리, PHP 등등없는게 없네요^^참고하세요~ http://devdocs.io/
[이미지] 애플 아이폰5 ios7 쇼케이스 영감 컨셉 디자인 이번에 애플에서 ios7버젼이 나왔죠^^ 좋다 나쁘다 말도 많지만... 아래와 같은 작품이 토대가 되지 않았나 생각이 드네요^^ 실력 있는 디자이너들이 이렇게 컨셉 디자인을 만드는데~ 애플은 영감 얻기도 쉽겠어요^^ 애플 아이폰5 ios7 쇼케이스 영감 컨셉 디자인 실제 발표된 아이폰 ios7 하고는 컨셉이 많이 비슷하네요^^ 이번에 실제로 반영된 디자인입니다. 애플 아이폰5 ios7 쇼케이스 영감 컨셉 디자인 http://www.apple.com/ios/ios7/design/
[HTML/CSS] CSS3 transform을 이용한 화면 전환효과 페이지 CSS3 transform을 이용한 화면 전환효과 페이지 만들기 A Collection of Page Transitions [미리보기][목록보기] CSS3d의 Transtions효과를 이용한 페이지 전환효과입니다. 익스에서 작동을 하지않습니다. 구글에서 확인을 해야 이 소스의 놀라움을 알 수 있습니다.
[HTML/CSS] 미디어쿼리를 이용한 반응형 메뉴 만들기 미디어쿼리를 이용한 반응형 메뉴 만들기 Responsive Retina-Ready Menu [미리보기][목록보기] 반응형(responsive)을 기본으로 하고 있는 메뉴 코딩입니다. 이미 기존에 자료가 많이 노출되어 있는 자료네요^^ 여기는 소스도 좋고 디자인도 좋아서 올립니다.
[HTML/CSS] CSS3의 Transtions효과를 이용한 애니메이션 CSS3의 Transtions효과를 이용한 애니메이션 Elements Animations and Transitions [미리보기][목록보기] CSS3의 Transtions효과를 통해 이런 애니메니션을 만들 수 있다는게 신기하네요^^ 꼭 따라해봐야겠어요~ 익스플로러에서는 작동안됩니다.
[HTML/CSS] CSS3를 이용한 심플한 아이콘 오버 효과 만들기 CSS3를 이용한 심플한 아이콘 오버 효과 만들기 Icon Hover Effects [미리보기][목록보기] CSS3를 이용한 마우스 오버 효과 아이콘입니다. 9종류의 다양한 효과를 보여주네요^^