CSS3

Awwwards, CSS Design Awards

Awwwards http://www.awwwards.com/ 월별, 연도별로 잘만든 웹사이트 상주는 사이트입니다. 좋은 디자인이나 기능을 가진 웹사이트들을 볼 수 있습니다. CSS Design Awards http://www.cssdesignawards.com/ 여기도 마찬가지로 좋은 웹사이트 상주는 사이트입니다. CSS를 활용한 디자인에 중점을 두는 곳인 것 같습니다. The FWA http://www.thefwa.com/ 여기도 비슷한 곳입니다. »

Create an Animated 3D Bar Chart/Graph

Create an Animated 3D Bar Chart/Graph http://net.tutsplus.com/tutorials/javascript-ajax/create-an-animated-3d-bar-chartgraph/ jQuery 의 animate 를 사용해서 3D Bar Chart/Graph 를 만드는 방법을 알려주는 강좌입니다. 데모보기 위와 비슷한 다른 데모 도 있습니다. CSS3로 만든 Animated 3D Bar Chart with CSS3 도 있습니다. »

Ajax 로딩 이미지 자동 생성기 – 5 Online Loading AJAX Spinner Generator Tools

Ajax로딩이나 페이지 로딩, 또는 뭔가 진행중임을 나타내고 싶을 때 사용할 수 있는 빙글빙글 돌아가는 이미지(Spinner)를 온라인에서 직접 만들 수 있는 5개의 서비스를 소개한 글입니다. 5 Online Loading AJAX Spinner Generator Tools 5개 서비스는 아래와 같습니다. CSS Load Online Tool – 이미지 없이 CSS로 된 Spinner를 만들 수 있는 코드(HTML + CSS)를 생성해 줍니다. Ajax Load Online Tool – 이미지를 생성 후 다운로드 받을 수 있습니다. Load Info Online Tool – 132개의 이미지 중 원하는 것을 다운로드 받으면 됩니다. Preloaders Online Tool &... »

HTML5와 CSS3로 만든 animation – madmanimation

animation은 아래의 링크에서 보실 수 있습니다. 사이트로 가셔서 왼쪽 상단의 빨간색 글씨 WATCH를 클릭하면 animation이 시작됩니다. MADMANIMATION 상당히 잘만든 것 같습니다. 아래의 링크에 가시면 어떻게 만들었는지 소스코드에 대한 설명이 있습니다. It’s a mad, mad, mad, mad manimation 간단히 말씀드리면 이 animation은 16개의 scene으로 구성되어 있습니다. 한 scene가 끝나면 다음 scene로 자동으로 넘어가고, 한 scene안에서의 움직임은 CSS3로 처리되었습니다. 이 animation의 특징은 SEO(Search Engine Optimization)를 고려했다는 점입니다. 즉, 검색엔진에 기록될 수 있는 컨텐트를 가지고 있습니다. ... »

CSS3 Patterns Gallery와 패턴 만드는 방법 설명

CSS3 Patterns Gallery를 CSS로 만든 예쁘고 다양한 패턴들을 보실 수 있습니다. 원 모양의 패턴들을 눌러보시면 그 패턴을 만드는 CSS3 소스코드를 보실 수 있습니다. 이걸 만드신 분께서 이 패턴들을 그냥 복사해서 붙여넣는 것만으로는, 수정해서 사용할 수 있는 다양한 이점을 누릴 수 없다하시며 CSS 패턴을 만드는 원리에 대한 강좌를 작성하셨습니다. CSS3 Patterns, Explained 저는 읽어보진 않았습니다만 CSS에 관심이 많은 분들께는 좋은 자료가 될 것 같습니다. »

Page 5 of 7«34567»