Skip to content

Iteration Zero

  • 웹디자인
    웹사이트 성능을 개선해 지구를 구하는 방법
    흔히 생각지는 않겠지만 인터넷은 엄청난 전기를 사용한다. 이 전기는 어디선가 생산돼야 한다. 이 말은 대부분의 국가에서 화석 연료를 태운다는 뜻이다. 이는 결국 인터넷 탄소 발자국이 전세계 항공 여행으로 발생하는 탄소 발자국을 넘어설 정도로 커졌고, 인터넷을 지구상 가장 큰 석탄 연소 기계로 만들고 있음을 의미한다. 2018 모질라 인터넷 건강 보고서는 특...
  • 웹디자인
    HTML5 입력 양식: 어디쯤 왔을까?
    HTML5는 새로운 입력 양식 13종을 선보이며 웹 디자이너와 개발자가 양식에 추가할 수 있는 필드의 수를 크게 늘렸습니다. 필드를 통해 얻는 데이터의 종류를 더 구체적으로 지정할 수 있는 type 속성에 새로운 값을 도입했죠. 이때 브라우저는 사용자가 필드를 정확하게 완료하는 데 필요한 인터페이스와 유효성 검증을 제공하기로 약속했습니다. HTML5는 여전...
  • 웹디자인
    [2019년 2월 웹 개발 동향] 웹 인증 그리고 UX의 문제점
    대부분의 데이터 유출 사건은 취약하고 자주 쓰는 비밀번호를 설정했기 때문으로, 요즘은 웹 인증이 주목을 받고 있습니다. 온라인에서 민감한 정보를 보호할 수 있는 방법인 웹 인증 API 가이드를 새롭게 제시했습니다. 좋은 디지털 제품과 위대한 디지털 제품의 차이를 만드는 건 뭘까요? 단 두 글자, 'UX'입니다. 어떤 관점으로 디자인을 해야 할지 생각해볼 만...
  • 웹디자인
    CSS를 배우는 방법
    많은 사람이 다양한 CSS 강좌 중 어떤 강좌를 들어야 할지 추천해달라거나 CSS를 어떻게 배워야 할지 알려달라는 부탁을 한다. 또한 CSS를 어려워하는 사람도 많이 본다. 대체로 이런 사람은 낡은 사고방식으로 CSS라는 언어를 보기 때문에 문제를 겪는 경우다. CSS는 최근 몇 년 동안 많이 바뀌었기 때문에 지금은 지식을 새로 쌓기 아주 좋은 시기다. 자...
  • 웹디자인
    [2019년 1월 웹 개발 동향] 습관을 다시 생각하고 새로운 해결책 찾기
    크롬이 특정 네이티브 앱의 설치 여부를 감지할 수 있는 getInstalledRelatedApps라는 API를 개발 중입니다. 방문자에게 홍보 배너가 보이는 것을 중단할 수 있다니 방문자에게는 좋은 소식이지만 광고 제공자에게는 조금 슬플 수 있겠네요. 후디니와 페인트 API로 구현할 수 있는 '슈퍼 언더라인'도 흥미롭습니다. 후디니는 브라우저가 이해할 수 ...
  • 웹디자인
    중괄호에서 픽셀로
    CSS 중괄호가 어떻게 화면의 화려한 픽셀로 변신하는지, 브라우저 엔진은 CSS를 어떻게 해석하는지, CSS소스와 캐스케이드, CSS 객체 모델, 레이아웃 결정, 채색, z-index는 브라우저에게 어떤 의미인지 알려줍니다. 브라우저는 결국 모든 계산을 마친 후 하나의 미트맵 이미지로 만들어냅니다. 이번 글은 브라우저가 CSS를 이용해 중괄호를 픽셀로 만드...
  • 웹디자인
    [2018년 12월 웹 개발 동향] WebP, UX 업계 상황, 오프라인에서 웹사이트를 사용하는 방법
    이번 달 초 MS가 에지 브라우저 엔진을 크로미움으로 전환했다는 소식이 있었습니다. 호환성은 잡겠지만 개성을 잃지는 않을지 지켜봐야겠습니다. <꼭 필요한 만큼의 리서치> 저자 에리카 홀은 UX 디자인 대부분이 허상인 이유에 대해서 실제 사례를 들어 이야기합니다. WebP 이미지를 어떻게 사용하는지도 확인하면 동시대를 살아가는 웹 디자이너로서 부족함이 없을 ...
  • 웹디자인
    [2018년 11월 웹 개발 동향] JIT 디자인, 가변 폰트를 위한 폴백 구현, 자바스크립트 개발자가 알아야 할 33가지
    디자인이 웹사이트에 관한 인식과 사용자에게 미치는 영향은 얼마나 될까요? 요즘처럼 디자인이 모든 차이점을 만들어내는 시기에 구글 머티리얼 디자인 킷(Google Material Design Kit)처럼 통일된 디자인을 가진 표준 모델은 점점 그 영향력을 잃고 있습니다. 물론 표준 모델을 사용하면 기술 측면에서는 괜찮은 디자인을 얻을 수 있겠죠. 하지만 .....
  • 비즈니스
    HTTP에서 HTTPS로 전환하기 위한 완벽 가이드
    HTTPS는 요즘 모든 웹사이트에서 필수로 사용해야 하는 요소입니다. 크롬과 파이어폭스는 HTTPS가 아닌 웹페이지는 안전하지 않다고 명시하기도 합니다. HTTPS는 SEO 관점에서도 중요하며, 개인정보 보호 관점에서도 중요합니다. HTTP를 사용하는 웹사이트라면 이번 기회에 HTTPS로 전환하는 것을 고려해보는 건 어떨까요?
  • 레이아웃
    IE에서 CSS 그리드 사용하기: 간격으로 자동 배치 그리드 만들기
    인터넷 익스플로러에서 CSS 그리드 사용하기 마지막 시리즈! 셀 간격과 플렉스박스로 자동 배치(auto-placement) 기능을 어떻게 구현하는지 소개합니다. grid-gap의 역할을 인터넷 익스플로러에서는 어떻게 풀어내는지 알아봅시다.


맨위로