웹 표준 도전하기

모두를 위한 웹을 위하여

홍지혜

LG전자 선임 연구원

About ME

#GENERALIST를추구하는Specialist

​

#ICT표준전문가

#CSS표준편집자

​

#운동매니아

Web Standard

• IETF
• W3C (World Wide Web Consortium)
• WHATWG
• TC39

Building the better web

Leading the web to its full potential

Web for All

Web on Everything

Working Group

• Members: 회원사 대표, Staff, Invited Expert
• Meetings
• Conf call per week (~20-30 people)
• 3-4 face-to-face meetings per year (~30-50 people)

Working on Web Standard

• CSS Round Display
• HTML Contribution
• CSS Spatial Navigation

Smart Watch

Smart Watch

Web for Round Display

Reference: https://webkit.org/blog/7929/designing-websites-for-iphone-x/

Web for Round Display

• Spec: https://www.w3.org/TR/css-round-display-1/

Scrolling

Scrolling

By

Focusing

Prevent Scrolling

Spatial Navigation

Different from Browsers

Different Libraries

Default Behavior

Customize Behavior

Customize Behavior

​

CSS Spatial Navigation

• Spec: https://drafts.csswg.org/css-nav-1
• Polyfill: https://github.com/WICG/spatial-navigation/tree/master/polyfil
• Demo Center: https://wicg.github.io/spatial-navigation/demo/
• Chrome extension: https://github.com/lgewst/snu-chrome-extension-1

Deep Dive in Web Standard

• 웹 표준 접하기
• 웹 표준 기여하기

MDN (Mozilla Developer Network)

https://developer.mozilla.org/

MDN Web Docs

MDN Web Docs

Specs

• Specs: https://www.w3.org/Style/CSS/current-work
• Editors
• Stages� FPWD WD CR PR REC

Feedback

• W3C GitHub: https://github.com/w3c
• WHATWG Github: https://github.com/whatwg

Github Issues