Skip to content

웹디자인

  • 디자인
    [스매싱 매거진 3월 총정리] 진정하시고 스매싱을 읽으세요
    평소에도 트위터, 페이스북, 링크드인 등을 통해 웹 전반의 소식을 접하고 있을 것입니다. 이달에는 더욱 다채로운 온라인 강연을 소개합니다. 팟캐스트를 들어보세요. 지난 2012년 이래 열린 콘퍼런스 동영상들도 만날 수 있습니다. 또 현재 웹 산업계의 추이를 파악할 수 있는 읽을거리들도 알려줍니다. 현재 업계 또는 개인적 차원에서 진행 중이거나 발표된 재미있...
  • 코드
    <section> 버리고 HTML5 <article> 써야 하는 이유
    각 태그는 목적에 맞게 쓰여야 합니다. 제목을 표시할 때는 헤딩 태그를 〈h1〉, 〈h2〉··· 순차적으로 나열하는 구조여야 합니다. 같은 레벨의 〈h〉 태그에 〈section〉을 둘러싸서 제목 크기를 조절하는 방법은 겉모양만 달라질 뿐입니다. 〈section〉은 구획을 나눌 때 쓰세요. 〈main〉, 〈header〉, 〈footer〉, 〈nav〉 등은 스...
  • 웹디자인
    [스매싱 매거진 2월 총정리] 웹 개발자를 위한 무료 도구 소개
    SVG 미니파잉, HTML에서 CSS 추출하기, 접근성을 위한 컬러 팔레트 체크하기 등의 작업들을 빠르고 간편하게 해낼 수 있는 '작은 도우미(Tiny Helpers)'를 소개합니다. 무료 온라인 도구들의 모음이라고 할 수 있으며 API, 접근성, 폰트, 성능, 정규식, SVG, 유니코드 등 다양한 분야를 다루기 때문에 웹 개발자 여러분에게 도움이 될 것입...
  • 사용자경험
    [스매싱 매거진 1월 총정리] 웹 퍼포먼스 최적화하기
    놀라운 속도로 변화하는 웹 업계에서 2020년 공동의 과제는 뭐니뭐니해도 웹 환경 개선이 아닐까요? 웹을 더 빠르고 안정적으로 만들기 위해서는 퍼포먼스를 최적화해야 합니다. 최적화된 웹 퍼포먼스의 중요성을 널리 알리기 위해 현재 많은 사람들이 노력하고 있습니다. 팟캐스트를 통해, 종이책이나 전자책으로, 각종 뉴스레터나 SNS를 이용해서, 세계 각국의 콘퍼...
  • 웹디자인
    [스매싱 매거진 12월 총정리] 새로운 소식
    코드에도 꿀팁이 있으면 좋겠지요? 지난 12월 한 달 동안 매일 업데이트된 짤막한 팁들로 개발을 좀더 편하게 해보세요. 배열 중복을 지우기, 브라우저 개발자 도구에 데이터를 보여주기 등 자바스크립트, HTML, CSS가 모두 포함되었으니 프런트엔드 개발의 보물창고라 할 만합니다.
  • 웹디자인
    IE에서의 CSS 그리드 사용하기: 일반적인 IE 그리드 오해를 파헤치다
    IE와 크롬을 비롯한 엣지, 사파리, 오페라 같은 최신 브라우저에서도 작동하는 그리드, 폴백 레이아웃 없이 작성할 수 있는 CSS 그리드는 더 이상 미래의 이야기가 아닙니다. 여기 대니얼 토논이 IE와 최신 브라우저에서 안전하게 구현되는 CSS 그리드 사용법에 대해 알려드립니다. 모두 4부작으로 IE 그리드에 대한 오해를 풀어주고, IE에서도 완벽하게 구현...
  • 웹디자인
    쓰기 모드와 CSS 레이아웃
    레이아웃 제작에 쓸 수 있는 여러 기술에 관련한 명세를 명쾌하게 설명해 CSS 작동 원리의 이해를 돕는 《새로운 CSS 레이아웃》의 저자 레이철 앤드루, 그녀가 CSS 레이아웃과 CSS 전반에 쓰기 모드(writing mode)가 미치는 영향과 중요성에 관해 설명한 글을 소개합니다. 쓰기 모드는 쓰기 방식이 다른 언어를 사용하는 문서를 만들 때 사용합니다....
  • 웹디자인
    Sass 믹스인 중복 배제하기
    Sass는 작성된 스타일 시트와 브라우저에서 해석할 .css 파일의 계층이다. Sass는 CSS를 더 쉽게 작성하고 유지할 수 있는 기능을 제공하고, 스타일시트 작성자가 CSS를 DRY하게 유지관리할 수 있도록 돕는다. 우리가 원하는 대로 한 곳에서 중복 없이 핵심 스타일을 정의하고 선택자 하나로 스타일을 적용하는 '실용주의 프로그래밍'의 원칙과 무관하지 ...
  • 사용자경험
    컨텍스트에서의 웹 접근성
    웹의 혁신은 필수 요소인 접근성에서 비롯된다고 할 수 있지만 웹사이트를 개발하는 사람조차도 접근성의 중요성을 인식하지 못하고 있는 것이 웹 접근성의 주요 과제입니다. 웹 접근성 향상을 위한 다양한 기능의 디자인은 모든 사람이 사용할 수 있을 뿐만 아니라 예상하지 못한 용도를 발견하기도 합니다. 색맹 사용자를 위한 스마트폰의 색상 대비 설정은 밝은 햇빛 속에...
  • 웹디자인
    자바스크립트의 책임 : Part Ⅱ
    웹 개발은 어렵습니다. 오랜 시간이 걸리는 힘겨운 싸움이지만 처음부터 완벽하게 만들 필요는 없다는 것이 웹 작업의 멋진 점입니다. 개선할 수 있기 때문이죠. '자바스크립트의 책임: Part Ⅰ'에서는 자바스크립트가 무분별하게 사용되는 웹 환경에서 책임감 있게 사용하는 방법을 소개해드렸습니다. 이번 '자바스크립트의 책임: Part Ⅱ'에서는 무분별하게 사용된...


맨위로