JavaScript Selector Library Supports CSS4!

13 Jan 2012

I was reading DailyJS and ran across this great JavaScript selector library called Sel.

It can select elements using the very brand new CSS4 features. The following are some examples.

Read ›

Long Text Lines in Webkit

10 Jan 2012

I got a report that a long link was overflowing in Chrome 16 and Safari 5.1:

screenshot

Read ›

CSS Conditional Rules: Exciting and Scary

8 Sep 2011

This month the W3C came out with a brand new working draft for CSS Conditional Rules (W3C Draft).

Conditional rules are basically @-rules that apply CSS only when certain conditions are met. The most powerful is the @supports condition. You might be able to guess how it works by looking at the example below.

Read ›

Google Plus Icon in CSS Using a Single Empty Div

18 Aug 2011

I was inspired by the idea that you can make a wide range of shapes using only CSS on a single div after reading this css-trics.com page. A few days ago I created a Facebook Icon using a single empty div. Today I created the Google Plus Icon using a single empty div:

Read ›

Facebook Icon in CSS Using a Single Div

15 Aug 2011

I was inspired by the idea that you can make a wide range of shapes using only CSS on a single div after reading this css-trics.com page. I created the Facebook Icon using a single div:

Read ›

Browser Rendering - Getting Computed Style is Hard

14 Aug 2011

Recently I was looking into how libraries like jQuery get the compute style of an element. I found that in its simplest form, getting computed style is one step:

function getStyle(el, prop) {
	return el.currentStyle ?
		el.currentStyle[prop] : // IE
		document.defaultView.getComputedStyle(el, "")[prop];
}

Read ›

CSS3 Animation for Forms

5 Aug 2011

Head over to impressivewebs.com and checkout a great article on animations for forms. I especially like the demo for :disabled where the disabled input slowly changes color when it is re-enabled.

Most of the demos are pure CSS3 and they got me thinking about the possibilities for using animations to spice up forms. Here are some of my brainstorms:

Read ›