|
|
||
|---|---|---|
| .. | ||
| ftplugin/html | ||
| vim | ||
| .gitignore | ||
| Makefile | ||
| mit-license.txt | ||
| README.md | ||
| sparkup | ||
| sparkup-unittest.py | ||
| sparkup.py | ||
Sparkup
Sparkup lets you write HTML code faster. Don't believe us? See it in action!
You can write HTML in a CSS-like syntax, and have Sparkup handle the expansion to full HTML code. It is meant to help you write long HTML blocks in your text editor by letting you type less characters than needed.
Sparkup is written in Python, and requires Python 2.5 or newer (2.5 is preinstalled in Mac OS X Leopard). Sparkup also offers intregration into common text editors. Support for VIM and TextMate are currently included.
A short screencast is available here: http://www.youtube.com/watch?v=Jw3jipcenKc
Usage and installation
You may download Sparkup from Github. Download the latest version here.
-
TextMate: Simply double-click on the
Sparkup.tmbundlepackage in Finder. This will install it automatically. In TextMate, open an HTML file (orset the document type to HTML) type in something (e.g.,#header > h1), then pressCtrl+E. PressingTabwill cycle through empty elements. -
VIM: See the
vim/README.txtfile for details. -
Others/command line use: You may put
sparkupin your$PATHsomewhere. You may then invoke it by typingecho "(input here)" | sparkup, orsparkup --helpfor a list of commands.
Credits
Sparkup is written by Rico Sta. Cruz and is released under the MIT license.
This project is inspired by Zen Coding of Vadim Makeev. The Zen HTML syntax is forward-compatible with Sparkup (anything that Zen HTML can parse, Sparkup can too).
The following people have contributed code to the project:
-
Guillermo O. Freschi (Tordek @ github) Bugfixes to the parsing system
-
Eric Van Dewoestine (ervandew @ github) Improvements to the VIM plugin
Examples
div expands to:
div#header expands to:
div.align-left#header expands to:
div#header + div#footer expands to:
#menu > ul expands to:
#menu > h3 + ul expands to:
#header > h1{Welcome to our site} expands to:
Welcome to our site
a[href=index.html]{Home} expands to:
Home
ul > li*3 expands to:
ul > li.item-$*3 expands to:
ul > li.item-$*3 > strong expands to:
table > tr*2 > td.name + td*3 expands to:
#header > ul > li < p{Footer} expands to:
Footer