CSS
ADVERTISEMENT
-
디자인
CSS 그리드 레이아웃을 지금 사용해도 정말 괜찮을까
저는 경비행기 조종을 배우고 있습니다. 경비행기 조종을 하면 컴퓨터에서 벗어날 수 있죠. 얼마 전에는 세스나150Cessna 150을 조종하고 있었습니다. 브리스틀 공항에 접근하면서 기체 고도를 낮게 유지하려고 고군분투하던 중, 말 그대로 구름 속으로 빨려 들어가 버렸습니다. 비행 강사는 이렇게 말했습니다. “당신이 잘못한 건 아니에요. 하지만 어쨌든 처리... -
코드
Sass 프로젝트를 위한 아키텍처
저자인 휴고 기로델은 Sass 프로젝트의 아키텍처 "개념"을 얘기합니다. 이는 실전 프로젝트에서 적절한 아키텍처를 만들 수 있는 응용력을 갖추도록 하기 위함입니다. Sass 프로젝트에 맞는 아키텍처를 만들기 위해 기초 개념을 잡아 보세요! -
코드
윈도우에서 SASS 설치하기
Sass의 공식 웹사이트에서는 Sass를 윈도우에서 작업하려면 윈도우용 루비 인스톨러(Ruby Installer)를 먼저 설치할 것을 권장하고 있습니다. 설치가 어려울 것 같다고 지레 겁을 먹고 좌절하지 마세요! Sass 설치과정은 생각보다 훨씬 쉽고 빨리 끝납니다. -
코드
Sass의 @extend로 부트스트랩을 시맨틱하게 확장하기
오픈 소스 프론트엔드 툴킷인 부트스트랩(Bootstrap)이 버전 3.1.1로 업그레이드 되었습니다. 최신 버전에는 이미 지원중인 LESS와 함께 Sass가 새롭게 지원됩니다. 이 글에서 저자인 브래드 바로우(Brad Barrow)는 HTML의 구조를 시맨틱하게 변경하고 Sass의 @extend 기능을 사용해 스타일을 적용하는 방법을 알려줍니다. -
코드
Sass 배낭 꾸리기
경험이 풍부한 배낭여행 전문가는 배낭을 꾸리는 방법이 평소에 신는 신발만큼이나 중요하다고 말합니다. 저는 예전에 스타일 코드를 작성하며 Sass의 구조를 잡는 것이 마치 배낭을 꾸리는 것과 비슷하다는 것을 알았습니다.
ADVERTISEMENT