CSS


CSS (Cascading Style Sheets) is a style sheet language that illustrates presentation semantics and is commonly used to provide a design framework for web pages written in HTML and XHTML.


Friday, July 6th, 2007

CSS Redundancy Checker

Category: CSS, Utility

Tom Armitage has written a simple tool that is immediately useful to anyone working with CSS. The CSS Redundancy Checker is a Ruby script that will take CSS rules, and a set of HTML files, and will tell you what you aren’t actually using: css-redundancy-checker.rb [cssfile] [directory of html files OR .txt file listing urls Read the rest…

Posted by Dion Almaer at 12:31 pm
9 Comments

+++--
3.4 rating from 42 votes

Monday, June 25th, 2007

Safari 3 and CSS 3

Category: Articles, CSS, WebKit

Leland Scott has detailed how well Safari 3 has done with respect to CSS support: Safari 3 / WebKit has implemented 18 of the 19 CSS 3.0 styles so far tackled by any of the major browsers. Firefox is next with 9 of 19. Some of these styles are incredibly cool and powerful, and they’ll Read the rest…

Posted by Dion Almaer at 9:11 am
8 Comments

+++--
3.9 rating from 36 votes

Wednesday, June 13th, 2007

Resource Accelerate: Caching and Compression

Category: CSS, JavaScript, Utility

Kris Zyp has released Resource Accelerate, “a J2EE web application filter that provides three signficant performance enhancements to web applications that use CSS, JavaScript, and shared images in a simple, easy to use package.” Caching Header Directives – this can significantly reduce the number of requests a browser needs to make for a web application Read the rest…

Posted by Dion Almaer at 5:27 am
10 Comments

+++--
3.6 rating from 16 votes

Tuesday, June 12th, 2007

SlickSpeed CSS Selector TestSuite

Category: CSS, JavaScript, Library, MooTools

SlickSpeed is a CSS selector test suite provided by the MooTools folk. This tool comes at the same time as they release CSS3 support in Mootools, and it compares Prototype, jQuery, MooTools, Ext, and CSS Query. Every framework runs in his own iFrame, thus no conflicts can happen. Tests are run selector by selector, with Read the rest…

Posted by Dion Almaer at 8:10 am
32 Comments

++++-
4.5 rating from 97 votes

Thursday, June 7th, 2007

“The CSS working group is irrelevant”

Category: CSS, Editorial

Ian Hickson has written up a strong opinion titled The CSS working group is irrelevant. Ian details his frustration with the progression of CSS, and how in some ways it mirrors the HTML issues. HTML 5 was driven by real world usage, and the next CSS should be similar. How much time do you spend Read the rest…

Posted by Dion Almaer at 9:01 am
16 Comments

++++-
4 rating from 32 votes

Wednesday, May 2nd, 2007

Squeeze CSS and JS into one file

Category: Articles, CSS, JavaScript

If you wanted a hack to allow you to put JavaScript and CSS into the same file you got it:

Posted by Dion Almaer at 7:49 am
22 Comments

+++--
3.3 rating from 6 votes

Friday, April 27th, 2007

Real Editor: Online CSS Edits

Category: CSS, JavaScript, Library

Real Editor is a real-time CSS editor, built on SAJA. It let’s MySpace users change their styles inline via simple dialogs, menus, and pickers.

Posted by Dion Almaer at 6:05 am
18 Comments

++++-
4 rating from 78 votes

DD Tab Menus

Category: CSS

DD Tab Menu is a standards compliant, 2 level tab menu. Move your mouse over a tab, and a 2nd level content appears beneath it. The script uses CSS to control all of its appearance, and plain HTML to implement the entire menu tabs and contents. Highlights of this script are: Standards compliant, with menu Read the rest…

Posted by Dion Almaer at 5:13 am
8 Comments

+++--
3.9 rating from 79 votes

Thursday, April 26th, 2007

Faster Page Loads With Image Concatenation

Category: CSS

Matthew Batchelder has been looking at the impact of latency on web applications with respect to downloading lots of images as icons, based on thoughts he heard from Zimbra when they presented at The Ajax Experience. His piece on Faster Page Loads With Image Concatenation goes into why and how: For complex web apps, the Read the rest…

Posted by Dion Almaer at 6:52 am
27 Comments

+++--
3.4 rating from 49 votes

Tuesday, April 3rd, 2007

Cruiser Behaviors Library

Category: CSS, JavaScript, Library, Unobtrusive JS

Dan Yoder has created the Cruiser Behaviors Library, extensible stylesheets for decorating DOM elements with interfaces and event handlers. Cruiser uses Prototype, and is inspired by the Behaviour library itself. A simple example shows the library in action. A new behaviour of “strike out a link with the special class of ‘demo’” is added to Read the rest…

Posted by Dion Almaer at 7:47 am
8 Comments

+++--
3.6 rating from 31 votes

Wednesday, March 21st, 2007

Parallax Effect for Backgrounds

Category: CSS, JavaScript, Library

Brett Taylor wanted to see if he could make a parallax effect in HTML+CSS+JS and make it cross-browser and came up with Parallax Backgrounds. Scroll around and you will see that the text and content scrolls normally, but the different background layers scroll at different speed. Maybe as useful as SKIP INTRO, but a nice Read the rest…

Posted by Dion Almaer at 9:08 am
21 Comments

+++--
3 rating from 49 votes

Monday, March 12th, 2007

Javascript/CSS Font Detector

Category: CSS, JavaScript, Library

Lalit Patel has created a nice Javascript/CSS font detector: This Javascript code can be used to guess if a particular font is present on the users machine. It uses simple Javascript and some CSS rules to check whether that font is available. This may help desktop-like web application developers when they want to provide different Read the rest…

Posted by Dion Almaer at 12:01 am
25 Comments

++++-
4.1 rating from 90 votes

Wednesday, February 14th, 2007

___layouts: simple layout builder

Category: CSS, Utility

Christos Constandinou wanted to take YUI Grids and make something that was easy to use and would work with anal designers who want to achieve pixel perfect layouts. He came up with ___layouts: The foundational ___layouts file offers five preset page widths, the option to have a fixed width or a text “zoom” style scaling Read the rest…

Posted by Dion Almaer at 7:47 am
22 Comments

+++--
3.7 rating from 27 votes

Monday, February 5th, 2007

dojo.query: A CSS Query Engine

Category: CSS, JavaScript, Performance

Through the push of jQuery, MochiKit, Prototype, and behavior.js and most recently DomQuery, we are seeing boundaries tested and built upon. Alex Russell (Dojo and SitePen) has written a fascinating piece on the performance of CSS query engines as he introduces us all to dojo.query the latest in the pack, and one that looks to Read the rest…

Posted by Dion Almaer at 12:08 am
10 Comments

+++--
3.5 rating from 36 votes

Friday, January 12th, 2007

DomQuery – A lightweight CSS Selector / Basic XPath implementation

Category: CSS, JavaScript, jQuery, Performance, Sencha

Jack Slocum is a machine. We had to add the new YUI-EXT category for him as he is coming up with such good material. His latest, is an article on DomQuery – A lightweight CSS Selector / Basic XPath implementation. Support for more complex schemas and document structures in the grid’s XMLDataModel class has been Read the rest…

Posted by Dion Almaer at 8:10 am
7 Comments

++++-
4.1 rating from 50 votes

Friday, December 15th, 2006

YUI: Reset The Browsers CSS

Category: CSS, Yahoo!

YUI has a CSS Reset set of style that aims to normalize the browsers so your CSS can start on an even playing field. The entire CSS file (which you can see here) is just 30 simple lines of getting explicit. Dean Edwards wants a <reset /> button :)

Posted by Dion Almaer at 12:55 pm
10 Comments

+++--
3.8 rating from 43 votes