Skip to content

A List Apart’ 기사 모음입니다

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

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


맨위로