Skip to content

  • 디자인
    이미지와 텍스트를 조화롭게 배치하는 3가지 방법
    이미지와 텍스트는 정보 전달 과정에서 꼭 필요한 요소이며, 서로 상호보완적인 역할을 합니다. 그리고 이 둘을 적절하게 조합할 때 나타나는 효과는 실로 어마어마합니다. 이미지와 텍스트를 조화롭게 배치해서 청중의 시선을 단숨에 사로잡는 방법, 지금 소개합니다!
  • 워드프레스
    워드프레스 사이트의 속도를 높여라
    사용자를 중요하게 생각한다면 워드프레스 웹사이트를 상세히 살펴보고 분석할 필요가 있다. 그 중에서도 우선적으로 봐야 할 것은 바로 ‘속도’다. 빨리 뜨는 페이지는 생각보다 많은 이득을 가져온다.
  • 코드
    Sass 프로젝트를 위한 아키텍처
    저자인 휴고 기로델은 Sass 프로젝트의 아키텍처 "개념"을 얘기합니다. 이는 실전 프로젝트에서 적절한 아키텍처를 만들 수 있는 응용력을 갖추도록 하기 위함입니다. Sass 프로젝트에 맞는 아키텍처를 만들기 위해 기초 개념을 잡아 보세요!
  • 코드
    반응형 웹 디자인의 현재
    "반응형"은 단순한 한 단어이지만 이를 구현해 내는 웹 디자인 기술은 상상을 초월할 정도로 복잡하고 문제도 많다. 복잡한 웹 디자인 기술에 관한 현재 상태와 문제를 점검해 보고 이를 어떻게 해결할 수 있는지, 향후 어떤 웹 디자인 기술이 구현될지 알아본다.
  • 코드
    윈도우에서 SASS 설치하기
    Sass의 공식 웹사이트에서는 Sass를 윈도우에서 작업하려면 윈도우용 루비 인스톨러(Ruby Installer)를 먼저 설치할 것을 권장하고 있습니다. 설치가 어려울 것 같다고 지레 겁을 먹고 좌절하지 마세요! Sass 설치과정은 생각보다 훨씬 쉽고 빨리 끝납니다.
  • 사용자경험
    버튼을 넘어서: 제스처 기반 인터페이스의 수용
    오늘날 아이들은 너무나도 자연스럽게 터치스크린을 경험하며 자란다. 부모들은 아이들이 빠르게 태블릿이나 스마트폰의 작동원리를 이해하는 것을 보고 놀란다. 이는 터치와 제스처 인터랙션을 하면 모바일 경험이 보다 쉽고 보다 재미있어진다는 잠재성을 보여준다.
  • 코드
    Sass의 @extend로 부트스트랩을 시맨틱하게 확장하기
    오픈 소스 프론트엔드 툴킷인 부트스트랩(Bootstrap)이 버전 3.1.1로 업그레이드 되었습니다. 최신 버전에는 이미 지원중인 LESS와 함께 Sass가 새롭게 지원됩니다. 이 글에서 저자인 브래드 바로우(Brad Barrow)는 HTML의 구조를 시맨틱하게 변경하고 Sass의 @extend 기능을 사용해 스타일을 적용하는 방법을 알려줍니다.
  • 코드
    Sass 배낭 꾸리기
    경험이 풍부한 배낭여행 전문가는 배낭을 꾸리는 방법이 평소에 신는 신발만큼이나 중요하다고 말합니다. 저는 예전에 스타일 코드를 작성하며 Sass의 구조를 잡는 것이 마치 배낭을 꾸리는 것과 비슷하다는 것을 알았습니다.
  • 모바일
    대안은 없다
    오늘날의 모바일 인터넷은 형편없다. 일단 느려터졌다. 그리고 조작도 불편한데다 데스크톱에서 이용 가능한 기능과 비교하면 쥐꼬리만한 기능만을 제공한다. 이런 이유들로 인해, 누구든 간에 모바일쪽을 더 선호할거라 상상하기는 사실 어렵다.
  • 디자인
    우리에게 반응형 이미지가 필요한 이유
    반응형 이미지는 영원처럼 길게 느껴지는 시간 동안 웹 개발자들이 뜨겁게 논쟁해 온 주제 중의 하나였다. 내 기억으로는 제이슨 그리스비Jason Grisby가 아마도 너비의 퍼센티지를 줄이는 것이 충분하지 않고, 이미지를 리사이즈해야 한다는 것을 공개적으로 지적한 첫 번째 사람이었던 것 같다. 그는 원본 반응형 데모 사이트에서 적절하게 사이즈된 이미지들을……...


맨위로