Category Archives: CSS

CSS 3 Text: A Tale of writing-mode Woe

By Zach Leatherman | Published: February 12, 2010
After reading an interesting article on using the writing-mode CSS property to display vertical text (I’m always interested in how to abuse what browsers currently support into something new and exciting), I decided to look into this writing-mode property and see what opportunities it might present. Generally when exploring a development opportunity, I tend to prioritize [...]
Also posted in Web Browsers | 1 Comment

The “24″ Clock on ALARMd

By Zach Leatherman | Published: January 24, 2010
If you’re only using @font-face for titles and text, you’re missing out on a whole wealth of use cases that have yet to be explored. For instance, I created a very simple 7 Segment Display Numeric font to be used for a skin on alarmd.com and changed the color using nothing but CSS to [...]
Also posted in Projects | Tagged , | 3 Comments

DIY Webdings – CSS Sprites using @font-face

By Zach Leatherman | Published: January 3, 2010
Almost everyone knows the Webdings font or its sibling Wingdings. Even if you don’t, chances are pretty good that it’s installed on your system. Webdings is a symbol font designed in 1997 as a response to the need of Web designers for a fast and easy method of incorporating graphics in their pages. … Webdings is ideal [...]
Posted in CSS | Tagged , | 28 Comments

20000 Leagues Under the API: YouTube JavaScript

By Zach Leatherman | Published: April 5, 2008
Today, children, we’ll be exploring the wonderful world of the official JavaScript API published by YouTube a few weeks ago. I read a few interesting posts on the subject when it first came out, and it’s been on my list of things to explore for the next (and hopefully last) version of Alarmd. This [...]
Also posted in JavaScript, Reviews | Tagged | Leave a comment

Code Like the Big Boys: Flickr

By Zach Leatherman | Published: March 30, 2008
Code like the Big Boys is a series of posts about code solutions used by major websites. What can we learn from these professional websites to use in our own code? JavaScript Looking at the source code of the Flickr home page is actually pretty strange. For one, there is only one JavaScript source code [...]
Also posted in JavaScript, Reviews | Tagged , | 3 Comments

Nursery Rhyme Code Poem [CSS]

By Zach Leatherman | Published: October 27, 2007
Code Poems are fun! The trick is to take a nursery rhyme (but really, it could be any commonplace work of writing – Famous Speeches, Bible Verses, Famous Quotes, etc.), and then turn it into pseudocode. The code must follow both the programming or markup language you’re using and the rhyme as closely [...]
Also posted in Artistic | Tagged , | Leave a comment

Using Phing to automate JavaScript and CSS Minimization

By Zach Leatherman | Published: August 11, 2007
This article may be too advanced for beginner programmers. Unfortunately, I will not support any code that I do not write (in this case), so if you have troubles installing some of the packages required below, please see the authors of the problem code. Thank you. PHING! Party on Wayne. Party on [...]
Also posted in JavaScript, PHP | Tagged , , | 2 Comments

Enlarging your YUI DataTable in 30 Seconds or Less!

By Zach Leatherman | Published: June 7, 2007
Please note that this post has been updated to the new version of YUI, 2.3.0 in an article called “Enlarging your YUI DataTable in 29 Seconds or Less!” Do you want to fit more content onto your DataTable, but don’t know how? Do you wish that you had fewer columns, or more horizontal screen-estate? [...]
Also posted in Interface Design, JavaScript | Tagged , , | 8 Comments