Skip to content

코드

  • 코드
    Sass 프로젝트를 위한 아키텍처
    저자인 휴고 기로델은 Sass 프로젝트의 아키텍처 "개념"을 얘기합니다. 이는 실전 프로젝트에서 적절한 아키텍처를 만들 수 있는 응용력을 갖추도록 하기 위함입니다. Sass 프로젝트에 맞는 아키텍처를 만들기 위해 기초 개념을 잡아 보세요!
  • 코드
    반응형 웹 디자인의 현재
    "반응형"은 단순한 한 단어이지만 이를 구현해 내는 웹 디자인 기술은 상상을 초월할 정도로 복잡하고 문제도 많다. 복잡한 웹 디자인 기술에 관한 현재 상태와 문제를 점검해 보고 이를 어떻게 해결할 수 있는지, 향후 어떤 웹 디자인 기술이 구현될지 알아본다.
  • 코드
    윈도우에서 SASS 설치하기
    Sass의 공식 웹사이트에서는 Sass를 윈도우에서 작업하려면 윈도우용 루비 인스톨러(Ruby Installer)를 먼저 설치할 것을 권장하고 있습니다. 설치가 어려울 것 같다고 지레 겁을 먹고 좌절하지 마세요! Sass 설치과정은 생각보다 훨씬 쉽고 빨리 끝납니다.
  • 코드
    Sass의 @extend로 부트스트랩을 시맨틱하게 확장하기
    오픈 소스 프론트엔드 툴킷인 부트스트랩(Bootstrap)이 버전 3.1.1로 업그레이드 되었습니다. 최신 버전에는 이미 지원중인 LESS와 함께 Sass가 새롭게 지원됩니다. 이 글에서 저자인 브래드 바로우(Brad Barrow)는 HTML의 구조를 시맨틱하게 변경하고 Sass의 @extend 기능을 사용해 스타일을 적용하는 방법을 알려줍니다.
  • 코드
    Sass 배낭 꾸리기
    경험이 풍부한 배낭여행 전문가는 배낭을 꾸리는 방법이 평소에 신는 신발만큼이나 중요하다고 말합니다. 저는 예전에 스타일 코드를 작성하며 Sass의 구조를 잡는 것이 마치 배낭을 꾸리는 것과 비슷하다는 것을 알았습니다.


맨위로