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, September 15th, 2008
Category: Browsers
, CSS
We discussed the WebKit CSS transforms that allow you to scale, transform, skew, and do matrix work through simple CSS. Mozilla has stepped up and Keith Schwarz posted on CSS transform support in Firefox thanks to the new -moz-transform: PLAIN TEXT CSS: -moz-transform: translate(100px, 200px); /* Move right 100 pixels, down 200 pixels */ Read the rest...
Category: CSS
, Tip
Pascal Opitz answered the question "Can you set an image background on an image element?" in simple fashion. All you have to do is make sure that the image is display: block and has a padding. He put up a simple demo that uses a div with an image, and he applies backgrounds to both: Read the rest...
Thursday, September 11th, 2008
Category: CSS
Dave Minter is obviously frustrated, which lead him to write You are not alone. None of the rest of us can fathom CSS either. He goes on a little rant that covers: Curvy corners Vertical floats Formatting for forms Floats within elements Graphical Buttons Column support Order Independence Widths on inline elements Addressing text within Read the rest...
Tuesday, September 2nd, 2008
Category: CSS
, Firefox
Michael Ventnor has blogged about the new support for text-shadow, -moz-box-shadow and -moz-column-rule which follows on with Safari and Opera. The subtle effects really add a great touch when NOT used gratuitously. The samples are both ;) If you’ve been following the Gecko 1.9.1 development since it started then you’re probably already aware of, and Read the rest...
Monday, September 1st, 2008
Category: CSS
, jQuery
In March 2004, Dave Shea wrote about CSS Sprites, and now he is back with CSS Sprites 2. He walks us through using JavaScript to make this all work nicely, and picks jQuery to get 'er done: After putting this together piece by piece, we end up with: PLAIN TEXT JAVASCRIPT: $(document).ready(function(){ Read the rest...
Wednesday, August 27th, 2008
Category: CSS
, Design
A little while ago, we talked about the two competing custom font technologies for the Web: linking and "embedding" (aka EOT). With Firefox about to implement support for linking à la Safari, John Allsopp has a summary of the state of font technologies and an illustration of just how easy it is to use these Read the rest...
Category: CSS
, Tip
Andy Pemberton has put together a simple solution to get the watermark technique to work nicely with print CSS. Check out the sample and pull up a print preview. He details the good, bad, and ugly: The Good The first step to getting a printable watermark is to use an inline tag, rather than background-images. Read the rest...
Monday, August 25th, 2008
Category: CSS
, JavaScript
John Resig is working on a new selector engine called Sizzle: This is a new selector engine that I'm working on. It's a work in progress! Not ready for use yet! It's definitely not ready yet (got some minor outlier bugs in the standards-compliant browsers - and a bunch of major bugs in IE still Read the rest...
Thursday, August 21st, 2008
Category: Browsers
, CSS
We have all been talking about querySelectAll for awhile, but John Resig gives us a wrap-up that covers the state of play. He talks about the browsers, and the libraries that wrap them and clean up shop via code like: PLAIN TEXT JAVASCRIPT: function querySelectorAll(selector){ try { return Array.prototype.slice.call( Read the rest...
Wednesday, August 20th, 2008
Category: CSS
Jeremy Keith has been doing a great job blogging An Event Apart, and his writeup of The Lessons of CSS Frameworks by Eric Meyer caught my eye. Eric took a look at the most popular CSS frameworks (960, Blueprint, Content With Style, That Standards Guy, YAML, YUI, Elements, Tripoli, WYMStyle) and talks about choosing one... Read the rest...
Monday, August 18th, 2008
Category: CSS
, IE
, jQuery
Paul Bakaus, or jQuery UI fame, has created a nice little hack to implement WebKit CSS transforms in IE When you include the library, it can scan for your -webkit-transform-* transforms (soon to support the standard transform-*) and will go to work for you using a couple of nifty technologies all put together: IE Filters Read the rest...
Wednesday, August 13th, 2008
Category: Browsers
, CSS
Remember when you wanted a growable area with rounded-goodness and you had to cut up the image into a million pieces to have the top corners and the sides? Since then we have gotten nice effects to help us, and John Resig just posted on how Firefox 3.1 will implement what WebKit already has in Read the rest...
Monday, August 11th, 2008
Category: CSS
Allan Jardine has created Conditional-CSS, a tool that allows a style sheet author to place IE style conditional statements inline with CSS to target multiple different browsers. Expanding the IE conditional statement syntax we get: PLAIN TEXT CSS: [if {!} browser] or [if {!} browser version] or [if {!} Read the rest...
Thursday, August 7th, 2008
Category: CSS
, Standards
, W3C
Bert Bos, a W3C fellow, thinks that CSS variables are to be considered harmful: Adding any form of macros or additional scopes and indirections, including symbolic constants, is not just redundant, but changes CSS in ways that make it unsuitable for its intended audience. Given that there is currently no alternative to CSS, these things Read the rest...
Thursday, July 17th, 2008
Category: CSS
, IE
Ah the age old IEPNGFix solution to the problem that we had with IE 5.5 / 6.0 not supporting alpha transparency. The first IEPNGFix solved the problem: This script adds near-native PNG support with alpha opacity to IE 5.5 and 6. Now you can have full translucency and no more ugly grey borders! It requires Read the rest...
Monday, June 30th, 2008
Category: CSS
, WebKit
We talked about how CSS variables are next a few months back, and now they are here! WebKit now has an experimental implementation of CSS variables: You can test this feature using a WebKit nightly Test cases Once again, via Dylan Schiemann.