Skip to content

타이포그래피

  • 디자인
    가독성 개선을 위한 최신 CSS 테크닉
    효과적인 읽기를 위해서는, 즉 가독성을 높이려면 읽기 환경을 최적으로 디자인하고 개발해야 합니다. 가독성을 개선하려면 난독증이나 학습 장애, 시각적 장애를 가진 독자도 고려해야 합니다. 어떻게 하면 시각적으로 장애가 있거나 난독증인 사용자를 포함한 모든 독자가 읽기에 쉽게 접근하고, 편하고 다양한 경험을 할 수 있을까요? 이 글에서는 최신 CSS ...
  • 디자인
    2021년으로 향하는 카운트다운
    지난 1년 가장 많이 언급된 단어는 사회적 거리두기, 언택트였습니다. 1년 동안 게재한 <스매싱 매거진 월간 동향>의 큰 흐름 역시 원격 작업, 재택 근무였습니다. 올해 마지막 동향 기사에도 원격 근무에 도움이 될 만한 여러 툴들을 소개합니다.
  • 웹디자인
    [스매싱 매거진 7월 총정리] 웹의 음지에서 들려오는 이야기
    코로나19로 인해 전 세계가 암울한 시기를 보내고 있는 요즘 스매싱 매거진은 독자 여러분께 매달 업계의 싱싱한 뉴스를 전달하기 위해 노력합니다. 매일매일 웹사이트를 론칭하는 디자이너가 빠르고 정확하게 웹사이트를 배포할 수 있도록 도와주고, 애니메이션 제작 과정에서 손쉽게 수정하면서 시간도 아낄 수 있는 방법을 제안합니다. 한편 구글 크롬 개발자 그룹이 제시...
  • 디자인
    [스매싱 매거진 3월 총정리] 진정하시고 스매싱을 읽으세요
    평소에도 트위터, 페이스북, 링크드인 등을 통해 웹 전반의 소식을 접하고 있을 것입니다. 이달에는 더욱 다채로운 온라인 강연을 소개합니다. 팟캐스트를 들어보세요. 지난 2012년 이래 열린 콘퍼런스 동영상들도 만날 수 있습니다. 또 현재 웹 산업계의 추이를 파악할 수 있는 읽을거리들도 알려줍니다. 현재 업계 또는 개인적 차원에서 진행 중이거나 발표된 재미있...
  • 웹디자인
    웹폰트 사용하기
    폰트를 선택했다면 웹사이트에 적용해보자. 웹폰트는 @font-face 규칙을 통해 CSS에서 정의한다. 웹 개발자들은 @font-face 규칙을 직접 작성해본 혹은 복사해 붙여넣기라도 해본 경험이 있을 것이다. 그게 아니라도 최소한 본 적은 있을 것이다. 그래도 완벽하게 내 것으로 만들기 위해 기본 예제를 빠르게 실행해보자. 이렇게 @font-face 규칙...


맨위로