반응형
코드를 정리해 주는 사이트
https://tools.arantius.com/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
html 작업시 코드가 낯선 디자이너들은 코드 들여쓰기, 내어쓰기가 헷갈리기도 한다.
그럴때 자신의 코드를 Code in 안에 입력 후 Tbify 버튼을 누르면 Code out 란에 정리되어서 확인이 가능하다.
Code out란 정리된 코드를 작업페이지에 붙여넣기만 하면 깔끔하게 정리 할 수 있다.
코드를 한줄로 만들어주는 사이트
CSS Minifier
cssminifier.com
모든 코드를 한줄로 정리해 줄 수 있는 사이트이다.
css 전체를 한줄로 정리할 수도 있지만, 나누어서 한줄씩 정리하고 싶다면
번거롭지만 해당 부분마다 복사해서 정리 후
붙여넣기하고 또 다시 다른 영역 부분을 복사 후 붙여넣기 한 후 정리하는 방법이 있다.
반응형
'IT > 디자인(Design)' 카테고리의 다른 글
| [제플린]zeplin - 디자인 모바일, 웹 가이드 프로그램 사용방법- 작업한 시안 제플린으로 보내는 방법 (0) | 2019.09.10 |
|---|---|
| [제플린]zeplin - 디자인 모바일, 웹 가이드 프로그램 사용방법 (0) | 2019.09.10 |
| [디자이너 필수 사이트]Android MATERIAL DESIGN (0) | 2019.09.06 |
| [무료 이미지 사이트] 사진 이미지 전문 픽사베이(pixabay), 무료 일러스트 파일 프리픽(freepik) (0) | 2019.09.03 |
| [오지큐마켓] 오늘의 크리에이터 (0) | 2019.08.31 |
댓글