1. Code
  2. Tools & Tips

Learn how to Write Lightning-Fast Code in 4 Minutes: Screencast

Read Time:2 minsLanguages:

We all know the benefits of using snippets and bundles to speed up our coding, but what if we could take things a step further, and turn a complex html structure into something as simple as a CSS selector? Well, thanks to a new project, called Zen-Coding, we can do this very thing!

In this four-minute video quick tip, I'll demonstrate how.

Download Zen-Coding

Other Viewing Options


Within the comments below, I made a suggestion that it would be neat if we could also paste in the generic "lorem" text, like so:

This would generate something like so:

Unfortunately, I didn't know how to do it. But luckily, the author of Zen-Coding, Sergey, was able to help me. I recorded a sixty second screencast showing you how to allow for this. You can watch it here.

Additional Resources

Write a Plus Tutorial

Did you know that you can earn up to $600 for writing a PLUS tutorial and/or screencast for us? We're looking for in depth and well-written tutorials on HTML, CSS, PHP, and JavaScript. If you're of the ability, please contact Jeffrey at

Please note that actual compensation will be dependent upon the quality of the final tutorial and screencast.

Write a PLUS tutorial

Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.