Skip to content

  • 사용자경험
    컨텍스트에서의 웹 접근성
    웹의 혁신은 필수 요소인 접근성에서 비롯된다고 할 수 있지만 웹사이트를 개발하는 사람조차도 접근성의 중요성을 인식하지 못하고 있는 것이 웹 접근성의 주요 과제입니다. 웹 접근성 향상을 위한 다양한 기능의 디자인은 모든 사람이 사용할 수 있을 뿐만 아니라 예상하지 못한 용도를 발견하기도 합니다. 색맹 사용자를 위한 스마트폰의 색상 대비 설정은 밝은 햇빛 속에...
  • 디자인
    [스매싱 매거진 11월 총정리] GitSheet 소개와 GraphQL 기초 배우기
    자주 사용하는 Git 명령어는 잘 기억하고 있지만 그렇지 않은 명령어는 쉽게 떠오르지 않죠. 이에 도움이 될 깃시트(GitSheet)를 소개합니다. 클릭 한 번으로 간편하게 명령어를 복사해 사용할 수 있습니다. 페이스북에서 만든 쿼리 언어 GraphQL을 기초부터 차근차근 배우는 데 도움이 될 오픈소스 튜토리얼이 있습니다. 하수라(Hasura)에서 만든 튜...
  • 웹디자인
    자바스크립트의 책임 : Part Ⅱ
    웹 개발은 어렵습니다. 오랜 시간이 걸리는 힘겨운 싸움이지만 처음부터 완벽하게 만들 필요는 없다는 것이 웹 작업의 멋진 점입니다. 개선할 수 있기 때문이죠. '자바스크립트의 책임: Part Ⅰ'에서는 자바스크립트가 무분별하게 사용되는 웹 환경에서 책임감 있게 사용하는 방법을 소개해드렸습니다. 이번 '자바스크립트의 책임: Part Ⅱ'에서는 무분별하게 사용된...
  • 웹디자인
    [스매싱 10월 총정리] 커뮤니티 자료들과 좋은 글들
    FOUC는 사용자에게 불편함을 끼치는 요소 중 하나입니다. 사용자가 최대한 덜 불편해 할 사이트를 제공하기 위해 적절한 폴백 폰트를 매치해주는 도구를 활용해보세요. 작지만 강력한 도구가 여러분을 도와줄 것입니다. 무언가에 집중하고 주도적으로 학습하기 위해서는 게임도 하나의 좋은 방법이라고 생각합니다. 게임을 통해 플렉스박스의 개념을 이해해보고, CSS 선택...
  • 웹디자인
    자바스크립트의 책임 : Part Ⅰ
    자바스크립트에 대한 이해 없이 무분별하게 자바스크립트를 사용하면 웹 성능과 접근성을 떨어뜨립니다. 적합하지 않은 도구의 사용은 사이트 사용자에게 손해일 뿐 아니라 생산성도 떨어지게 됩니다. 사용자 입장에서 생각하고 사용자를 위해 제공하는 서비스나 솔루션의 목적을 생각해야만 그에 맞는 훌륭한 결과물을 만들 수 있습니다. 그러려면 자바스크립트를 책임감 있게 사...
  • 코드
    객체 지향 CSS 소개
    객체 지향 CSS(Object Oriented CSS : OOCSS)는 CSS 생산성을 높이기 위해 개발된 방법론으로 CSS를 여러 개의 독립된 객체로 구성해 재사용성을 극대화합니다. 궁극적으로는 더 빠르고 효율적이며 추가와 유지보수가 쉬운 스타일시트를 만드는 데 목적이 있습니다. 최근에는 BEM 기법과 함께 사용되는 경우가 많고 부트스트랩 같은 CSS 프...
  • 웹디자인
    [2019년 9월 웹 개발 동향] 기본적인 생활 스타일을 받아들이는 법과 단순해지기 힘든 이유
    디지털 세상에서 살아가는 우리는 생산성을 높이기 위해 끊임없이 일을 찾고 단순함과는 점점 거리가 멀어지고 있습니다. 재충전을 위한 여가활동조차 온전히 누리지 못하고 있는 이 시점에 ‘기본’의 의미를 곱씹어 생각하며 일을 끝내면 아무것도 하지 않는 ‘기본적인 생활 스타일’을 한번 누려보는 것은 어떨까요? 파이어폭스 69가 출시되었습니다. 자바스크립트 퍼블릭 ...
  • 웹디자인
    [2019년 8월 웹 개발 동향] 강한 팀과 윤리적 데이터 센스메이킹
    모든 사람은 저마다 각자의 자리와 능력이 있습니다. 팀은 스타만으로 구성되는 것이 아니므로 팀원과 팀의 가치를 응원하고 지지하는 사람과 함께하려는 마음이 필요합니다. 사람들은 빠른 소프트웨어를 선호하고 구매하기 때문에 속도는 비즈니스 성공에도 중요한 요소입니다. 웹사이트 성능을 높이기 위해 아이프레임(iframe)을 섀도DOM(ShadowDOM)으로 바꾸게...
  • 웹디자인
    [2019년 7월 웹 개발 동향] 최신 기법과 착한 말썽
    이달 웹 개발 동향에서는 파이어폭스 68, 크롬 76의 새로운 업데이트 소식과 점잖은 방식으로 세상을 바꾸어놓을 수 있는 프랭크 키메로의 ‘착한 말썽’에 대해서도 살펴봅니다. 파이어폭스 68에는 자바스크립트에 BigInt, 개발자 도구에 접근성 검사기, CSS 스크롤 스냅과 마커 스타일이 추가되었고 메서드, URL, 매개변수, 헤더를 편집하지 않고도 개발자...
  • 웹디자인
    [2019년 6월 웹 개발 동향] 사용자 참여와 프라이버시 다시 생각하기
    더 나은 웹 환경을 만들기 위해 어떻게 기여할 수 있는지, 우리의 작은 행동이 어떻게 영향을 줄 수 있는지 생각해야 합니다. 사파리가 새로운 지능형 추적 방지 기능을 도입하고 이를 기본값으로 설정했고, 파이어폭스 역시 강화된 추적 방지 기능을 기본값으로 설정했습니다. 과거에는 국가 권력만이 개인정보 관련 데이터에 접근할 수 있었습니다. 개인정보, 즉 프...


맨위로