Skip to content

  • 웹디자인
    [스매싱 매거진 2월 총정리] 웹 개발자를 위한 무료 도구 소개
    SVG 미니파잉, HTML에서 CSS 추출하기, 접근성을 위한 컬러 팔레트 체크하기 등의 작업들을 빠르고 간편하게 해낼 수 있는 '작은 도우미(Tiny Helpers)'를 소개합니다. 무료 온라인 도구들의 모음이라고 할 수 있으며 API, 접근성, 폰트, 성능, 정규식, SVG, 유니코드 등 다양한 분야를 다루기 때문에 웹 개발자 여러분에게 도움이 될 것입...
  • 사용자경험
    자바스크립트의 책임: Part Ⅲ
    편리함에는 항상 대가가 따릅니다. 개발자를 편하게 해주는 서드파티는 관리하지 않으면 아주 골치 아픈 기술 부채의 전조가 될 수 있습니다. 문제가 해결되지 않을 때에야 비로소 편의가 빚이었음을 깨닫게 됩니다. 부채가 쌓여 해결할 수 없는 단계에 이르기 전에 책임자를 정하고 끊임없이 지켜봐야 합니다. 또한 항상 서드파티 스크립트가 이 페이지에 필요한가를 책임자...
  • 사용자경험
    [스매싱 매거진 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하게 유지관리할 수 있도록 돕는다. 우리가 원하는 대로 한 곳에서 중복 없이 핵심 스타일을 정의하고 선택자 하나로 스타일을 적용하는 '실용주의 프로그래밍'의 원칙과 무관하지 ...
  • 사용자경험
    컨텍스트에서의 웹 접근성
    웹의 혁신은 필수 요소인 접근성에서 비롯된다고 할 수 있지만 웹사이트를 개발하는 사람조차도 접근성의 중요성을 인식하지 못하고 있는 것이 웹 접근성의 주요 과제입니다. 웹 접근성 향상을 위한 다양한 기능의 디자인은 모든 사람이 사용할 수 있을 뿐만 아니라 예상하지 못한 용도를 발견하기도 합니다. 색맹 사용자를 위한 스마트폰의 색상 대비 설정은 밝은 햇빛 속에...
  • 디자인
    [스매싱 매거진 11월 총정리] GitSheet 소개와 GraphQL 기초 배우기
    자주 사용하는 Git 명령어는 잘 기억하고 있지만 그렇지 않은 명령어는 쉽게 떠오르지 않죠. 이에 도움이 될 깃시트(GitSheet)를 소개합니다. 클릭 한 번으로 간편하게 명령어를 복사해 사용할 수 있습니다. 페이스북에서 만든 쿼리 언어 GraphQL을 기초부터 차근차근 배우는 데 도움이 될 오픈소스 튜토리얼이 있습니다. 하수라(Hasura)에서 만든 튜...
  • 웹디자인
    자바스크립트의 책임 : Part Ⅱ
    웹 개발은 어렵습니다. 오랜 시간이 걸리는 힘겨운 싸움이지만 처음부터 완벽하게 만들 필요는 없다는 것이 웹 작업의 멋진 점입니다. 개선할 수 있기 때문이죠. '자바스크립트의 책임: Part Ⅰ'에서는 자바스크립트가 무분별하게 사용되는 웹 환경에서 책임감 있게 사용하는 방법을 소개해드렸습니다. 이번 '자바스크립트의 책임: Part Ⅱ'에서는 무분별하게 사용된...


맨위로