‘Rachel Andrew’ 기사 모음입니다
Perch CMS를 만든 웹 개발 기업 edgeofmyseat.com의 공동 설립자이며 스매싱매거진의 편집장이다. CSS 작업 그룹에 속한 W3C 초빙 전문가이자 구글 개발자 전문가로 활동하고 있다. 1996년부터 웹 관련 일을 하며 전 세계 곳곳에 있는 CSS 콘퍼런스에서 강연했고 지금도 웹을 주제로 다양한 글을 쓰고 있다. 국내에 소개된 저서로는 《웹디자이너를 위한 HTML5》(개정판), 《새로운 CSS 레이아웃》이 있다.
-
웹디자인
쓰기 모드와 CSS 레이아웃
레이아웃 제작에 쓸 수 있는 여러 기술에 관련한 명세를 명쾌하게 설명해 CSS 작동 원리의 이해를 돕는 《새로운 CSS 레이아웃》의 저자 레이철 앤드루, 그녀가 CSS 레이아웃과 CSS 전반에 쓰기 모드(writing mode)가 미치는 영향과 중요성에 관해 설명한 글을 소개합니다. 쓰기 모드는 쓰기 방식이 다른 언어를 사용하는 문서를 만들 때 사용합니다.... -
웹디자인
CSS를 배우는 방법
많은 사람이 다양한 CSS 강좌 중 어떤 강좌를 들어야 할지 추천해달라거나 CSS를 어떻게 배워야 할지 알려달라는 부탁을 한다. 또한 CSS를 어려워하는 사람도 많이 본다. 대체로 이런 사람은 낡은 사고방식으로 CSS라는 언어를 보기 때문에 문제를 겪는 경우다. CSS는 최근 몇 년 동안 많이 바뀌었기 때문에 지금은 지식을 새로 쌓기 아주 좋은 시기다. 자... -
레이아웃
플렉스박스 플렉스 컨테이너를 만들 때 무슨 일이 벌어질까?
CSS 그리드(grid)는 본질(intrinsic)의 웹 시대 레이아웃의 기준이 될 것입니다. 먼저 사용된 플렉스박스로 그리드 레이아웃을 구현하는 데 어떤 어려움이 있는지 살펴보는 것은 그리드 레이아웃을 이해하는 첫걸음입니다. -
웹디자인
CSS 그리드 레벨2: 서브그리드
CSS 그리드 명세 레벨 2의 핵심 내용, 서브그리드(subgrid)란 무엇인가? 그 기능과 사용법에 대해서 레이철 앤드루가 이야기합니다. -
레이아웃
CSS 그리드 레이아웃 모범 사례
어떤 면에서 우리 모두는 CSS 그리드 레이아웃에 관해 여전히 새롭다. 모두가 새로우니 많은 사람이 계속해서 사용 가능한 모범 사례를 구하고 있다. 이번 글에서는 레이철 앤드루가 설문조사하여 수집한 그리드 레이아웃에 대한 궁금증과 그녀의 생각을 공유한다. -
코드
CSS 논리적 속성과 값 이해하기
CSS 논리적 속성(logical property)과 논리적 값(logical value)을 이해하면 CSS 그리드 레이아웃과 쓰기 모드에서의 인터랙션을 보다 쉽게 터득할 수 있습니다. -
코드
CSS 그리드로 미지원 브라우저 지원하기
‘지원’의 의미 그리드 미지원 브라우저를 어떻게 지원할지 고민하기 전에, 먼저 ‘지원support‘의 의미를 정할 필요가 있다. 지원이란 대상 목록에 있는 모든 브라우저에서 우리 사이트가 완전히 동일한 모습이라는 의미일 수 있다. 또한, 어떤 브라우저에서도 따로 마무리 작업을 할 필요가 없는 만족스러운 상태이거나,... -
디자인
CSS 그리드 레이아웃을 지금 사용해도 정말 괜찮을까
저는 경비행기 조종을 배우고 있습니다. 경비행기 조종을 하면 컴퓨터에서 벗어날 수 있죠. 얼마 전에는 세스나150Cessna 150을 조종하고 있었습니다. 브리스틀 공항에 접근하면서 기체 고도를 낮게 유지하려고 고군분투하던 중, 말 그대로 구름 속으로 빨려 들어가 버렸습니다. 비행 강사는 이렇게 말했습니다. “당신이 잘못한 건 아니에요. 하지만 어쨌든 처리...
ADVERTISEMENT