HTML, CSS 관련 사이트

CodePen - Create a New Pen

Behavior Auto Save If active, Pens will autosave every 30 seconds after being saved once. Auto-Updating Preview If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update. Format on Save If enabled, your co

codepen.io

다양한 웹사이트(디자인) 보기: https://dbcut.com/

디비컷 - 웹디자인 평가 및 우수 웹사이트 모음

국내외 우수 웹디자인 레퍼런스 사이트

www.dbcut.com

무료 포스팅(닷홈): https://www.dothome.co.kr/

무료홈페이지 | 무료호스팅 | 닷홈

닷홈은 도메인, 무료호스팅, 무료홈페이지, 웹호스팅, 웹메일, SSL보안인증서, 서버호스팅 등 호스팅 서비스를 제공하고 있습니다.

www.dothome.co.kr

단말기별 뷰포트 확인: https://yesviz.com/devices/s10/#google_vignette

Samsung S10 viewport size, resolution, PPI, screen specs and CSS media queries | YesViz

Samsung S10 viewport size, resolution, PPI, screen size and CSS dimensions. Samsung S10 CSS media queries (retina or landscape) to write CSS for this device.

yesviz.com

css 스펙 확인: https://www.w3schools.com/

W3Schools.com

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

구글 폰트: https://fonts.google.com/?subset=korean¬o.script=Kore

Browse Fonts - Google Fonts

Making the web more beautiful, fast, and open through great typography

fonts.google.com

폰트를 넣고 변환: https://transfonter.org/

Online @font-face generator

The @font-face CSS rule allows web developers to specify online fonts to display text on their web pages. By allowing authors to provide their own fonts, @font-face eliminates the need to depend on the limited number of fonts users have installed on their

transfonter.org

웹 폰트 사용성: https://www.w3schools.com/css/css3_fonts.asp

W3Schools.com

W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

www.w3schools.com

스프라잇 image분석: http://www.spritecow.com/

Sprite Cow - Generate CSS for sprite sheets

Sorry, it isn't working out between us It's not you, I just can't get along with your browser. Maybe if things change in the future... maybe if you bring Chrome, Firefox, Opera or even IE10 to the party... not promising anything, but give me a call.

www.spritecow.com

icon: https://remixicon.com/

Remix Icon - Open source icon library

remixicon.com

테이블 만들기: https://www.tablesgenerator.com/html_tables#google_vignette

HTML Tables generator – TablesGenerator.com

You can import table data by uploading file in CSV format (Comma Separated Value). Most spreadsheet software, both desktop and online, allows to save tabular data in CSV format — it is usually available in the File menu under the name "Save As..." or "Ex

www.tablesgenerator.com