Blog and Ideas
November 9, 2012
By Miguel Carrillo

Zen Coding: A fast way to write HTML and CSS

Zen Coding uses syntax similar to CSS and with the help of a couple of buttons you can save a lot of time while programming.

Zen Coding: A fast way to write HTML and CSS

HTML and CSS are two programming languages that complement each other. HTML is the structure or skeleton of a web page and CSS defines the style that a website will have.

We are speaking of colors, typography, font sizes, margins, borders, and even animations.Writing this type of code usually becomes very repetitive. Opening and closing all tags, adding more than and less than signs, and much more code that is completely necessary for the webpage to function correctly.

What would you think if I told you that with just one line of code you could create the layout of a complete webpage?

Zen Coding is precisely that. A syntax similar to CSS is used and with very little text you will be able to save a lot of time programming.

What would you think if a line of code like this one:

div.mijo>ul#brands>li*5

you could get a code format like this one:

Really helpful don’t you think? The possibilities are endless. The only difficult thing is to be brave enough to use this plug-in. You’ll be able to find a version compatible with the most popular coding languages and start using your imagination. If you want to know more about this plug-in visit http://code.google.com/p/zen-coding/ where you will also be able to download it.

If you are yet not convinced please watch the video above.

Miguel Carrillo is an Interface Developer in Mijo! Brands at México.

Click here to read more about current trends.

 

Your brand can become the next big rock star!

Contact us to find out what we can do to help.

Mijo! Brands

info@mijobrands.com
Mexico (55) 7595 8705
US/Canada 1 (415) 890 2056

Mexico City
Mexico City
55 7595 8705
Guanajuato 138 - Int 10
Roma Norte.
Cuauhtémoc 06700 CDMX

Puerto Vallarta
Puerto Vallarta
(322) 308 0007
Manuel M. Dieguez 266 Altos
Col. Emiliano Zapata

    Get in touch