본문 바로가기
SKIN & CSS

스킨 편집할 때 좋은 프로그램 괄호 brackets

글: 논어일기 2020. 11. 1.
반응형

티스토리 블로그 살결(skin)을 만지작거린다. 크게 아는 것은 없지만 남이 만든 것을 해석할 줄은 안다. 티스토리에서 새로 내 놓은 스킨 '포스터'를 짜집기 해 보았다. 스킨을 손보는 일은 생각보다 아주 번거롭다. 번거로움을 상당히 줄여줄 프로그램을 소개한다.

 

brackets을 내려받아 실행하면 별다른 설명 없이 쉽게 따라할 수 있다. 프로그램 이름을 괄호(brackets)로 붙인 것이 재밌다. 

brackets.io/

 

A modern, open source code editor that understands web design

Brackets is a lightweight, yet powerful, modern text editor. We blend visual tools into the editor so you get the right amount of help when you want it. With new features and extensions released every 3-4 weeks, it's like getting presents all year long.

brackets.io

html tag와 CSS를 저절로 띄워 주어서 빠르게 입력할 수 있다. 오픈소스라서 다양한 플러그인을 달아서 확장할 수 있다. 예를 들면 beautify를 달면 뒤죽박죽인 태그를 클릭 한 번으로 예쁘게 정리할 수 있다.

잘 나가는 확장 프로그램

Emmet High-speed HTML and CSS workflow. 

 Beautify Format JavaScript, HTML, and CSS files. 

 File Icons File icons in Brackets’ file tree.

 Indent Guides Show indent guides in the code editor. 

 Git Git integration for Brackets. 

 Autoprefixer Parse CSS and add vendor prefixes automatically. 

 W3C Validation Simple W3C Validator.

반응형