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, September 21st, 2007

CSS 3 and where we could be

Category: CSS

Alex keeps it up by discussing how CSS 3 is a giant serving of fail. Alex believes that in 2007 you should be able to do things like this in CSS: < View plain text > css .highlight {   color: red;   text-decoration: underline; }     .updated {   @importRule ‘.highlight’;   background-color: Read the rest…

Posted by Dion Almaer at 6:36 am
28 Comments

++++-
4.5 rating from 45 votes

CSSVista: Tweak CSS and see it in IE and Firefox at the same time

Category: CSS, Utility

CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously. The software is brought to us by the authors of Litmus, a tool that tests your websites on a set of browsers.

Posted by Dion Almaer at 5:31 am
8 Comments

+++--
3.8 rating from 23 votes

Tuesday, September 18th, 2007

Curl.js: Curl your images

Category: Canvas, CSS, JavaScript, Library

Christian Effenberger has a new effect for you to use. With Curl.js you can add a page curl effect (including backside mask) to images on your web pages. It uses unobtrusive javascript to keep your code clean, and it works in all the major browsers – Mozilla Firefox 1.5+, Opera 9+, IE6+ and Safari. On Read the rest…

Posted by Dion Almaer at 11:26 am
11 Comments

++++-
4.2 rating from 63 votes

Wednesday, September 12th, 2007

A Cheaky Way to Style an input type=”file”

Category: CSS, JavaScript

Shaun Inman has got a lovely little hack that allows you to style file inputs with CSS and the DOM. These elements are notoriously painful to deal with, and now we have select boxed playing nice on IE, we need something else to fix up :) How It Works We start with a simple replacement. Read the rest…

Posted by Dion Almaer at 8:24 am
19 Comments

+++--
3.6 rating from 138 votes

YUI Dom Collection’s Region methods to the rescue!

Category: CSS, JavaScript, Yahoo!

One of the reason’s I like reading articles by Christian Heilmann is because of his innovative solutions to common problems and his ability to clearly explain the rationale behind the solutions. I was first exposed to this when I was reading his book, Beginning JavaScript with DOM Scripting and Ajax. I became a fan then Read the rest…

Posted by Rey Bango at 7:30 am
3 Comments

+++--
3.3 rating from 23 votes

Should we use CSS frameworks?

Category: CSS

Last month, we posted about the Blueprint & YAML CSS frameworks and reactions to the frameworks were mixed. Some folks absolutely loved it while others considered them a crutch for non-CSS savvy developers. So should CSS frameworks be used? Gary Barber & Jonthan Christopher offer their perspectives on where CSS frameworks should fit. Jonathan offered Read the rest…

Posted by Rey Bango at 6:00 am
20 Comments

++++-
4 rating from 39 votes

Friday, September 7th, 2007

Ajaxian Featured Tutorial: Understanding CSS floating

Category: CSS

One of the hardest concepts to grasp in CSS is how to float elements. In order to create a good layout you need to understand this concept in order to know how your elements will be handled within the flow of your page. The team at Max Design have created an excellent tutorial, aptly called Read the rest…

Posted by Rey Bango at 9:37 am
19 Comments

+++--
3.8 rating from 29 votes

Thursday, August 30th, 2007

YAML the CSS framework

Category: CSS, Framework, Utility

When I first saw an email from Dirk Jesse about YAML, I was instantly in Ruby mode. Then as I read I realised that he was talking about a totally different YAML, his own CSS framework “Yet Another Multicolumn Layout” (compareble to YUI Grids or blueprint) that is designed for creating flexible float-based multicolumn css-layouts. Read the rest…

Posted by Dion Almaer at 1:01 pm
20 Comments

++++-
4.3 rating from 42 votes

Thursday, August 23rd, 2007

Learning from Gmail

Category: CSS

We can always learn from popular Ajax applications such as Gmail. In fact, browser vendors often fill their test suite with some of the big sites out there, and groan when they have to implement a bug to be backwards compatible :) Jesse Kuhnert has a tip that he learned from looking at Gmail and Read the rest…

Posted by Dion Almaer at 1:14 am
13 Comments

++++-
4.1 rating from 41 votes

Sunday, August 19th, 2007

The Future of CSS and the end of 3.0

Category: CSS, Editorial

We have all been frustrated with CSS over the years. The implementation has been spotty across the browsers, and it has all but died off. IE 7 stepped up and fixed a lot, even if some weren’t happy with how far they got. CSS 3 has been out there for quite some time, but apart Read the rest…

Posted by Dion Almaer at 12:27 am
57 Comments

+++--
3.4 rating from 85 votes

Tuesday, August 14th, 2007

Blueprint CSS Framework: Typography matters

Category: CSS, Framework

Olav Bjorkoy recently launched Blueprint CSS, a framework that takes typography into account. Why did Olav create it? After reading an article by Jeff Croft on frameworks for designers, I started looking at the existing CSS frameworks, trying to find one that was right for me. Never again was I to repeat the tedious task Read the rest…

Posted by Dion Almaer at 12:40 am
22 Comments

+++--
3.8 rating from 68 votes

Monday, August 13th, 2007

CSS Keys, and the search for the right Sprite

Category: CSS

Glen Lipka wanted an easier way to manage the “one big matrix image that CSS uses to chop up to display pieces” technique, and wrote about the right sprite where he delves into various cleaner workarounds for the fact that Firefox doesn’t support background-position-x. He ends up with foreground-sprites. Jonathan Snook also talks a bit Read the rest…

Posted by Dion Almaer at 7:29 am
Comment here

+++--
3.1 rating from 31 votes

Wednesday, August 1st, 2007

pzImageCombine: One image for CSS clipping

Category: CSS, Performance, Utility

Various people have documented the clipping technique of taking one large image, and showing a piece of it in a particular place, thus combining X numbers of images into one download. Alexander Graef has created a tool to automate this task for you called pzImageCombine. It allows you to choose an image directory and combine Read the rest…

Posted by Dion Almaer at 5:34 am
3 Comments

+++--
3.4 rating from 18 votes

Thursday, July 19th, 2007

Conflicting Absolute Positions

Category: Articles, CSS

Rob Swan has a new article about Conflicting Absolute Positions that delves into the realization that conflicting absolute values for top, left, right, bottom, result in browsers stretching their content in all but IE 5 / 6, and Rob has a work around for that too. To get this effect: We specify the width and Read the rest…

Posted by Dion Almaer at 12:39 am
4 Comments

++++-
4 rating from 33 votes

Thursday, July 12th, 2007

DOMDom: More DOM, Less DOM

Category: CSS, JavaScript, Library

Zach Leatherman has created another DOM creation class, DOMDom, (with support for HTML Fragments) that uses the CSS query language. But instead of using the language to query nodes, it is used to create nodes. To make <div style=”width:100%;border:1px solid blue” class=”testClass”><a href=”http://www.google.com/”><span>Google</span></a></div>, you’d have to do the following in other packages: DomHelper: < View Read the rest…

Posted by Dion Almaer at 4:06 am
16 Comments

+++--
3.8 rating from 59 votes

Wednesday, July 11th, 2007

CSS Selectors – Speed Myths

Category: CSS, JavaScript, Library

Jack Slocum has continued the CSS Selector trend by taking another look at the various frameworks and dispelling some CSS Selectors Speed Myths. Jack talks about the various approaches, comparing Firefox support to cross browser support, and tweaks the slickspeed tests with a few others, ending up with:

Posted by Dion Almaer at 5:22 am
17 Comments

++++-
4.1 rating from 56 votes