CSS3 animations and their jQuery equivalents

June 18th, 2011 - CSS, Frontend, jQuery - No Comments

A really nice comparison chart with demos can be found over at marcofolio.net. The chart provides a small set of animations that we can create using pure CSS3 (webkit browsers only at the moment) and their equivalents using jQuery.

pdf.js: Rendering PDF with HTML5 and JavaScript

June 17th, 2011 - Frontend, HTML5, Javascript - No Comments

pdf.js is a technology demonstrator prototype to explore whether the HTML5 platform is complete enough to faithfully and efficiently render the ISO 32000-1:2008 Portable Document Format (PDF) without native code assistance.

Read more about pdf.js

CSS Lint – Improve your CSS Code

June 16th, 2011 - CSS, Frontend - No Comments

Nicholas Zakas and Nicole Sullivan released a really great tool called CSS Lint which according to its authors:

CSS Lint is a tool to help point out problems with your CSS code. It does basic syntax checking as well as applying a set of rules to the code that look for problematic patterns or signs of inefficiency. The rules are all pluggable, so you can easily write your own or omit ones you don’t want.

The project is open source and available at github.

ANSi Social Media Icon Set

June 15th, 2011 - Design, Icon Sets - 1 Comments

Frederic Cambus created a rather unusual icon set using nothing but ASCii characters! The set consists of 8 icons (Facebook, Twitter, LinkedIn, Digg, Delicious, StumbleUpon and Reddit). They are available in 48×48 px and licensed under Creative Commons CC-BY-SA 3.0. Amazing don’t you think?

Grid Navigation Effects with jQuery

June 14th, 2011 - Frontend, jQuery - No Comments

Some really interesting effects can be found on the “Grid Navigation Effects w/ jQuery” article / plugin over at Codrops. Instructions on how to use the plugin and navigate through thumbnails with 10 different ways can be found at the end of the article.