Ever wonder what the Gecko equivalent to WebKit's -webkit-transition-timing-function is? This chart has got you covered. But more importantly, if the other rendering engines have those properties implemented at all.… Read article
I'm speaking at the jQuery Summit, the 2nd Annual Online, Live jQuery Conference November 16 & 17th, 2010.
If you are interested, use coupon code JQUERY2CHRIS for 20% off!… Read article
The prettiest of the CSS prettifiers. I find these things quite helpful when I'm inheriting someone else's CSS and I want to get it into the format that I like the most without doing it by hand. Actually, I usually start doing it by hand and then go: Oh yeah! Computers!
This is the one I was using before, which is functionally great and I like the style in which it asks you what to do (e.g. After brace insert … Read article
WebKit nightlies are now supporting this. The syntax looks like this:
<script async src="myAsyncScript.js" onload="myInit()"></script>
<script defer src="myDeferScript.js" onload="myInit()"></script>… Read articleBoth
asyncanddeferscripts begin to download immediately without pausing the parser and both support an optional onload handler to address the common need to perform initialization which depends on the script. The difference between async and defer centers around when the script is executed. Each async script executes at the first opportunity after it is finished downloading and before
In HTML, a block of text being quoted from elsewhere is marked up like this:
<blockquote>Hey, I'm a block of text from elsewhere.</blockquote>In your CSS, you'll likely have special styling for these. Perhaps a bit of a background and padding:
blockquote { padding: 10px; background: #eee; }If the quote is multiple paragraphs, there may be paragraphs nested within the blockquote (both are block-level elements so that's fine). Quotes are also likely to be within larger areas of … Read article
Hey folks, let's design something together! I think it will be interesting and fun to try and tackle a simple design pattern as a group.
The PremiseThe design pattern we are going to tackle is a list with functions. Think of a list of five names. The primary function of this list is to click the names. The secondary function of the list is that the list needs to be manageable. There needs to be some kind of … Read article
Have you ever seen an element on a page with transparent borders? I think Facebook originally popularized it giving birth to lightbox plugins like Facebox. I don't think Facebook sports the look anymore, but it's still rather neat.
You might think it would be as simple as this:
#lightbox {
background: white;
border: 20px solid rgba(0, 0, 0, 0.3);
}However, setting a transparent border on an element will reveal the elements own background underneath the border.
In the … Read article
You already know that Envato runs marketplace sites like ThemeForest, GraphicRiver, and CodeCanyon that help designers and developers get a jumpstart on projects through buying themes, graphics, and code to help out. You also already know that Envato runs tutorial blogs like Nettuts+, Phototuts+, and Psdtuts+ which also help designers and developers through teaching.
In a brilliant-in-its-simplicity move, Envato has combined these two worlds into the Tuts+ Marketplace. Now their premium tutorials are available à la carte. I think … Read article
htmlentities() is a PHP function which converts special characters (like <) into their escaped/encoded values (like <). This allows you to show to display the string without the browser reading it as HTML.
JavaScript doesn't have a native version of it. If you just need the very basics to so that the browser won't interpret as HTML, this should work fine (via James Padolsey and I got a a similar idea from David Walsh).
function htmlEntities(str) {
return String(str).replace(/&/g, '&').replace(/</g, You can designate certain attributes (i.e., fill, stroke, opacity) as variables right from the Appearance panel in Illustrator. When saved as SVG, developers can easily change the variable definition to "reskin" or modify the art
And other interesting stuff like:
… Read articleYou can select an object on the Illustrator artboard and then choose Object HTML5 Canvas Make. These elements are rasterized and included as canvas elements when saved as SVG, giving developers the ability to control