어디까지 갈 수 있을까?
HTML/CSS 유용한 사이트 정리 본문
1. 색 조합 보여주는 사이트
https://material.io/resources/color/#!/?view.left=0&view.right=0
Color Tool - Material Design
Create and share color palettes for your UI, and measure the accessibility of any color combination.
material.io
2. HTML 오류 체킹 사이트
The W3C Markup Validation Service
Validate by File Upload Note: file upload may not work with Internet Explorer on some versions of Windows XP Service Pack 2, see our information page on the W3C QA Website.
validator.w3.org
3. HTML 태그 정리
https://www.w3schools.com/html/default.asp
HTML Tutorial
HTML Tutorial Easy Learning with HTML "Try it Yourself" With our "Try it Yourself" editor, you can edit the HTML code and view the result: Example
This is a Heading
This is
www.w3schools.com
4. CSS 속성 정리
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
A Complete Guide to Flexbox
Our comprehensive guide to CSS flexbox layout. This complete guide explains everything about flexbox, focusing on all the different possible properties for the parent element (the flex container) and the child elements (the flex items). It also includes hi
css-tricks.com
5. flexbox 배치 게임
Flexbox Froggy
A game for learning CSS flexbox
flexboxfroggy.com
6. CSS 게임
CSS Diner
A fun game to help you learn and practice CSS selectors.
flukeout.github.io
'프로그래밍 > 소소한 팁' 카테고리의 다른 글
깃 커밋 메시지 여러개 수정하기 (0) | 2021.08.11 |
---|---|
[작성중]소스트리 사용법 (0) | 2021.06.20 |
Git 커밋 삭제하기 (0) | 2021.06.05 |
IntelliJ 단축키 (0) | 2021.03.01 |