css
92
-
[비공개] Remember non-vendor-prefixed CSS 3 pro..
Everybody wants to use CSS 3 now that even Internet Explorer will support parts of it once IE 9 is out. But since parts of CSS 3 are still subject to change, most browsers use a vendor prefix for many CSS 3 properties to signal that their implemenation is “experimental” and may change in a later version of the browser. This means that for a property like border-radius to work cross-browser ..456 Berea Street|2010-09-03 05:25 am추천 -
[비공개] CSS 테크닉과 성능향상 관계
작년에 David Hyatt 이 Shawun Inman 의 글에서 이러한 댓글을 달았었다. The sad truth about CSS3 selectors is that they really shouldn’t be used at all if you care about page performance. Decorating your markup with classes and ids and matching purely on those while avoiding all uses of sibling, descendant and child selectors will actually make a page perform significantly bette..일모리와 웹표준|2010-08-20 08:24 am추천 -
[비공개] 이미지를 예쁘게 하는 CSS 보더
Evan Byrne씨는 간단한 CSS 아이디어로 이미지를 더욱 예쁘게 표현하는 보더를 만드는 방법에 대하여 소개했습니다. 이것은 CSS 가짜 요소를 사용하는 방법입니다. 요소에는 가짜 요소를 사용할 수 없기 때문에 요소를 추가하고 :after 가짜요소에 스타일을 지정합니다. 이때 font-size와 ine-height속성으로 보더..Firejune Blog|2010-07-09 03:47 pm추천 -
[비공개] Scripty2 하드웨어 가속 애니메이션 테스트
Scripty2 프로젝트 오너인 Thomas Fuchs씨는 하드웨어 가속을 지원하는 애니메이션 테스트 페이지를 만들고 공개했습니다. 그가 말하는 하드웨어 가속은 맥OS와 iOS에서만 지원되는 CSS transforms을 이용하는 것으로 Effect.Morph을 이용한 자바스크립트 애니메이션에서 가속 지원여부를 판단하여 처리합니다. 그래..Firejune Blog|2010-07-07 05:43 pm추천 -
[비공개] CSS만으로 아이폰 아이콘 만들기
Louis Harboe가 iOS 4 아이콘을 CSS만으로 만들었습니다. 그의 작품을 볼 수 있는 것은 물론, 아이콘을 그리기 위해 사용한 높은 수준의 아이디어를 들어볼 수도 있습니다. 연락처 아이콘에서 사람의 실루엣을 그리기 위해 5개의 도형을 사용했습니다. 머리는 둥근 모서리를 가진 사각형으로, 목은 사각형으..EnZine : 번역웹진|2010-06-29 09:10 am추천 -
[비공개] IE9 looks really promising
When the IE team announced their work on IE9 earlier this year, they promised three major improvements: HTML5 CSS3 speed Now three “developer previews” in, by all accounts they’re living up to that promise: HTML5 support is increasing rapidly (including support for canvas; as PPK just confirmed, their CSS3 support is nearly complete; and several benchmark tests put them right up there wi..The Web Standards Project|2010-06-28 09:06 pm추천 -
[비공개] 순수 CSS만으로 만든 iOS 아이콘들
Louis Harboe씨는 순수 CSS만을 이용하여 iOS의 11개 아이콘들을 만들었습니다. 둥근 모서리, 그림자, 그라디언트, RGBA, 가짜 요소를 응용한 것이라고 합니다. CSS만으로 SVG수준의 리치 스타일링이 가능하다는 것을 보여주는 듯 합니다. 이 데모는 웹킷기반 브라우저에서 제대로 보이며 사파리에 최적화되었..Firejune Blog|2010-06-27 11:16 pm추천 -
[비공개] 스타일 시트를 경량화하는 11가지 팁
Jeff Starr씨는 스타일 시트를 경량화(Micro-Optimization)하는 11가지 팁을 소개했습니다. 이것은 코드 전체를 압축(Minify)하는 것이 아닌, CSS 코드 자체를 효율적으로 작성하거나 배포하는 방법입니다. Tip #1: 색상 값을 짧게 쓰기 색상을 지정하는 속성에 값을 기입할 때 가능하면 가장 짧은 값을 사용합니다. ..Firejune Blog|2010-06-23 03:33 pm추천 -
[비공개] MagnifyMa : CSS 돋보기
Jack Prosser가 재밌는 CSS 돋보기를 만들었습니다. 주요 컨셉은 CSS의 radius를 사용해서 동그라미 모양의 뷰 영역을 만드는 것입니다. 이 영역은 현재 페이지와 똑같은 컨텐트를 가진 iframe을 포함합니다. CSS3를 사용해서 iframe 내부의 컨텐트를 2배 확대해서, 작은 컨텐트를 읽기 편하게 만들었습니다. 이 돋..EnZine : 번역웹진|2010-06-17 08:50 am추천 -
[비공개] Hex 코드로 색상 알아 맞추기 게임
당신은 CSS의 Hex 코드를 보고 색상을 유추해 낼 수 있나요? Hex 코드만으로 색상을 구별해 내는 퀴즈 게임이 Ajaxian에 소개되었네요. 난이도를 높일수록 보기가 늘어납니다. 완전 골때리네요. ㅋㅋㅋFirejune Blog|2010-06-16 06:21 pm추천
66
8719
14438
