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
    9 Mind-Blowing WebGL Demos

    As much as developers now loathe Flash, we're still playing a bit of catch up to natively duplicate the animation capabilities that Adobe's old technology provided us.  Of course we have canvas, an awesome technology, one which I highlighted 9 mind-blowing demos.  Another technology available...

  • 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
    Morphing Elements Using MooTools and CSS

    Morphing an element between CSS classes is another great trick the MooTools JavaScript library enables you to do. Morphing isn't the most practical use of MooTools, but it's still a trick at your disposal. Step 1: The XHTML The block of content that will change is...

  • By
    Using MooTools For Opacity

    Although it's possible to achieve opacity using CSS, the hacks involved aren't pretty. If you're using the MooTools JavaScript library, opacity is as easy as using an element's "set" method. The following MooTools snippet takes every image with the "opacity" class and sets...

Discussion

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