News Networks
Topics
Stories
People

  • My Networks
  • Popular
  • Recent
  • ABC...XYZ
  • Create New
  • Search
  • Popular
  • Recent
  • Rising Fast
  • ABC...XYZ
  • Popular Today
  • Popular Week
  • Popular Month
  • Rising Fast
  • Hot Discussions
  • My Newsmakers
  • My Followers
  • Recently Active
  • Popular
  • Find
  • Invite Friends
Connect
Sign in using facebook |
Log in |
Sign Up


Hi there. I'm Jason, one of the founders of socialmedian.
socialmedian delivers the news, filtered by your network.
We'd love to have you join in.
You can use facebook connect to sign in.
Connect
OR
Log in 
|
Sign up


Create your socialmedian account
Email
Required

Password
Required

The password must be atleast 6 characters
Username
Required

http://www.socialmedian.com/username
This is same as my twitter ID
Security check

I agree to the terms and conditions and the privacy policy.
Loading...


Already a user? Please Log In
Invalid Login!
Email

Password

Remember me:
Loading...


Forgot Password?

Email:

By
Add News Flash
User-submitted headlines for this story

Loading

2
Clips
Write HTML and CSS quicker with with Zen Coding
Source: 456 Berea Street
Sep 21, 2009


Dislike
 
0%
 
0%

Like

Summary

A pretty neat plugin for TextMate (and a few other text editors) that I have started using is Zen Coding. I’d heard of it before but didn’t “get it” until I read Jonathan Christopher’s blog post The Art of zen-coding: Bringing Snippets to a New Level.



Jonathan explains very well what you can do with Zen Coding, so I’m not going to get into much detail. One example though. Zen Coding lets you use syntax that looks very much like CSS selectors to write HTML, which can look like this:




  1. div#news.module>div.header+div.body>ul>li#item-$*5



When you put the cursor at the end of that line and execute the Zen Coding command, the result will be the following HTML snippet:


















This is just one quick example of what Zen Coding can do. Try it out for yourself.

Posted in Coding, Productivity.





Comments (0)
Add Your Comment
Please enter your Email Id to get a new password
Forgot your password?
Email:

Add something

Snip
News
Site

Instantly Clip News From Any Website
Clip it! on s|m
Or, Enter News Directly Here
Headline:

URL:
(Optional)

Description:
(Optional)

Adding a News...


Add Snip
Adding a Snip...


Now you can import your favorite sites to your socialmedian page
Loading...

Loading...


Is this you?
Stats

Mood
0% Like

0% Dislike

2 Clips

Loading...

Dobata
Robdiana

Share this story

Network
Email
Tweet
Share with the News Network
Email ID's
(multiple Email ID's separated by commas)
Message
Also post this message as a public comment
Don't worry. We won't share the name or email address of the person that you sent the story to.
Loading...

Message
119

bit.ly (short) url will be added to the message.
Link to discuss this story on socialmedian

Link to the original story

Twitter ID

Password

Save my twitter password
Tweet will be sent using   (change)
Topics

css
html
blog
news
post
Add Topics

Comma Separated.
Belongs to News Networks

Web 2.0 (Users: 4886)
Stories in 24 hours: 1486
Blogging (Users: 948)
Stories in 24 hours: 288
Tech News (Users: 3934)
Stories in 24 hours: 1922
Register using your Twitter ID and we'll help you easily connect
your accounts and find people you already know.

We constantly make updates and enhancements based on user feedback. Follow socialmedian on Twitter
Help us out and report a bug or suggest a new feature! Check out our blog for regular company updates, notables, and to see what we're currently working on.
Report a Bug
Suggest a Feature


 Sending...
close
socialmedian Inc. 2008 - 2009
About socialmedian    |        |    Terms of Service    |    Privacy Policy