The
Palm
Civet

a collection of cached and optimized popular javascript libraries and stylesheets, hosted on github’s fast CDN. think of it as a more extensive, user-contribute-able alternative to google’s libraries API. an excellent resource for the cloud-minded developer.

as a general rule: the fancier the css3 property, the more verbose the syntax. this is double true when rgba color values are thrown in. here’s a convenient gradient editor that auto-generates the necessary css.

{via}

i have been a heavy user of less, the dynamic css processor, for sometime now. it has been an invaluable time-saving and creatively-inspiring tool in my front-end workflow. with less.js, it is easier than ever to get rolling. since less has now been ported to javascript, it can be rendered in the browser - no need to install the gem and watch/render the css file. just include the script and point at your .less file and you are all set =>

<link rel="stylesheet/less" href="/css/main.less" type="text/css">
<script src="/js/less.js" type="text/javascript">

PIE is a very clever and simple way of bringing some tasty treats of css3 to internet explorer 6-8. here’s an example usage =>

#myElement {
    background: #EEE;
    padding: 2em;
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em;
    behavior: url(/ie/PIE.htc);
}

IE will read the non-standards ‘behavior’ attribute, serve up the PIE, and take a look around for sibling css3 attributes and emulate them. PIE currently supports border-radius, box-shadow, border-image, multiple background images, and linear-gradient as background image.

{via}

i’m pleased to announce the launch of hifiving.com, a web application for making lists of things. those things can be videos, audio, links, images, or just plain words. it has been my pet project for quite some time, so i’m glad to get it up and running. please try it out and help spread the word!

in terms of development, the back-end is made with ruby on rails and a handful of other rubygems. i also did the design and front-end development. sprockets and less were heroes here. this is also my first experience using heroku for hosting, which has been great so far.

wow, 95 in total? good reference for safari, iphone safari, and chrome tricks.

thanks to shaun inman for the quick tip:

-webkit-appearance: caret;

if dave kaneda’s jquery-based mobile development framework jqtouch didn’t already blow your mind, jqtouch ical should kill any remaining braincells. see the demo video to see how convincingly it looks like iphone os’s ical app.

the example implementation is written in php, but it could be written to fit any server-side scheme.

an informative breakdown of the interaction between mobile screen size, css pixels, and device-independent pixels in the confusing new world of developing cross-platform mobile stylesheets.

cloudfour explains how to tap into mobilesafari’s orientation for supplying different stylesheets for being held landscape and portrait. the gist of it is really pretty simple =>

<link rel="stylesheet"
    media="all and (orientation:portrait)" href="portrait.css" />
<link rel="stylesheet"
    media="all and (orientation:landscape)" href="landscape.css" />