Skip to content

웹디자인

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


맨위로