모두보기
ADVERTISEMENT
-
사용자경험
[스매싱 매거진 4월 총정리] 연결을 지속하고 서로에게서 배우세요.
코로나19는 대면하지 않고 일을 처리하는 원격근무 시스템 등 대체 방법을 고민하게 만들었습니다. 스매싱 매거진 4월 웹 동향에서도 원격근무에 효율적인 전략을 소개합니다. 그 전략은 적용이 쉽고 차별화될 수 있습니다. 시각화에 유용한 도구를 소개합니다. 플립 카운터는 오픈소스로 모바일에 친화적이며 설치하기 편합니다. 몇 가지 사전 설정으로 각자만의 플립 카운... -
사용자경험
브라우저는 사용자가 원하는 것을 어떻게 제공하나
누구라도 예외 없이, 장애 구분 없이 웹에 쉽게 접근할 권리가 있죠. 따라서 디자이너와 개발자는 모든 정보와 기능을 공개하고 사용자가 상황과 맥락에 맞게 사용할 수 있도록 배려해야 합니다. 전체적인 제어는 사용자에게 넘겨서 콘텐츠를 이용하기 가장 좋은 환경으로 직접 구축할 수 있도록 말이죠. 통찰력과 깊이 있는 다음 기사를 읽고 웹접근성을 바라보는 눈높이를... -
사용자경험
접근성 좋은 SVG – 패턴을 넘어선 포용성
SVG 접근성 측면에서 보면 우리는 큰 진전을 이뤘습니다. SVG의 접근성을 최적화하는 데 도움을 주는 견고한 패턴은 간단한 이미지 혹은 좀더 복잡한 이미지를 만들 때에도 적용할 수 있습니다. 대부분의 개발자나 디자이너는 실제 사용자가 필요로 하는 것보다 WCAG2.1을 준수하기 위한 코드에만 초점을 맞춥니다. SVG를 어떻게 만드느냐에 따라 사용자는 장치... -
디자인
[스매싱 매거진 3월 총정리] 진정하시고 스매싱을 읽으세요
평소에도 트위터, 페이스북, 링크드인 등을 통해 웹 전반의 소식을 접하고 있을 것입니다. 이달에는 더욱 다채로운 온라인 강연을 소개합니다. 팟캐스트를 들어보세요. 지난 2012년 이래 열린 콘퍼런스 동영상들도 만날 수 있습니다. 또 현재 웹 산업계의 추이를 파악할 수 있는 읽을거리들도 알려줍니다. 현재 업계 또는 개인적 차원에서 진행 중이거나 발표된 재미있... -
코드
<section> 버리고 HTML5 <article> 써야 하는 이유
각 태그는 목적에 맞게 쓰여야 합니다. 제목을 표시할 때는 헤딩 태그를 〈h1〉, 〈h2〉··· 순차적으로 나열하는 구조여야 합니다. 같은 레벨의 〈h〉 태그에 〈section〉을 둘러싸서 제목 크기를 조절하는 방법은 겉모양만 달라질 뿐입니다. 〈section〉은 구획을 나눌 때 쓰세요. 〈main〉, 〈header〉, 〈footer〉, 〈nav〉 등은 스... -
사용자경험
자바스크립트의 책임: Part Ⅲ
편리함에는 항상 대가가 따릅니다. 개발자를 편하게 해주는 서드파티는 관리하지 않으면 아주 골치 아픈 기술 부채의 전조가 될 수 있습니다. 문제가 해결되지 않을 때에야 비로소 편의가 빚이었음을 깨닫게 됩니다. 부채가 쌓여 해결할 수 없는 단계에 이르기 전에 책임자를 정하고 끊임없이 지켜봐야 합니다. 또한 항상 서드파티 스크립트가 이 페이지에 필요한가를 책임자... -
사용자경험
[스매싱 매거진 1월 총정리] 웹 퍼포먼스 최적화하기
놀라운 속도로 변화하는 웹 업계에서 2020년 공동의 과제는 뭐니뭐니해도 웹 환경 개선이 아닐까요? 웹을 더 빠르고 안정적으로 만들기 위해서는 퍼포먼스를 최적화해야 합니다. 최적화된 웹 퍼포먼스의 중요성을 널리 알리기 위해 현재 많은 사람들이 노력하고 있습니다. 팟캐스트를 통해, 종이책이나 전자책으로, 각종 뉴스레터나 SNS를 이용해서, 세계 각국의 콘퍼... -
웹디자인
[스매싱 매거진 12월 총정리] 새로운 소식
코드에도 꿀팁이 있으면 좋겠지요? 지난 12월 한 달 동안 매일 업데이트된 짤막한 팁들로 개발을 좀더 편하게 해보세요. 배열 중복을 지우기, 브라우저 개발자 도구에 데이터를 보여주기 등 자바스크립트, HTML, CSS가 모두 포함되었으니 프런트엔드 개발의 보물창고라 할 만합니다. -
웹디자인
IE에서의 CSS 그리드 사용하기: 일반적인 IE 그리드 오해를 파헤치다
IE와 크롬을 비롯한 엣지, 사파리, 오페라 같은 최신 브라우저에서도 작동하는 그리드, 폴백 레이아웃 없이 작성할 수 있는 CSS 그리드는 더 이상 미래의 이야기가 아닙니다. 여기 대니얼 토논이 IE와 최신 브라우저에서 안전하게 구현되는 CSS 그리드 사용법에 대해 알려드립니다. 모두 4부작으로 IE 그리드에 대한 오해를 풀어주고, IE에서도 완벽하게 구현... -
웹디자인
쓰기 모드와 CSS 레이아웃
레이아웃 제작에 쓸 수 있는 여러 기술에 관련한 명세를 명쾌하게 설명해 CSS 작동 원리의 이해를 돕는 《새로운 CSS 레이아웃》의 저자 레이철 앤드루, 그녀가 CSS 레이아웃과 CSS 전반에 쓰기 모드(writing mode)가 미치는 영향과 중요성에 관해 설명한 글을 소개합니다. 쓰기 모드는 쓰기 방식이 다른 언어를 사용하는 문서를 만들 때 사용합니다....
ADVERTISEMENT