주요 문서
-
HTML 팁 몇 가지
얼마 전에 저는 CSS 팁 몇 가지에 관한 글을 썼습니다. 이제 HTML 차례입니다! 이번에 저는 HTML 에 대한 팁 몇 가지를 공유할 것입니다. 패러그래프를 나누는 방법, 헤딩(heading)을 쓰는 방법, 폼(form)을 개선하는 방법 등은 초보자들에게 적합할 것입니다. SVG 스프라이트를 아이콘으로 쓰는 방법처럼 꽤 난이도 있는 팁도 있습니다. Text Paragraph 우리가 만드는 HTML 코드는 대부분 패러그래프로 구성됩니다. […]
-
웹 개발자 툴 박스: Raphaël
이 글은 모든 웹 개발자들이 자신의 툴 박스에 가지고 있어야 할 유용한 라이브러리들을 위한 첫 번째 글입니다. 이 글을 통하여 이러한 라이브러리들이 무엇을 할 수 있고 여러분이 어떻게 사용하는지 이해하였으면 합니다. 첫 번째 글을 통하여 Raphaël 라이브러리에 대하여 알아보겠습니다. 소개 Raphaël은 본래 Dmitry Baranovskiy가 만들었고 지금은 Sencha Labs의 일부인 라이브러리 입니다. 이 라이브러리의 목표는 웹에서 […]
-
pdf.js: HTML과 JS를 이요한 문서 PDF 읽기
원문: Andreas Gal : pdf.js: Rendering PDF with HTML5 and JavaScript 서울과 대만 등 Firefox 4 출시 파티를 마치고 캘리포니아로 돌아오는 동안에, 저희들은 웹 플랫에서 어떤 일이 생기면 좋을지 멋있는 브레인 스토밍(brainstorming)으로 많은 시간을 때웠습니다. 이전에 생각한 사람은 몇 사람 있었겠지만, 저희들은 왜 아무도 HTML5와 JavaScript로 PDF 리더를 구현하지 않는지 의문으로 생각했습니다. PDF리더에게 필요하게 되는 […]
-
Firefox 4: HTML5 파서 – 인라인 SVG와 속도, 그 외
이 문서는 Firefox의 새로운 HTML5 파서를 개발하고 계신 Henri Sivonen님이 작성하신 게스트 문서 입니다. HTML 파서는 브라우저 중에서도 특히 복잡하고 섬세한 부분 중 하나입니다. HTML 파서는 HTML 소스가 어떻게 Web 페이지로 변환하는지를 컨트롤 하고, 그러한 변경 사항은 드문 일이라서 충분한 테스트가 필요합니다. 초기 처음 이후로 대부분의 Gecko는 90년대 후반에 으로 다시 빌드 되어졌으며, HTML 파서는 […]
-
Firefox 3.6에서 HTML용 pointer-events
CSS 속성(property)인 pointer-events는 오랫동안 SVG의 일부로써 쓸 수 있었다. 만일 요소(element)에 마우스이벤트(mouse event)가 마우스 바로 밑에 있는 요소에 보내져야 하거나 또는 그 밑에 있는 요소로 뚫고 지나가야 할 때 이를 제어하는 방법이다. 파이어폭스 3.6에서 우리는 속성을 확장해 일반적인 HTML 콘텐츠에서도 이를 적용할 수 있게 만들었다. SVG 사용시에는 pointer-events 속성을 여러 값(values)중 하나로 정할 수 있지만, […]
-
Canvas와 Burst를 이용한 SVG 애니메이션
본 데모는 Firefox 3.5 Beta 4 이상을 설치해서 보시길 권합니다. 오늘 보여드릴 데모는 매우 짧은 것이긴 하지만 어떻게 개발했는지 스크린 캐스트로 설명해 드릴려고 합니다. 이 데모는 Alistair MacDonald (@F1LT3R)가 만들었고 Processing.js의 개발자이자 이 데모의 기반이 된 Burst engine을 만드는 사람입니다. 아직 여러분이 데모 사이트를 보지 않으셨다면 먼저 보시길 권해 드립니다. 이 웹 사이트는 애니메이션과 매끈하게 […]
