마크업 스터디 with 멋쟁이 사자처럼
내용 : 원하는 페이지를 스스로 마크업 해보기 & 피드백 해주기
사용언어 : HTML, CSS
기간 : 2주 (주당 1개의 작업물)
-
작업물
-
소감
-
페이지를 시작부터 마무리까지 스스로 작업하면서 마크업에 대한 이해도 를 높일 수 있었고, 나만의 마크업 패턴도 가질 수 있었다.
나는 float보단 flex를 훨씬 선호하는 것 같다. IE 기준을 다루는 기업은 피해야겠다는 생각이 많이 들었다.
-
CSS 도 기본 베이스 작업과 theme의 필요성을 알게 되었다.
normalize, reset, base는 boiler-plate로 저장해 놔야겠다….
-
시멘틱 마크업 과 웹 표준 에 대해 다양한 고민을 하게 된 계기가 되었다.
HTML이 쉬워 보이는가? 한번 검사해보자…. 마크업 검사 사이트
헤딩 맵 검사도….
-
웹 접근성 을 고려하기 시작하면 지옥 시작.
어떤 사용자든 웹 콘텐츠를 동등하게 사용할 수 있게 하려면 너무나도 고려해야 할게 많다.
아주 기본적인 것만 고려해도 이미지의 내용, 탭 접근 및 순서, 명도 대비 등 깊게 들어가면 끝도 없다.
기존 웹사이트들을 둘러보면 웹 접근성을 잘 지킨 사이트는 진짜 손에 꼽는다.
WAI-ARIA에 대한 공부가 필요한 것 같다.
-