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, July 24th, 2006

Advanced Box Model Testing

Category: CSS, Testing, Usability

From Qooxdoo.org, there are two new posts spotlighting something that developer after developer have struggled with at least once in their work – the differences between box models in the major browsers. They explore these differences in a two part series of posts. In part one, they focus on the differences in the “border-box” model Read the rest…

Posted by Chris Cornutt at 9:49 am
Comment here

3.8 rating from 28 votes

Thursday, March 30th, 2006

Pure-CSS Image Gallery

Category: CSS, Programming

We’ve seen lots of Ajax image galleries and slideshows and, not surprisingly, they invariably make good use of Javascript. But Stu Nichols proves it doesn’t have to be that way – he’s built a functional image gallery in pure CSS (via Digg). His article points out it’s compatible with all the major browsers. Just hover Read the rest…

Posted by Michael Mahemoff at 9:47 pm

4 rating from 200 votes

Friday, February 24th, 2006

ReCSS: Reload your CSS Bookmarklet

Category: CSS, Tip

David Schontzler came up with a quick and useful bookmarklet, ReCSS. It reloads all the stylesheets pulled in via links by adding a query string argument to the end of the URL. Quite handy for applying CSS tweaks to dynamic apps. Tested in Firefox, IE, and Safari.

Posted by Dion Almaer at 9:18 am
1 Comment

3.8 rating from 32 votes

Thursday, February 9th, 2006

CSS Navigation Magnification

Category: CSS, Examples

Paul Armstrong put together an example of CSS navigation magnification, which brings the fishbowl effect to links. I am not sure if these techniques help UI, but the CSS implementation is interesting. < View plain text > css li { font-size: 1em; } li:hover { font-size: 2.5em; } li:hover + li { font-size: 2em; } Read the rest…

Posted by Dion Almaer at 8:46 am

3.7 rating from 95 votes

Tuesday, January 31st, 2006

DevArticles.com: A Three Part Tutorial – Sending Email with Ajax

Category: Ajax, CSS, HTML, PHP

DevArticles.com has posted all three parts of a series over on their site – “Sending Email with Ajax”. It follows a step by step process of building up the client-side interface (with Ajax’s help) and the server-side code that interacts with it (in this case PHP). Part one starts the process off, talking about the Read the rest…

Posted by Chris Cornutt at 8:24 am

4 rating from 56 votes

Wednesday, January 4th, 2006

CSS Quick Tip: overflow: hidden; and IE

Category: CSS, Tip

I have run into the same issue with three projects in a couple of weeks. The issue is a common one, and it comes out as IE not listening to your CSS dimensions. For example, take this blog. We commonly attach images to our posts, and what if we post a large image? The rightbars Read the rest…

Posted by Dion Almaer at 2:50 pm

2.8 rating from 25 votes

Wednesday, December 7th, 2005

CSS Cross browser mini-tip: Point to the Hand

Category: Browsers, CSS

You want to tell the browsers via CSS to change the pointer icon to be a hand. Firefox uses the standard pointer, whereas IE has used hand. The cheaky work around? IE ignores underscores: cursor: pointer; _cursor: hand; Any other cheaky hacks that you have had to use to Get Things Done ™ ?

Posted by Dion Almaer at 10:27 am

4 rating from 44 votes

Thursday, November 24th, 2005

CSS Filters: Cross browser implementations

Category: CSS

CSS is a standard. A standard that has many versions. Browsers may or may not implement certain versions, or pieces of these standards, and this becomes the bane of our existence :) If you want a quick way to answer questions like: * html div: Will this work in the browsers I care about? body>div: Read the rest…

Posted by Dion Almaer at 12:20 pm

4.1 rating from 29 votes

Monday, September 26th, 2005

20 CSS Tips & Tricks

Category: CSS

Pete Freitag has whipped up 20 CSS Tips and Tricks: Rounded Corners Rounded Corners without images Creating a Netflix style star ratings Tableless forms Styling Lists with CSS 2 Column Layout Technique 3 Column Layout with CSS 3 Column Fixed width centered layout Printing with CSS Adding a CSS stylesheet to an RSS feed Footer Read the rest…

Posted by Dion Almaer at 12:41 pm

4.1 rating from 56 votes

Thursday, September 8th, 2005

Niceforms: Pretty up your web forms

Category: CSS, Examples, JavaScript, UI

Web forms. Everybody knows web forms. Each day we have to fill in some information in a web form, be it a simple login to your webmail application, an online purchase or signing up for a website. They are the basic (and pretty much the only) way of gathering information on the web. You basically Read the rest…

Posted by Dion Almaer at 2:29 pm

4.2 rating from 30 votes