Skip to content

UI

  • 코드
    디자이너는 어떻게 코드를 배우나?: PartⅠ
    디자인이란 아름다운 목업을 만드는 과정이 아니다. 최종 사용자에게 직관적이고 잘 작동하는 경험을 전달해줄 수단을 만드는 작업이다. 사용자에게 최상의 경험을 제공할 최고의 디자인을 완성하기 위해서는 웹디자인의 원재료인 코드에 대해 알아야 한다. 코딩과 엔지니어링은 별개이다. 코딩은 작업에 필요한 프로그래밍 언어에 익숙해지는 것을 의미한다. 코딩을 통해 디자이...
  • 사용자경험
    브라우저는 사용자가 원하는 것을 어떻게 제공하나
    누구라도 예외 없이, 장애 구분 없이 웹에 쉽게 접근할 권리가 있죠. 따라서 디자이너와 개발자는 모든 정보와 기능을 공개하고 사용자가 상황과 맥락에 맞게 사용할 수 있도록 배려해야 합니다. 전체적인 제어는 사용자에게 넘겨서 콘텐츠를 이용하기 가장 좋은 환경으로 직접 구축할 수 있도록 말이죠. 통찰력과 깊이 있는 다음 기사를 읽고 웹접근성을 바라보는 눈높이를...
  • 디자인
    [스매싱 매거진 3월 총정리] 진정하시고 스매싱을 읽으세요
    평소에도 트위터, 페이스북, 링크드인 등을 통해 웹 전반의 소식을 접하고 있을 것입니다. 이달에는 더욱 다채로운 온라인 강연을 소개합니다. 팟캐스트를 들어보세요. 지난 2012년 이래 열린 콘퍼런스 동영상들도 만날 수 있습니다. 또 현재 웹 산업계의 추이를 파악할 수 있는 읽을거리들도 알려줍니다. 현재 업계 또는 개인적 차원에서 진행 중이거나 발표된 재미있...
  • 사용자경험
    [스매싱 매거진 1월 총정리] 웹 퍼포먼스 최적화하기
    놀라운 속도로 변화하는 웹 업계에서 2020년 공동의 과제는 뭐니뭐니해도 웹 환경 개선이 아닐까요? 웹을 더 빠르고 안정적으로 만들기 위해서는 퍼포먼스를 최적화해야 합니다. 최적화된 웹 퍼포먼스의 중요성을 널리 알리기 위해 현재 많은 사람들이 노력하고 있습니다. 팟캐스트를 통해, 종이책이나 전자책으로, 각종 뉴스레터나 SNS를 이용해서, 세계 각국의 콘퍼...
  • 웹디자인
    IE에서의 CSS 그리드 사용하기: 일반적인 IE 그리드 오해를 파헤치다
    IE와 크롬을 비롯한 엣지, 사파리, 오페라 같은 최신 브라우저에서도 작동하는 그리드, 폴백 레이아웃 없이 작성할 수 있는 CSS 그리드는 더 이상 미래의 이야기가 아닙니다. 여기 대니얼 토논이 IE와 최신 브라우저에서 안전하게 구현되는 CSS 그리드 사용법에 대해 알려드립니다. 모두 4부작으로 IE 그리드에 대한 오해를 풀어주고, IE에서도 완벽하게 구현...
  • 웹디자인
    [2019년 9월 웹 개발 동향] 기본적인 생활 스타일을 받아들이는 법과 단순해지기 힘든 이유
    디지털 세상에서 살아가는 우리는 생산성을 높이기 위해 끊임없이 일을 찾고 단순함과는 점점 거리가 멀어지고 있습니다. 재충전을 위한 여가활동조차 온전히 누리지 못하고 있는 이 시점에 ‘기본’의 의미를 곱씹어 생각하며 일을 끝내면 아무것도 하지 않는 ‘기본적인 생활 스타일’을 한번 누려보는 것은 어떨까요? 파이어폭스 69가 출시되었습니다. 자바스크립트 퍼블릭 ...
  • 웹디자인
    [2019년 8월 웹 개발 동향] 강한 팀과 윤리적 데이터 센스메이킹
    모든 사람은 저마다 각자의 자리와 능력이 있습니다. 팀은 스타만으로 구성되는 것이 아니므로 팀원과 팀의 가치를 응원하고 지지하는 사람과 함께하려는 마음이 필요합니다. 사람들은 빠른 소프트웨어를 선호하고 구매하기 때문에 속도는 비즈니스 성공에도 중요한 요소입니다. 웹사이트 성능을 높이기 위해 아이프레임(iframe)을 섀도DOM(ShadowDOM)으로 바꾸게...
  • 웹디자인
    [2019년 4월 웹 개발 동향] 디자인 윤리 그리고 비주얼보다 명확성을 중시하는 디자인
    디자인 윤리, 기술 윤리, 비즈니스 윤리를 지키기 위해서는 모두의 노력이 필요합니다. 마땅히 도리를 지키며 더 나은 제품을 만들 수 있는 방법은 무엇인지 소개합니다. 디자이너는 본인의 작업물에 책임이 있습니다. 디자인 본연의 메시지를 제대로 전달하기 위해서는 비주얼보다는 명확성에 집중해야 합니다. 명확한 디자인을 위해서는 무엇이 필요한지 알아보고 비주얼...
  • 웹디자인
    [2019년 3월 웹 개발 동향] 리액트 훅스, 컨스트럭터블 스타일 시트, CSS 단편화 등
    구글이 컨스트럭터블 스타일 시트(Constructable Stylesheets, 객체로 생성하는 스타일 시트)라는 새로운 기법을 제시했습니다. 크롬 버전 74 개발자 도구에 새 기능을 추가하여 이제 CSS 속성에 영향을 받는 모든 요소를 확인할 수 있다고 합니다. CSS의 대가 레이철 앤드루가 CSS 단편화를 소개합니다. 인쇄물이나 전자책에서 사용하는 페이...
  • 웹디자인
    [2019년 1월 웹 개발 동향] 습관을 다시 생각하고 새로운 해결책 찾기
    크롬이 특정 네이티브 앱의 설치 여부를 감지할 수 있는 getInstalledRelatedApps라는 API를 개발 중입니다. 방문자에게 홍보 배너가 보이는 것을 중단할 수 있다니 방문자에게는 좋은 소식이지만 광고 제공자에게는 조금 슬플 수 있겠네요. 후디니와 페인트 API로 구현할 수 있는 '슈퍼 언더라인'도 흥미롭습니다. 후디니는 브라우저가 이해할 수 ...


맨위로