Sparkup: Must-Have Tool for Web Designers and Developers

By Rico, 9:09 am Thu Oct 15 2009 - Downloads - 3 Opinions

The prolific Rico Sta. Cruz is at it again, this time creating Sparkup, a tool that will definitely make life easier for web designers and developers. In a nutshell, Sparkup automates much of typing usually done by people coding HTML or CSS.

Here’s an example: instead of typing…

<ul>
<li class=”item-1″><strong></strong></li>
<li class=”item-2″><strong></strong></li>
<li class=”item-3″><strong></strong></li>
</ul>

…you simply type

ul > li.item-$*3 > strong

A simpler example…

#header > h1{Welcome to our site}

…resolves into this

<div id=”header”>
<h1>Welcome to our site</h1>
</div>

As some who’s written some HTML code himself, I can tell you that those who take the time to learn Sparkup’s shortcuts will save a lot of time. It’s just too bad Rico hasn’t developed a version that works for the PC though; right now Sparkup is only available as an extension of various text editors that run only on Mac OS X or Linux. You can download Sparkup here. You can watch the demo video below:

Related Articles (Automatically Generated)

• The Easiest Way to Become More Productive Online: Tab + Enter
• Filipino Web Developers Offer Low Prices for Seemingly Quality Work
• Filipino Designer Recommends Six Great Wallpaper Sites
• How to Keep Searching for Music on Multiply
• Slight Improvements to PBA Website Still Not Enough