FF dev 툴바를 사용하여 브라우저에서 CSS 라이브를 편집하는 데 익숙해졌습니다. 그러나 Textmate 및 구문 강조 표시를 놓쳤습니다. 파이어 폭스에서 볼 때 CSS 라이브를 편집하기 위해 Textmate 용 플러그인을 찾고있다. CSS 편집, 에스프레소, 코다 (Coda)와 같은 다른 편집자들도 시험해 보았지만 아무도 Textmate의 강력 함과 유연성을 발휘하지 못했습니다.Textmate 및 Firefox로 라이브 CSS 편집
가장 좋은 시나리오는 파이어 폭스가 오른쪽에는 라이브 CSS 패널 (Textmate goodness)이 있고 하단에는 방화범이 끌리는 것입니다. 준비 환경이 있지만 변경 사항이있을 때마다 새로 고침/재로드를 늦추는 것이 좋습니다.
TextMate, CSS 및 Firefox에서 작동하는 가장 좋은 방법은 Firefox의 "ReloadEvery"부가 기능을 사용하는 것입니다 (물론 로컬에서 작업하는 한). 매초마다 또는 새로 고침하도록 설정하십시오. 그래서.
그런 다음 포커스를 잃을 때 저장하도록 TextMate에 옵션을 표시하거나 간단히 Cmd + S를 누르고 변경 사항은 Firefox에서 '옆으로'있어야합니다.
이상하지는 않지만 잘 작동합니다.
나는 이것을 허용하는 TextMate 플러그인이 있지만 Gecko가 아닌 WebKit 렌더링 엔진을 사용한다고 생각합니다.
희망이 도움이됩니다.
Jannis는
는 http://owyheesoftware.com/playground에서 놀이터를 사용해보십시오. 작업중인 파일을 저장할 때마다 새로 고침됩니다.
Espresso 2은 이제 멋진 CSS 편집 기능을 제공합니다. Firefox에서는 작동하지 않지만 Webkit을 사용하는 자체 미리보기 창이 있습니다.
크롬을 사용해 보셨습니까? 정말 라이브 CSS 편집을 좋아합니다. – Pool
나는 당신이 묘사 한 워크 플로우를 즐겁게하기 위해 이것을 썼습니다. https://github.com/ooyala/livecss –
이 보석을 확인하십시오 : http://xrefresh.binaryage.com/ – knoopx