Skip to content

CSS

  • 웹디자인
    [2019년 3월 웹 개발 동향] 리액트 훅스, 컨스트럭터블 스타일 시트, CSS 단편화 등
    구글이 컨스트럭터블 스타일 시트(Constructable Stylesheets, 객체로 생성하는 스타일 시트)라는 새로운 기법을 제시했습니다. 크롬 버전 74 개발자 도구에 새 기능을 추가하여 이제 CSS 속성에 영향을 받는 모든 요소를 확인할 수 있다고 합니다. CSS의 대가 레이철 앤드루가 CSS 단편화를 소개합니다. 인쇄물이나 전자책에서 사용하는 페이...
  • 웹디자인
    웹사이트 성능을 개선해 지구를 구하는 방법
    인터넷은 전기를 많이 사용하지 않는다고 생각합니다. 전기는 어디선가 생산돼야 합니다. 이는 대부분의 국가에서 화석 연료를 태운다는 뜻입니다. 이는 결국 인터넷 탄소 발자국이 전 세계 항공 여행으로 발생하는 탄소 발자국을 넘어설 정도로 커졌고, 인터넷을 지구상 가장 큰 석탄 연소 기계로 만들고 있음을 의미합니다. 웹사이트를 만들며 지구를 구하는 방법을 확인해...
  • 웹디자인
    [2019년 2월 웹 개발 동향] 웹 인증 그리고 UX의 문제점
    대부분의 데이터 유출 사건은 취약하고 자주 쓰는 비밀번호를 설정했기 때문으로, 요즘은 웹 인증이 주목을 받고 있습니다. 온라인에서 민감한 정보를 보호할 수 있는 방법인 웹 인증 API 가이드를 새롭게 제시했습니다. 좋은 디지털 제품과 위대한 디지털 제품의 차이를 만드는 건 뭘까요? 단 두 글자, 'UX'입니다. 어떤 관점으로 디자인을 해야 할지 생각해볼 만...
  • 웹디자인
    CSS를 배우는 방법
    많은 사람이 다양한 CSS 강좌 중 어떤 강좌를 들어야 할지 추천해달라거나 CSS를 어떻게 배워야 할지 알려달라는 부탁을 한다. 또한 CSS를 어려워하는 사람도 많이 본다. 대체로 이런 사람은 낡은 사고방식으로 CSS라는 언어를 보기 때문에 문제를 겪는 경우다. CSS는 최근 몇 년 동안 많이 바뀌었기 때문에 지금은 지식을 새로 쌓기 아주 좋은 시기다. 자...
  • 웹디자인
    [2019년 1월 웹 개발 동향] 습관을 다시 생각하고 새로운 해결책 찾기
    크롬이 특정 네이티브 앱의 설치 여부를 감지할 수 있는 getInstalledRelatedApps라는 API를 개발 중입니다. 방문자에게 홍보 배너가 보이는 것을 중단할 수 있다니 방문자에게는 좋은 소식이지만 광고 제공자에게는 조금 슬플 수 있겠네요. 후디니와 페인트 API로 구현할 수 있는 '슈퍼 언더라인'도 흥미롭습니다. 후디니는 브라우저가 이해할 수 ...
  • 웹디자인
    중괄호에서 픽셀로
    CSS 중괄호가 어떻게 화면의 화려한 픽셀로 변신하는지, 브라우저 엔진은 CSS를 어떻게 해석하는지, CSS소스와 캐스케이드, CSS 객체 모델, 레이아웃 결정, 채색, z-index는 브라우저에게 어떤 의미인지 알려줍니다. 브라우저는 결국 모든 계산을 마친 후 하나의 미트맵 이미지로 만들어냅니다. 이번 글은 브라우저가 CSS를 이용해 중괄호를 픽셀로 만드...
  • 웹디자인
    [2018년 11월 웹 개발 동향] JIT 디자인, 가변 폰트를 위한 폴백 구현, 자바스크립트 개발자가 알아야 할 33가지
    디자인이 웹사이트에 관한 인식과 사용자에게 미치는 영향은 얼마나 될까요? 요즘처럼 디자인이 모든 차이점을 만들어내는 시기에 구글 머티리얼 디자인 킷(Google Material Design Kit)처럼 통일된 디자인을 가진 표준 모델은 점점 그 영향력을 잃고 있습니다. 물론 표준 모델을 사용하면 기술 측면에서는 괜찮은 디자인을 얻을 수 있겠죠. 하지만 .....
  • 레이아웃
    IE에서 CSS 그리드 사용하기: 간격으로 자동 배치 그리드 만들기
    인터넷 익스플로러에서 CSS 그리드 사용하기 마지막 시리즈! 셀 간격과 플렉스박스로 자동 배치(auto-placement) 기능을 어떻게 구현하는지 소개합니다. grid-gap의 역할을 인터넷 익스플로러에서는 어떻게 풀어내는지 알아봅시다.
  • 사용자경험
    [2018년 10월 웹 개발 동향] – 기후 변화에 대응하는 디자인, RAIL 성능 모델, 원격 근무의 부작용
    기후 변화와 웹디자인의 상관관계는 없을 것 같지만 절대 그렇지 않습니다. 미국에 허리케인 플로렌스가 상륙했을 때 CNN, NPR 미디어는 텍스트로만 구성된 뉴스를 제공함으로써 접근성이 떨어지는 사용자를 위해 대역폭과 배터리 소모를 줄여줬습니다. 안드로이드 폰이 꺼진 상황에서도 구글이 수집하는 모바일 데이터는 무엇인지, 우리가 지켜야 할 프라이버시에 대해서도...
  • 웹디자인
    편집 디자인과 웹 디자인의 유사성 비교
    나는 오랫동안 출판 분야에서 일을 했다. 웹 분야에서 일한 기간보다 더 오랜 시간을 출판 쪽에서 보냈다. 최고 전문가는 아니지만 인디자인 문서를 매일 다룰 정도로 출판 업무에 대해서는 잘 알고 있다. 내가 쓴 <워드프레스 제대로 파기>라는 책 레이아웃 작업을 마무리하면서 인디자인 작업 방식 중 CSS와 비슷한 부분과 그렇지 않은 부분에 대해 생각했는데, 지...


맨위로