Weekend Links – Accordion 2.0, curl.js, How To Be Happy At Work, Deadlines Kill Inspiration, Facial Hair, CSS3 Failure

By  on  

You live, you link....

Accordion 2.0

Inspired by MooTools' "bloated accordion," Stickman Labs released version 2 of the PrototypeJS Accordion plugin. This accordion does both vertical and horizontal accordions.
http://www.stickmanlabs.com/accordion/

curl.js

curl.js is a JavaScript "allows you to add an page curl effect (inc. backside mask) to images on your webpages. It uses unobtrusive JavaScript to keep your code clean." Looks cool, don't know why someone would use it though.
http://www.netzgesta.de/curl/

How to Be Happy At Work

Great article about how to stay happy at work. I suggest all programmers and designers read this article -- could be a life-changer.
http://softwarecreation.org/2007/how-to-be-happy-at-work-short-tutorial/

Deadlines Kill Expiration

Veerle's gem discusses dealing with deadlines and being able to say "no" to a potential customer.
http://veerle.duoh.com/blog/comments/deadlines_kill_inspiration/

Facial Hair as a Measure of Code Progress

Ever get so into your project you forget to...uh...shave?
http://dougmccune.com/blog/2007/09/06/facial-hair-as-a-measure-of-coding-progress/

CSS3: A Giant Serving of Fail

Alex of Dojo fame talks about CSS' failures, including lack of variables and lack of referencing.

Recent Features

  • By
    LightFace:  Facebook Lightbox for MooTools

    One of the web components I've always loved has been Facebook's modal dialog.  This "lightbox" isn't like others:  no dark overlay, no obnoxious animating to size, and it doesn't try to do "too much."  With Facebook's dialog in mind, I've created LightFace:  a Facebook lightbox...

  • By
    Create a CSS Cube

    CSS cubes really showcase what CSS has become over the years, evolving from simple color and dimension directives to a language capable of creating deep, creative visuals.  Add animation and you've got something really neat.  Unfortunately each CSS cube tutorial I've read is a bit...

Incredible Demos

  • By
    Unicode CSS Classes

    CSS class name structure and consistency is really important; some developers camelcase classnames, others use dashes, and others use underscores.  One thing I've learned when toying around by HTML and CSS class names is that you can actually use unicode symbols and icons as classnames.

  • By
    Font Replacement Using Cufón

    We all know about the big font replacement methods. sIFR's big. Image font replacement has gained some steam. Not too many people know about a great project named Cufón though. Cufón uses a unique blend of a proprietary font generator tool...

Discussion

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