Skip to content

A List Apart’ 기사 모음입니다

A List Apart는 1998년에 제프리 젤드먼이 설립했다. 웹디자인, 웹개발, 웹콘텐츠, 특히 웹표준에 대한 내용을 자세히 다루고 있다.

  • 사용자경험
    《사람을 배려하는 디자인》 저자 인터뷰
    아름다운 웹사이트 만들기 제18탄 《사람을 배려하는 디자인》에는 탄생 배경이 있습니다. 저자 사라 와터 보에처는 사용자 입장에서 불쾌했던 경험을 기록했고 많은 사람이 나도 그런 경험이 있다며 말하기 시작했습니다. 공동 저자 에릭 마이어는 그녀의 이야기에 공감하고 손을 내민 사람 중 한 명이었으며, 점차 자신들의 이야기가 웹뿐 아니라 다양한 집단에 영향을 미...
  • 디자인
    색각 결핍 디자이너의 삶
    저자인 노아 글루시엔 역시 색맹이라는 핸디캡을 극복하고 자기에게 맞는 커리어 쌓기에 도전하고 있는 웹디자이너입니다. 노아는 이 글에서 색각 결핍이 있는 웹디자이너나 일반 사용자들이 웹을 다루고, 즐길 수 있는 다양한 도구와 자료들을 소개합니다. 그리고 색맹자로서 오히려 장점을 발휘하는 순간들을 알려줍니다.
  • 사용자경험
    브라우저는 사용자가 원하는 것을 어떻게 제공하나
    누구라도 예외 없이, 장애 구분 없이 웹에 쉽게 접근할 권리가 있죠. 따라서 디자이너와 개발자는 모든 정보와 기능을 공개하고 사용자가 상황과 맥락에 맞게 사용할 수 있도록 배려해야 합니다. 전체적인 제어는 사용자에게 넘겨서 콘텐츠를 이용하기 가장 좋은 환경으로 직접 구축할 수 있도록 말이죠. 통찰력과 깊이 있는 다음 기사를 읽고 웹접근성을 바라보는 눈높이를...
  • 사용자경험
    자바스크립트의 책임: Part Ⅲ
    편리함에는 항상 대가가 따릅니다. 개발자를 편하게 해주는 서드파티는 관리하지 않으면 아주 골치 아픈 기술 부채의 전조가 될 수 있습니다. 문제가 해결되지 않을 때에야 비로소 편의가 빚이었음을 깨닫게 됩니다. 부채가 쌓여 해결할 수 없는 단계에 이르기 전에 책임자를 정하고 끊임없이 지켜봐야 합니다. 또한 항상 서드파티 스크립트가 이 페이지에 필요한가를 책임자...
  • 웹디자인
    Sass 믹스인 중복 배제하기
    Sass는 작성된 스타일 시트와 브라우저에서 해석할 .css 파일의 계층이다. Sass는 CSS를 더 쉽게 작성하고 유지할 수 있는 기능을 제공하고, 스타일시트 작성자가 CSS를 DRY하게 유지관리할 수 있도록 돕는다. 우리가 원하는 대로 한 곳에서 중복 없이 핵심 스타일을 정의하고 선택자 하나로 스타일을 적용하는 '실용주의 프로그래밍'의 원칙과 무관하지 ...
  • 웹디자인
    자바스크립트의 책임 : Part Ⅱ
    웹 개발은 어렵습니다. 오랜 시간이 걸리는 힘겨운 싸움이지만 처음부터 완벽하게 만들 필요는 없다는 것이 웹 작업의 멋진 점입니다. 개선할 수 있기 때문이죠. '자바스크립트의 책임: Part Ⅰ'에서는 자바스크립트가 무분별하게 사용되는 웹 환경에서 책임감 있게 사용하는 방법을 소개해드렸습니다. 이번 '자바스크립트의 책임: Part Ⅱ'에서는 무분별하게 사용된...
  • 웹디자인
    자바스크립트의 책임 : Part Ⅰ
    자바스크립트에 대한 이해 없이 무분별하게 자바스크립트를 사용하면 웹 성능과 접근성을 떨어뜨립니다. 적합하지 않은 도구의 사용은 사이트 사용자에게 손해일 뿐 아니라 생산성도 떨어지게 됩니다. 사용자 입장에서 생각하고 사용자를 위해 제공하는 서비스나 솔루션의 목적을 생각해야만 그에 맞는 훌륭한 결과물을 만들 수 있습니다. 그러려면 자바스크립트를 책임감 있게 사...
  • 콘텐츠전략
    로봇과의 대화 : 음성 검색과 스마트 에이전트, 구조화된 콘텐츠 사례
    구조화된 콘텐츠는 스마트 에이전트나 음성 검색의 결과를 좌우합니다. 사용자가 음성 검색을 통해 정보를 찾을 때도 콘텐츠 구조화 정도에 따라 검색 결과가 달라집니다. 구조화가 잘 갖추어져 있지 않은 페이지는 사용자를 경쟁사로 빠져나가게하는 계기가 될 수도 있습니다. 이 기사에서는 구조화된 콘텐츠 형태를 소개하고 이를 적용해보고 적용하지 않은 사례와 차근차근 ...
  • 웹디자인
    중괄호에서 픽셀로
    CSS 중괄호가 어떻게 화면의 화려한 픽셀로 변신하는지, 브라우저 엔진은 CSS를 어떻게 해석하는지, CSS소스와 캐스케이드, CSS 객체 모델, 레이아웃 결정, 채색, z-index는 브라우저에게 어떤 의미인지 알려줍니다. 브라우저는 결국 모든 계산을 마친 후 하나의 비트맵 이미지로 만들어냅니다. 이번 글은 브라우저가 CSS를 이용해 중괄호를 픽셀로 만드...
  • 코드
    명확한 코드 작성법
    단일 책임 원칙 벽에 전동 드릴로 나사를 박는 경우를 생각해보자. 드릴을 나사에서 떼는 순간 벽체의 성분인 컴파운드 가루가 쭉 뿜어 나오면서 나사를 덮어버리는 신기한 현상을 볼 수 있다. 나사를 페인트로 칠할 거라면 몰라도 매번 이런 현상이 나타나는 것이 달갑지 않을 수도 있다. 그렇다고 해서 구멍 하나 편하게 뚫자고 다른 드릴로 바꿀 수도 없다. 이 드릴...


맨위로