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, December 29th, 2008

tyPhoGraphic: Declarative CSS Transformations

Category: CSS

The demo above is tyPhoGraphic a declarative CSS transformation library. If you check out a demo with a browser that supports the CSS declarations, you can see that the work is done via: < View plain text > HTML <div effect="zoomin" duration="1700" >2009</div> <div effect="zoomout" duration="1600"  start="-200">2009</div> <div effect="wobble" duration="1000" >2009!</div> <div effect="shake" duration="1200" >2009!</div> Read the rest…

Posted by Dion Almaer at 7:54 am
3 Comments

++---
2.6 rating from 22 votes

Monday, December 22nd, 2008

Whatever? make sure your :hover works for everyone

Category: Browsers, CSS

Peter Nederlof just released version 3 of whatever:hover, his library that makes sure that :hover works just fine for the IE browsers out there. The new version is faster, better documented, uses a CSS trick with expressions in IE to trigger the hover events in IE and now has Ajax support! (this means that new Read the rest…

Posted by Dion Almaer at 6:10 am
4 Comments

+++--
3.2 rating from 22 votes

Friday, December 12th, 2008

The fundamental problems with CSS3

Category: CSS

Matt Wilcox thinks that there are fundamental problems with CSS3 and he shared his thoughts. He starts by giving us some history of CSS and then gets into the meat: Why the Cascade is no longer enough HTML has been re-purposed to represent only the semantic properties of the page. Because CSS is only capable Read the rest…

Posted by Dion Almaer at 6:55 am
30 Comments

+++--
3.5 rating from 35 votes

Thursday, December 11th, 2008

CSS Spriting without background-image

Category: CSS

Jennifer Semter has published an article on CSS spriting, and a cross-browser technique that uses divs, anchors, and clipping to get the same effect as background image clipping. The reason for the new technique is due to the issues with the current approach: You can’t attach alternate text to divs for accessibility purposes CSS Spriting Read the rest…

Posted by Dion Almaer at 11:55 am
22 Comments

+++--
3.5 rating from 44 votes

Wednesday, December 10th, 2008

Pegs: Automate display: fixed++

Category: CSS

Chris Wetherell (the chap who kicked off Google Reader in his apartment) has posted about Pegs a pattern for having one scrollbar but independent scrolling areas. It is more than display: fixed in that it can be smart. If you visit the demo you will see it in action. After the first time, click around Read the rest…

Posted by Dion Almaer at 4:16 am
10 Comments

+++--
3.5 rating from 31 votes

Friday, December 5th, 2008

MooTools and Sizzle

Category: CSS

Valerio Proietti has written a thoughtful post on why MooTools won’t use Sizzle (and tries to argue why other libraries shouldn’t). He cites the advantages of having one code base that your project can tweak at will, and competition being a good thing to move things forward: There are several reasons why a project like Read the rest…

Posted by Dion Almaer at 10:30 am
41 Comments

+++--
3.4 rating from 41 votes

Wednesday, December 3rd, 2008

A great example of sharing; Sizzle Engine in Dojo Foundation

Category: CSS, Dojo, JavaScript, jQuery, Library, Prototype

Voting has started in Dojo land to take in John Resig’s Sizzle next-gem CSS selector engine. This is incredibly exciting, as it shows how Ajax libraries are working together more and more. Instead of reinventing the wheel in different ways for each project, is it possible to find some core pieces that can be nicely Read the rest…

Posted by Dion Almaer at 12:58 am
11 Comments

++++-
4.2 rating from 66 votes

Tuesday, December 2nd, 2008

S5 Presentations with CSS Transitions

Category: Ajax, CSS, iPhone

Shawn Lauriat hacked CSS Transition support into the presentation app S5. Now he has posted slides from one of his talks that uses the functionality. See how you can add fun (or annoying ;) transitions to your S5 prezos, even on the iPhone:

Posted by Dion Almaer at 5:48 am
Comment here

+++--
3.5 rating from 24 votes

Monday, November 24th, 2008

CSS Testing via Selenium

Category: CSS, Testing

Gareth Rushgrove has published some code for CSS Test, code that lets you get in there and test resulting CSS: CSS is hard to test automatically. Their appear to be two potential approaches which might have merit in solving this problem and and this sample code represents one of them. test_image.py The basic idea here Read the rest…

Posted by Dion Almaer at 6:44 am
3 Comments

+++--
3.6 rating from 17 votes

Wednesday, November 12th, 2008

CSS and Tables; The war continues

Category: CSS, Fun

Time for a bit of fun. The eternal battle of tables vs. CSS layouts continues. We geeks have had classics such as vi vs. emacs, and Star Wars vs. Star Trek. First up we have giveupandusetables.com: And then we have shouldiusetablesforlayout.com: You have to take a look at the source for that one :) < Read the rest…

Posted by Dion Almaer at 12:01 am
58 Comments

++++-
4.3 rating from 26 votes

Tuesday, November 11th, 2008

CSS3 ASCII Layouts, Element Transversals, and Gotchas

Category: CSS, jQuery

John Resig has been a busy guy posting today not once but thrice! They all interesting too. I really enjoyed the CSS3 Template Layout post that reminds us of the CSS 3 advanced layout that allows you to use ASCII to define it: < View plain text > css <style type="text/css">   body {   Read the rest…

Posted by Dion Almaer at 12:43 am
13 Comments

+++--
3.4 rating from 26 votes

Friday, October 24th, 2008

CSSHttpRequest: cross-domain Ajax using CSS for transport.

Category: Ajax, CSS

XHR is so 1997. Now it is time for some CSSHttpRequest action, a device that allows you to run cross domain Ajax requests thanks to a CSS hack: Similar to JavaScript, this works because CSS is not subject to the same-origin policy that affects XMLHttpRequest. Like JSONP, CSSHttpRequest is limited to making GET requests. Unlike Read the rest…

Posted by Dion Almaer at 9:57 am
9 Comments

+++--
3.4 rating from 105 votes

Thursday, October 23rd, 2008

display: table, table-cell, table-row, and how we get closer to nicer CSS

Category: CSS

Rachel Andrew has done a great job taking another look at the CSS display ability to use table layouts, that IE 8 has now implemented: When released, Internet Explorer 8 will support many new values for the CSS display property, including the table-related values: table, table-row, and table-cell—and it’s the last major browser to come Read the rest…

Posted by Dion Almaer at 2:24 am
15 Comments

++++-
4 rating from 49 votes

Tuesday, October 21st, 2008

Peppy: New CSS 3 selector engine

Category: CSS, JavaScript, Library

James Donaghue has released Peppy, the first release of his CSS 3 compliant selector engine that runs independent of one particular library (and can thus be used with any of them). He has some bold claims on speed: As it stands now Peppy is faster1 than all other major JavaScript libraries with DOM querying capabilities Read the rest…

Posted by Dion Almaer at 8:44 am
45 Comments

++++-
4 rating from 597 votes

Great JavaScript and CSS Menu Libraries

Category: CSS, JavaScript

Noupe is doing a good job cataloging content, such as their post on great JavaScript CSS menu libraries which features: Sexy Sliding Menu – Andrew Sellick decided to use mootools due to the smoothness of their effects, however, he developed a sliding menu using script.aculo.us FastFind Menu Script – This script allows for nested menus, Read the rest…

Posted by Dion Almaer at 5:58 am
4 Comments

+++--
3.7 rating from 31 votes

Monday, September 29th, 2008

CSS Systems: Maintaining your style

Category: CSS

Natalie Downe gave a talk at BarCamp London on CSS Systems as a wait to maintain your style. She goes into details on how she goes about setting up her CSS on a project: A CSS System is a reusable set of content-oriented markup patterns and associated CSS created to express a site’s individual design. Read the rest…

Posted by Dion Almaer at 6:03 am
2 Comments

+++--
3.7 rating from 26 votes