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.


Monday, January 14th, 2008

Acid 3 and the future of memory leaks

Category: CSS, JavaScript

John Resig has a couple of interesting posts on Acid 3 and memory leaks. Firstly, with Acid 3 hopefully around the corner (but not yet ready!), John takes a look at the JavaScript side of the equation: Array Elisions – Making sure that stuff like [,,] doesn’t have a length and [0,,1] has a length Read the rest…

Posted by Dion Almaer at 6:52 am
3 Comments

++++-
4 rating from 26 votes

Monday, December 24th, 2007

Infamous IE hasLayout is toast

Category: CSS, IE

We are slowly finding more and more out about how nice IE8 is going to play. Markus Mielke came out to tell us that hasLayout is a goner: I do not think I am disclosing too much by saying that HasLayout will be history with IE8 (it was an internal data-structure to begin with and Read the rest…

Posted by Dion Almaer at 6:57 am
4 Comments

+++--
3.9 rating from 20 votes

Wednesday, December 19th, 2007

IE 8 now doesn’t trip on Acid

Category: CSS, IE

Dean Hachamovitch, General Manager of the IE team, has posted that IE 8 now renders the Acid 2 face: I’m delighted to tell you that on Wednesday, December 12, Internet Explorer correctly rendered the Acid2 page in IE8 standards mode. While supporting the features tested in Acid2 is important for many reasons, it is just Read the rest…

Posted by Dion Almaer at 5:43 pm
21 Comments

++++-
4 rating from 41 votes

CSS Text Wrap: Squeeze that text around any line

Category: CSS, Utility

Sick of those straight lines that your text follows? Rounded corners can only do so much? Now, a new tool is here to help you out: CSS Text Wrap. The CSS Text Wrapper allows you to easily make HTML text wrap in shapes other than just a rectangle. You can make text wrap around curves, Read the rest…

Posted by Dion Almaer at 6:57 am
1 Comment

++++-
4.2 rating from 40 votes

Tuesday, December 18th, 2007

W3C CSS Grid Positioning

Category: CSS, IE, Microsoft

Dimitri Glazkov has made a prediction that we will see CSS Grid Positioning in IE 8. This would make a lot of sense due to the fact that: Alex Mogilevsky, and Markus Mielke, of Microsoft wrote the spec If Microsoft comes out with a browser that goes above and beyond, they will be able to Read the rest…

Posted by Dion Almaer at 6:38 am
18 Comments

++++-
4.1 rating from 38 votes

Thursday, November 29th, 2007

New CSS JavaScript Library

Category: CSS, JavaScript, Library, MooTools

Marat Denenberg has continued the trend of CSS frameworks by taking Mootools and creating CSS.js. The library sits on top of CSS itself and gives you: Programmatic CSS Browser Compatibility Custom CSS Properties With programmatic css, you can use loops to generate CSS that might have taken pages to type out. You can have CSS Read the rest…

Posted by Dion Almaer at 7:09 am
12 Comments

+++--
3.3 rating from 35 votes

Wednesday, November 28th, 2007

Safari CSS Reference

Category: CSS, Tip, WebKit

Do you want to have one place that tells you about all of the Safari properties? Now we have it. The reference shows not only the standard properties and how Safari handles them, but also all of the -webkit-* properties such as -webkit-border-top-right-radius:

Posted by Dion Almaer at 6:49 am
9 Comments

+++--
3.3 rating from 23 votes

Tuesday, November 13th, 2007

DebugBar 5: New CSS debugging for IE

Category: CSS, Debugging, IE

Jean-Fabrice Rabaute, author of Companion.JS, has put out a new DebugBar as he aims to get IE developer tools on par to Firebug. In this new version, on a selected element in the DOM Tree, the DebugBar can now display source code, applied style (with css details), computed style, layout, and attributes.

Posted by Dion Almaer at 5:46 am
25 Comments

++++-
4.2 rating from 47 votes

Monday, October 29th, 2007

Webkit CSS Transforms

Category: CSS, WebKit

Webkit now has CSS Transforms: Boxes can be scaled, rotated, skewed and translated. The current nightly builds support affine transformations. A transform can be specified using the -webkit-transform property. It supports a list of functions, where each single function represents a transform operation to apply. You can chain together operations to apply multiple transforms at Read the rest…

Posted by Dion Almaer at 10:43 am
15 Comments

+++--
3.5 rating from 26 votes

Tuesday, October 23rd, 2007

MRI: CSS Selector Inpage Tester

Category: CSS, Utility

John Allsopp, who authored XRAY, has a new tool for us to play with. MRI is a bookmarklet that fires up a tool allowing you to query items on the page using CSS selectors. As you put in your queries you will see the items on the page that match. You can also click on Read the rest…

Posted by Dion Almaer at 7:32 am
10 Comments

++++-
4 rating from 27 votes

Monday, October 22nd, 2007

ShadedBorder Updated

Category: CSS, Design, JavaScript

Steffen Rusitschka has released an update to ShadedBorder. You can now use gradients and the library degrades gracefully. You can see this all at work: < View plain text > javascript var linksBorder = RUZEE.ShadedBorder.create({ corner:10, border:2 }); var linkBorder = RUZEE.ShadedBorder.create({ shadow:4 });   linksBorder.render(‘links’); linkBorder.render($(‘links’).getElementsByTagName(‘a’));

Posted by Dion Almaer at 6:13 am
2 Comments

+++--
3.4 rating from 22 votes

Monday, October 15th, 2007

CSS Vertical Bar Graphs

Category: CSS

Eric Meyer has been keeping a secret since 2005 about CSS Vertical Bar Graphs. Well, not really, but it is good that he has come out with a nifty demo on how you can make this: < View plain text > HTML <table id="q-graph"> <caption>Quarterly Results</caption> <thead> <tr> <th></th> <th class="sent">Invoiced</th> <th class="paid">Collected</th> </tr> </thead> Read the rest…

Posted by Dion Almaer at 7:39 am
5 Comments

+++--
3.5 rating from 56 votes

Tuesday, October 9th, 2007

Simple Layout Manager with Prototype

Category: CSS, JavaScript, Library

Sébastien Gruhier (Mr. Proto) has created a JavaScript layout framework using Prototype 1.6. The Simple Layout Manager lets you create simple layouts using simple CSS and also let you dynamically add to the manager: < View plain text > javascript layoutManager.add(‘your_element_id’); You can see some simple demos. We have see a slew of CSS frameworks Read the rest…

Posted by Dion Almaer at 7:56 am
10 Comments

++---
2.8 rating from 26 votes

Monday, October 1st, 2007

Search for the Holy Mail (template)

Category: CSS, Email

Glen Lipka has been frustrated with the task of producing quality HTML email that works across various email clients, which of course got even harder when Outlook 2007 took email design back a few years. Anyway, Glen thinks that he nailed it: Outlook 2007 actually has a little more CSS support than I thought.  Just Read the rest…

Posted by Dion Almaer at 7:05 am
17 Comments

+++--
3.3 rating from 19 votes

Sass-y Dynamic CSS

Category: CSS, Library, Rails

Geoffrey Grosenbach gets all funky when he discusses dynamic CSS using the Sass engine that comes with HAML. It allows you to: Nesting If you are sick of repeating yourself, you can get dry and nest your code: Variables You can set variables with ! < View plain text > css !note_bg= #55aaff     Read the rest…

Posted by Dion Almaer at 4:40 am
15 Comments

+++--
3.1 rating from 38 votes

Friday, September 28th, 2007

CSS Sprite Generator Released

Category: CSS, Performance, Utility

Stuart Collville and Ed Eliot just launched a new CSS Sprite Generator tool, which is the first of many in a series of web-site performance tools. For the uninitiated, a CSS Sprite is a single image file which contains several graphics. Using CSS background positions it’s possible to display any one of the graphics. By Read the rest…

Posted by Dion Almaer at 6:45 am
16 Comments

++++-
4.2 rating from 65 votes