Featured Articles
-
파이어폭스 3.6의 css 배경
파이어폭스 3.6은 css 배경에 대해 더 많은 것을 지원합니다. 그레디언트(http://hacks.mozilla.org/2009/11/css-gradients-firefox-36/)와, 배경이미지 사이즈background size, 그리고 여러 개의 배경 이미지multiple backgrounds를 쓸 수 있습니다. 배경 이미지 크기 조절 파이어폭스 3.6에서는 -moz-background-size를 이용하여 특정한 길이를 주거나, 엘레먼트의 사이즈의 비율에 맞춰 배경 이미지를 조절할 수 있습니다. -moz-background-size: <bg-size>[, <bg-size>]* 계속 읽기…
-
-moz-any() 선택자(selector)를 이용한 그룹핑
이 글은 데이비드 바론(David Baron)의 블로그에 있던 포스팅을 가져온 것이다. 이 기능은 모질라 센트럴 (trunk) 에 적용됐고 아직 파이어폭스 나이틀리 빌드(Nightly Build)에서만 쓸 수 있다. 지난밤 나는 :-moz-any() 선택자 그룹핑(grouping) 지원 기능을 넣었다. 이것은 결합된 선택자(combinators)가 전체적으로 비슷한데 일부분만 다르게 사용되는 경우 일일이 반복하는 대신 계속 읽기…
-
CSS 그라데이션(gradient)으로 멋진 버튼 만들기
이 데모를 만들고 쉽게 튜토리얼로 만들 수 있게 도와준 라이언 도허티에게 특별한 감사를 전합니다. 이번 데모에서는 Firefox 3.6에 새롭게 추가된 그라데이션(gradient) 기능을 사용하는 간단한 예를 살펴볼 것입니다(관련글 보기). gradient와 기존의 CSS 속성을 사용하여 양각화와 빗면 처리가 된 멋진 모양의 버튼을 만들 것입니다. 이 버튼은 다음 계속 읽기…
-
CSS :visited에 대한 프라이버시 정책변화
모질라에서는 프라이버시를 위해 CSS :visited에 대한 정책을 변경하고자 계속 읽기…
-
파이어폭스 3.6에서 HTML용 pointer-events
CSS 속성(property)인 pointer-events는 오랫동안 SVG의 일부로써 쓸 수 있었다. 만일 요소(element)에 마우스이벤트(mouse event)가 마우스 바로 밑에 있는 요소에 보내져야 하거나 또는 그 밑에 있는 요소로 뚫고 지나가야 할 때 이를 제어하는 방법이다. 파이어폭스 3.6에서 우리는 속성을 확장해 일반적인 HTML 콘텐츠에서도 이를 적용할 수 있게 만들었다. 계속 읽기…
-
Firefox 4: CSS3 calc()
이 글은 CSS3의 calc()를 기술한 것입니다. 이 기능은 아직 Firefox의 어떤 소스 트리에도 추가되지 않았지만, 구현을 위한 작업이 진행중입니다. Firefox는 CSS의 cals() 함수를 지원할 것인데 이 기능을 사용하면 산술 식을 통해 길이 값을 계산할 수 있습니다. 이 말은 div들의 크기나 마진 값, 경계(border)의 폭이나 그 계속 읽기…
-
쉬운 예제로 보는 웹 폰트와 css 특징들
이 글은 Laurent Jouanneau에 의해 작성되었습니다. 그는 Firefox 3.5에서 웹 폰트와 CSS와 관련된 새로운 기능들을 어떻게 사용하는지 쉽고도 우아한 데모를 만드는 것에 관심이 많습니다. 이 글은 하동욱님께서 번역해 주셨습니다. View the Demo in Firefox 3.5 그림자와 둥근 테두리 먼저, 툴바에 스타일을 적용해 봅시다. -moz-border-radius -moz-border-radius:10px 계속 읽기…