Weekend Links – CSS Fonts, YAML CSS Framework, CompressorRater, PHP Image Cloud, Who’s Online

By  on  

Back to school links!

CSS @ Ten: The Next Big Thing

What? There's more than just Verdana? Håkon Wium Lie discusses the use of TrueType fonts in CSS.
http://alistapart.com/articles/cssatten

YAML The CSS Framework

YAML is a CSS framework to help programmers and designers to create multicolumn layouts. I prefer to create my own, but this can help.
http://www.yaml.de/en/

CompressorRater - Rate JavaScript Compression Utilities

Compressor Rater takes server JavaScript compression utilities including JSMin, Packer, Dojo Shrinksafe, and the YUI Compressors. Awesome utility, check it out.
http://compressorrater.thruhere.net/

PHP Image Cloud Using jQuery

A really cool image cloud utility using jQuery. Not very useful, but sure is cool!
http://phpimagecloud.sourceforge.net/examples/jquery/

The Fastest Way To See How Many People Are Online

A clever way to find out how many persons are on your website by calculating the number of sessions in the specified sessions folder. Uses PHP, check it out!
http://www.webdigity.com/index.php?action=tutorial;code=57

Recent Features

  • By
    Introducing MooTools Templated

    One major problem with creating UI components with the MooTools JavaScript framework is that there isn't a great way of allowing customization of template and ease of node creation. As of today, there are two ways of creating: new Element Madness The first way to create UI-driven...

  • By
    Welcome to My New Office

    My first professional web development was at a small print shop where I sat in a windowless cubical all day. I suffered that boxed in environment for almost five years before I was able to find a remote job where I worked from home. The first...

Incredible Demos

  • By
    Sexy Opacity Animation with MooTools or jQuery

    A big part of the sexiness that is Apple software is Apple's use of opacity. Like seemingly every other Apple user interface technique, it needs to be ported to the web (</fanboy>). I've put together an example of a sexy opacity animation technique...

  • By
    Create Spinning, Fading Icons with CSS3 and MooTools

    A goal of my latest blog redesign was to practice what I preached a bit more;  add a bit more subtle flair.  One of the ways I accomplished that was by using CSS3 animations to change the display of my profile icons (RSS, GitHub, etc.)  I...

Discussion

    Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!