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
    Create Namespaced Classes with MooTools

    MooTools has always gotten a bit of grief for not inherently using and standardizing namespaced-based JavaScript classes like the Dojo Toolkit does.  Many developers create their classes as globals which is generally frowned up.  I mostly disagree with that stance, but each to their own.  In any event...

  • By
    Being a Dev Dad

    I get asked loads of questions every day but I'm always surprised that they're rarely questions about code or even tech -- many of the questions I get are more about non-dev stuff like what my office is like, what software I use, and oftentimes...

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
    CSS Sprites

    The idea of CSS sprites is pretty genius. For those of you who don't know the idea of a sprite, a sprite is basically multiple graphics compiled into one image. The advantages of using sprites are: Fewer images for the browser to download, which means...

Discussion

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