CSS3 Buttons using nothing but Pseudo-elements

January 12th, 2012 - CSS, Frontend - No Comments

A really nice tutorial can be found over at Codrops about CSS3 buttons and the use of pseudo-elements. Don’t forget to check the demos where you can find 5 different button styles.

SpriteCow

June 22nd, 2011 - CSS, Frontend - No Comments

Sprite Cow helps you get the background-position, width and height of sprites within a spritesheet as a nice bit of copyable CSS. How useful is that?

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.

 

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.

Flux Slider – A jQuery / CSS3 slider

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

Flux - jQuery CSS3 Slider

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.