Zen Coding is an editor plugin for high-speed HTML, XML, XSL (or any other structured code format) coding and editing. The core of this plugin is a powerful abbreviation engine which allows you to expand expressions—similar to CSS selectors—into HTML code. For example:
div#page>div.logo+ul#navigation>li*5>a
…can be expanded into:
<div id="page">
<div class="logo"></div>
<ul id="navigation">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>
Show all download links from Zen Coding
Demo
Demo (use Ctrl + , to expand an abbreviation, requires JavaScript)
Posted in CSS, Html, IT (Web), Tutorials, Web Design | 1 Comment »
Typography has long been a large part of graphic, and web design. In the past though, web design has had to suffer typographically, with any text that was wanted in a non web safe font (a font already stored locally on users computers) had to be rendered as an image; not exactly brilliant for the user interface department. Font’s like Lucida Grande, Helvetica and Myriad Pro were as exciting as it got. Not any more though.
Over the last few years we have seen the rise of some fantastic tools to allow us to get creative with the typefaces we use on our websites. There are really two mainstream approaches here; @font-face, and of course, Flash.
All of the solutions available have their drawbacks; not all are free for instance, but one thing is for sure; They are all advancing web typography for everyone. Let’s get stuck in and see what options are available to us to use different fonts on the web.
Read the rest of this entry »
Posted in CSS, IT (Web), Web Design | No Comments »
Well, it can be, but there is a lot more to it than just the number of comments.
It is true that comments are vital for successful blogging and when there are no comments, it is a sign that something is done wrong.
But, have you ever thought about which post made your reader subscribe to RSS or follow your twitter? Which post made your readers think “this guy knows what he’s talking about” or “I definitely want to see what she says next” or simply “that’s awesome, I want to read more!”.
These readers are important to you, because they “marked” your blog and will get back to it in the future, even if they don’t say it out loud right now.
Obviously, not all readers comment and it is hard to know whether they liked what you wrote or not if they don’t provide feedback.
However, there are ways to measure the success of a post besides comment count:
Posted in SEO, Tutorials | 1 Comment »
