EnZine : 번역웹진

http://enzine.tistory.com/
블로그 "EnZine : 번역웹진"에 대한 검색결과 43건

  •  [비공개] CSS만으로 아이폰 아이콘 만들기

    2010-06-29 09:10 am
    Louis Harboe가 iOS 4 아이콘을 CSS만으로 만들었습니다. 그의 작품을 볼 수 있는 것은 물론, 아이콘을 그리기 위해 사용한 높은 수준의 아이디어를 들어볼 수도 있습니다. 연락처 아이콘에서 사람의 실루엣을 그리기 위해 5개의 도형을 사용했습니다. 머리는 둥근 모서리를 가진 사각형으로, 목은 사각형으..

  •  [비공개] 파이어폭스, 플러그인 오류 보호를 도입하다.

    2010-06-25 08:50 am
    지난 22일에 파이어폭스의 새 버전이 나왔습니다. 여전히 버전은 3.6 대이지만, 3.7 에서 도입하려고 했던 플러그인 오류 보호 시스템이 포함되었습니다(크롬 브라우저의 그것과 유사합니다). 오류 보호 기능은 플러그인을 자신만의 프로세스로 분리합니다. 즉, 플러그인이 비정상적으로 종료되거나 멈..

  •  [비공개] HTML5를 배우고 싶다면? HTML5Rocks.com!

    2010-06-24 08:50 am
    구글의 Chrome and HTML DevRel 팀에서 HTML5에 대한 좋은 자료들을 모아놓은 HTML5Rocks라는 새로운 포탈을 선보였습니다. 현재 이 사이트는 HTML5 자체에 대해 설명하는 여러 자료는 물론, 브라우저 지원을 확인해볼 수 있는 링크나 스크립트, 오래된라우저를 위한 HTML5 지원 스크립트 등을 포함합니다. 리소스 외..

  •  [비공개] MagnifyMa : CSS 돋보기

    2010-06-17 08:50 am
    Jack Prosser가 재밌는 CSS 돋보기를 만들었습니다. 주요 컨셉은 CSS의 radius를 사용해서 동그라미 모양의 뷰 영역을 만드는 것입니다. 이 영역은 현재 페이지와 똑같은 컨텐트를 가진 iframe을 포함합니다. CSS3를 사용해서 iframe 내부의 컨텐트를 2배 확대해서, 작은 컨텐트를 읽기 편하게 만들었습니다. 이 돋..

  •  [비공개] CSS calc()

    2010-06-16 08:40 am
    CSS에서 상대적인 크기 계산을 위해 자바스크립트를 사용해본 기억이 있을 것입니다. 예를 들어, '절반(50%)에서 5px 뺀 너비' 등과 같이 말이죠. 하지만, 이젠 그럴 필요가 없게 됐습니다. Paul Roget씨가 CSS calc()에 대해서 설명해주셨습니다. CSS calc()는 아직 버그가 있는 상태입니다. 다음은 간단한 사용예입..

  •  [비공개] 유용한 사파리 확장기능 10가지

    2010-06-12 08:40 am
    최근 출시된 Safari 5의 훌륭한 매력 중 하나는 확장 기능을 추가하고 작성할 수 있는 기능입니다. 덕분에 애플도 새로운 기능을 추가하기 위한 노력을 조금 덜 수 있게 됐죠. 벌써 괜찮은 확장기능들이 몇 가지 만들어져서 이를 소개하고자 합니다. Gmail Checker - 5분마다 Gmail을 체크해주는 확장기능입니다..

  •  [비공개] IE6를 퇴출시키는 치사한 방법 - amelie()

    2010-06-07 08:40 am
    IE6는 사라져야 합니다. 우리 모두 그 사실을 알고 있고, 심지어 MS조차 이를 인정했습니다(IE9 팀은 업그레이드를 권장했습니다). 문제는 이게 기술적인 수준의 논의에서만 그친다는 것입니다. 어떤 사람들은 고객들에게 사용 환경을 바꾸지 말고 계속 IE6를 메인 브라우저로 쓰도록 강요합니다. 사용 환..

  •  [비공개] 배열과 객체에 SQL 질의를 하는 두 가지 방법

    2010-06-05 08:50 am
    Thomas Frank 씨가 배열과 객체에 SQL과 유사한 문법의 질의를 하고, 데이터를 추출할 수 있는 SQLike 스크립트를 작성했습니다. 질의는 다음과 같이 할 수 있습니다. [code:js] SQLike.q( { Select: ['firstName','|count|','firstName','|sum|','salary','|min|','salary','|max|','salary','|avg|','salary'], From: dataArray,..

  •  [비공개] ShowSlow : 페이지 속도를 모니터링하는 도구

    2010-06-04 08:44 am
    Sergey Chernyshev씨와 그의 팀이 작성한 Show Slow는 YSlow와 Page Speed를 사용해 페이지 속도를 모니터링합니다. Show Slow는 YSlow와 Page Speed를 여러분의 사이트에 사용하고, 매일 통계를 수집합니다. 여러분이 할 일은 가만히 앉아서 그래프를 보는 것뿐입니다! 지금 Alexa 상위 100개 사이트의 점수를 볼 수 있습니다..

  •  [비공개] CSS3와 Canvas로 어항만들기

    2010-06-03 08:40 am
    Greg Murray씨가 HTML5 Fish Tank라는 재밌는 예제 프로그램 베타판을 작성했습니다. 이 프로그램은 사용자가 자신만의 물고기를 만들고, 만든 물고기를 어항에 놓을 수 있는 프로그램입니다. 또한, 이 프로그램에는 저수준(low level)의 Canvas와 CSS3 전이/변형 효과가 사용되었습니다. [code:js]

  •  [비공개] 움직이는 둥근 모서리

    2010-05-31 08:30 am
    Chris Vanrensburg: “최근의 위치 변경 애니메이션의 연장선 상에서, 저는 객체의 크기가 변함에 따라 곡선이 어떻게 적용되는지 보고 싶었습니다. 예상대로 너비와 높이 CSS 스타일 속성에 여러가지 곡선을 적용해보는 것은 꽤 재미있는 효과를 만들어냈습니다.” 웹 2.0 진영에서는 둥근 모서리가 사랑받..

  •  [비공개] 이제 인터넷 속도는 중요하지 않다.

    2010-05-28 08:40 am
    인터넷 회선을 선택할 때, 네트웍 대역폭을 기준으로 하는 편이 이해하기 쉽습니다. "5Mbps 이상으로 해주세요!". 물론, 대역폭이 중요하긴 하지만 성능이 대역폭만으로 결정되지는 않습니다. 더군다나 HTTP처럼 짧고 잦은 접속이라면 대역폭보다는 응답시간(RTT : Round-Trip Time)이 성능에 더 중요합니다. 이..

  •  [비공개] 당신을 괴롭히는 문자와 이메일, 마리화나보다 위험하다.

    2010-05-28 08:30 am
    이메일이나 전화 때문에 주의가 분산된 사람은 마리화나를 피운 사람보다 2배 더 사고 능력이 떨어진다. 휴렛 패커드 사의 한 연구 결과는 최근 늘어나고 있는 이메일이나 문자 메시지에 중독 현상, "인포매니아"의 위험성을 경고합니다. 연구에 따르면 일과 시간 외에 업무와 관련된 메시지를 확인하..

  •  [비공개] WebM : 구글이 제공하는 로열티 없는 비디오 코덱

    2010-05-27 08:30 am
    WebM 프로젝트는 누구나 자유롭게 사용할 수 있는 고품질의 오픈된 웹 비디오 포맷을 개발합니다. 모질라, 구글, 오페라를 비롯한 40여개 이상의 컨텐츠 배포자, 소프트웨어 및 하드웨어 제작사들이 WebM을 지원합니다. WebM은 웹을 위한 오픈 소스의 로열티가 없는 미디어 포맷입니다. WebM은 파일 컨테이너..

  •  [비공개] CSS를 완전히 초기화 하는 방법

    2010-05-26 08:30 am
    초기의 HTML 스펙에는 HTML 요소에 대한 기본 스타일이 주어지지 않았었습니다. 당연히 브라우저 제작사들에게도 이런 가이드가 없었습니다. body는 마진(margin)이나 패딩(padding)값을 가질까요? 색상은요? 여러 브라우저를 다룰 때 사용할 수 있는 방법 초기에는 모든 브라우저에 대해 CSS를 초기화한 후, 그 ..