어디까지 갈 수 있을까?

HTML/CSS 유용한 사이트 정리 본문

프로그래밍/소소한 팁

HTML/CSS 유용한 사이트 정리

_Min 2021. 8. 29. 02:13

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 오류 체킹 사이트

https://validator.w3.org/

 

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 배치 게임

https://flexboxfroggy.com/#ko

 

Flexbox Froggy

A game for learning CSS flexbox

flexboxfroggy.com

 

6. CSS 게임

https://flukeout.github.io/

 

CSS Diner

A fun game to help you learn and practice CSS selectors.

flukeout.github.io

 

728x90

'프로그래밍 > 소소한 팁' 카테고리의 다른 글

깃 커밋 메시지 여러개 수정하기  (0) 2021.08.11
[작성중]소스트리 사용법  (0) 2021.06.20
Git 커밋 삭제하기  (0) 2021.06.05
IntelliJ 단축키  (0) 2021.03.01
Comments