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
    CSS @supports

    Feature detection via JavaScript is a client side best practice and for all the right reasons, but unfortunately that same functionality hasn't been available within CSS.  What we end up doing is repeating the same properties multiple times with each browser prefix.  Yuck.  Another thing we...

  • By
    fetch API

    One of the worst kept secrets about AJAX on the web is that the underlying API for it, XMLHttpRequest, wasn't really made for what we've been using it for.  We've done well to create elegant APIs around XHR but we know we can do better.  Our effort to...

Incredible Demos

  • By
    9 Incredible CodePen Demos

    CodePen is a treasure trove of incredible demos harnessing the power of client side languages.   The client side is always limited by what browsers provide us but the creativity and cleverness of developers always pushes the boundaries of what we think the front end can do.  Thanks to CSS...

  • By
    CSS Animations Between Media Queries

    CSS animations are right up there with sliced bread. CSS animations are efficient because they can be hardware accelerated, they require no JavaScript overhead, and they are composed of very little CSS code. Quite often we add CSS transforms to elements via CSS during...

Discussion

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