(HTML/CSS/Javascript) 코드 정리해주는 사이트 모음

서근

2021. 4. 15. 04:50

QUOTE THE DAY

HTML / CSS / Javascript 코드 정리해 주는 사이트

아래 사이트를 참고하여 깔끔하고 보기좋은 코드를 정리할 수 있습니다 :)

1. ⭐️ Online JavaScript Beautifier : 사용자에게 맞게 코드를 정렬해주는 사이트

Online JavaScript beautifier

HTML <style>, <script> formatting: Keep indent level of the tag Add one indent level Separate indentation

beautifier.io

2. Cleancss : CSS 코드 정리

CSS Formatter

Format your CSS to clean it up and beautify it. Make your CSS easier to read and validate it.

www.cleancss.com

3. Tabifier

Tools - Tabifier (HTML and CSS code beautifier) - arantius.com

Tabifier The tabifier is a tool to properly indent computer code. The style it produces is a mix of my personal preferences for indentation plus what I could manage to make a program produce from dirty source. The tabifier currently supports CSS, HTML, and

tools.arantius.com

4. segio : 불필요한 태그등을 미리보기 화면을 보면서 정리할 수 있는 사이트

HTML 소스 태그정리 (segio.com)

대상 작업 (속성, 태그, 여백)을 선택한 후 아래에서 제거하십시오. 추가할 내용은 콜론으로 구분하여 입력하세요. 태그 삭제시 "!--/--"의 의미는 " " 태그를 의미합니다.

html.segio.com

5. cssminifier : CSS코드를 한줄로 정렬해주는 사이트

CSS Minifier & Compressor | Toptal®

Use our CSS Minifier & Compressor tool to reduce CSS code size and make your website load faster. Get started for free now.

www.toptal.com

6. minifier.org : CSS코드를 한줄로 정렬해주는 사이트

Minify JS and CSS online, or include the minifier in your project for on-the-fly compression.

www.minifier.org

7. javascriptcompressor : Javascript 코드를 한줄로 정렬해주는 사이트

Javascript Compressor - compress code online for free

javascriptcompressor.com

읽어주셔서 감사합니다🤟

저작자표시

'FRONT-END > CSS' 카테고리의 다른 글

(티스토리) 코드블럭 - 언어명 표시 / 접기 / 펼치기 (6)	2021.04.16
(티스토리) 본문에 형광펜 효과 주는 방법 (3)	2021.04.15
(티스토리) 스크롤시 부드럽게 이동하기 (4)	2021.04.14
(티스토리) 본문에 TOC 목차 넣기 (2)	2021.04.14
(티스토리) 마우스 오버시 썸네일이 움직이는 애니메이션효과 (0)	2021.04.14