CSS
ADVERTISEMENT
-
웹디자인
[2018년 11월 웹 개발 동향] JIT 디자인, 가변 폰트를 위한 폴백 구현, 자바스크립트 개발자가 알아야 할 33가지
디자인이 웹사이트에 관한 인식과 사용자에게 미치는 영향은 얼마나 될까요? 요즘처럼 디자인이 모든 차이점을 만들어내는 시기에 구글 머티리얼 디자인 킷(Google Material Design Kit)처럼 통일된 디자인을 가진 표준 모델은 점점 그 영향력을 잃고 있습니다. 물론 표준 모델을 사용하면 기술 측면에서는 괜찮은 디자인을 얻을 수 있겠죠. 하지만 ..... -
레이아웃
IE에서 CSS 그리드 사용하기: 간격으로 자동 배치 그리드 만들기
인터넷 익스플로러에서 CSS 그리드 사용하기 마지막 시리즈! 셀 간격과 플렉스박스로 자동 배치(auto-placement) 기능을 어떻게 구현하는지 소개합니다. grid-gap의 역할을 인터넷 익스플로러에서는 어떻게 풀어내는지 알아봅시다. -
사용자경험
[2018년 10월 웹 개발 동향] - 기후 변화에 대응하는 디자인, RAIL 성능 모델, 원격 근무의 부작용
기후 변화와 웹디자인의 상관관계는 없을 것 같지만 절대 그렇지 않습니다. 미국에 허리케인 플로렌스가 상륙했을 때 CNN, NPR 미디어는 텍스트로만 구성된 뉴스를 제공함으로써 접근성이 떨어지는 사용자를 위해 대역폭과 배터리 소모를 줄여줬습니다. 안드로이드 폰이 꺼진 상황에서도 구글이 수집하는 모바일 데이터는 무엇인지, 우리가 지켜야 할 프라이버시에 대해서도... -
웹디자인
편집 디자인과 웹 디자인의 유사성 비교
나는 오랫동안 출판 분야에서 일을 했다. 웹 분야에서 일한 기간보다 더 오랜 시간을 출판 쪽에서 보냈다. 최고 전문가는 아니지만 인디자인 문서를 매일 다룰 정도로 출판 업무에 대해서는 잘 알고 있다. 내가 쓴 <워드프레스 제대로 파기>라는 책 레이아웃 작업을 마무리하면서 인디자인 작업 방식 중 CSS와 비슷한 부분과 그렇지 않은 부분에 대해 생각했는데, 지... -
웹디자인
[2018년 9월 웹 개발 동향] 프로젝트 기획할 때 어려운 점, PHP 7.0 곧 출시, 접근성의 진정한 의미
크롬 70의 베타 버전을 시작으로 브라우저 업데이트 이슈가 굉장합니다. 웹에서 할 수 있는 기능 요소가 점점 더 확장하고 있는 최근의 웹 환경에서는 더 적은 코드로, 더 빠르고 쉽게 서비스할 수 있을 것입니다. -
레이아웃
IE에서 CSS 그리드 사용하기: CSS 그리드와 Autoprefixer
인터넷 익스플로러에서 그리드 레이아웃을 사용하기 위한 관점에서 Autoprefixer에 대해 알아봅니다. -
레이아웃
플렉스박스 플렉스 컨테이너를 만들 때 무슨 일이 벌어질까?
CSS 그리드(grid)는 본질(intrinsic)의 웹 시대 레이아웃의 기준이 될 것입니다. 먼저 사용된 플렉스박스로 그리드 레이아웃을 구현하는 데 어떤 어려움이 있는지 살펴보는 것은 그리드 레이아웃을 이해하는 첫걸음입니다. -
디자인
[2018년 8월 웹 개발 동향] 자바스크립트의 비용, 오픈소스 윤리, QUIC
2018년 8월 웹 개발 동향은 다양한 업데이트 소식과 함께 웹 디자이너와 개발자 모두가 눈여겨보고, 함께 고민해야 할 소식으로 가득합니다. QUIC, CSS 레이아웃 속성, 자바스크립트 사용이 저성능 모바일폰 사용자에게 비용을 전가한다는 통계, 오픈소스가 가진 영향력에 대한 윤리적 고민에 대해서 이야기합니다. -
웹디자인
CSS 그리드 레벨2: 서브그리드
CSS 그리드 명세 레벨 2의 핵심 내용, 서브그리드(subgrid)란 무엇인가? 그 기능과 사용법에 대해서 레이철 앤드루가 이야기합니다.
ADVERTISEMENT