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.

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.

Plax – a Parallax jQuery plugin

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

Have you seen the awesome 404 and 500 github pages? Beside the beautiful illustrations by Cameron McEfee, he decided to create a tiny plugin for “parallaxifying” things like that in the future. Well, he also decided to share it with us!

Flux Slider – A jQuery / CSS3 slider

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

At some point in a project you might have used a slider of images for e.g. your featured articles or something. While there are literally hundreds of these out there, Flux goes a step further and while browser support is not the best, have a look at it as it utilizes some really great CSS3 effects. As the author states, you can either use jQuery or Zapto.js. In order to view the demo you need a browser that supports CSS3 transitions. Good stuff.

Modernizr 2.0

June 8th, 2011 - Frontend, Javascript - No Comments

Modernizr, probably the best feature detection tool out there, released version 2.0. Some of the new features include:

• Media query testing
• Conditional resource loading (via yepnope.js)
• Better documentation