[24.05.10] HTML/CSS/JavaScript_레이아웃, 반응형 웹

webkit

css 라이브러리

• Bootstrap
• Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.

기기별 사이즈

Viewport Size by Device / Phone Screen Dimensions | Viewport Sizer Tool

css 브라우저 가능 여부 알 수 있는 사이트

• CSS Reference Browser Support
• Can I use... Support tables for HTML5, CSS3, etc

css 게임

• Flexbox Defense
• Play Flex Box Adventure – CSS Game to Learn Flexbox
• Flexbox Froggy
• CSS Diner

그리드 게임

Grid Garden

누가 더 점수 높은지 계산 사이트

Specificity Calculator

리셋 css 코드 (브라우저마다 다름)

meyerweb.com

html연습 사이트

W3Schools HTML Exercise

css연습 사이트

W3Schools CSS Exercise

웹표준 사이트

Web Hypertext Application Technology Working Group (WHATWG)

참고자료사이트

• Developing for Web Accessibility – Tips for Getting Started
• CSS logical properties and values - CSS: Cascading Style Sheets | MDN
• 논리적 속성과 값::CSS 레퍼런스
• CSS 접두사 (CSS Prefix, webkit, moz, ms, o) 가 의미하는 것은?