#css (1,123 links)
CSS Formatter and Optimiser (based on csstidy 1.1)
"Using a Definiton List and the DOM to create a nice FAQ page where clicking on the DTs (the questions) "toggles" the associated DDs (the answers)."
"I wanted a robust javascript validation library that was simple to implement and didn't require me do any extra work other than creating the form. My favourite idea for a method of doing this is to utilise the field elements' class attribute to indicate
- The Man in Blue > CSS Love Child themaninblue.com
"[A] little bit of Perl scripting lets you take the HTML from one page, add the styles of another, and end up with a hideously mutated beast that can sometimes be amusing, sometimes be revealing, but most of the time looks like a fourth generation hillbil
- Semantics and design | And all that Malarkey stuffandnonsense.co.uk
There is a danger of adversly effecting semantics through incorrect use of CSS.
A twist on the Lightbox technique
- Adactio: Journal - Print stylesheets adactio.com
A pop-up window that doesn't suck.
- Using size to size inputs | Bite Size Standards bitesizestandards.com
Due to its seemingly presentational nature not many designers use it, opting to set the width using CSS instead. [However], 'size' is not presentational.
All we need to do is designate a CSS style with multiple background-images. As your browser reads the style, it will load each image you designate in succession, thus pre-loading your images.
One area of Web design that is going to become more important in the coming years is high DPI.
- A List Apart: Articles: A More Accessible Map alistapart.com
Is there a way to display text-based data on a map, keeping it accessible, useful and visually attractive? Yes: using an accessible CSS-based map in which the underlying map data is separated from the visual layout.
- Skip Navigation jimthatcher.com
"An analysis/study of techniques for "skip navigation" links (also "skip to main content" links) which resulted from an assignment I had in the Web Content Accessibility Guidelines working group, Techniques task group."
- SitePoint Design View sitepoint.com
The executive summary: SpiffyCorners is an online generator that allows easy production of rounded corners on content boxes (DIVs).
- Sitepoint » Spanky Corners: Generate XHTML Compliant Corners with CSS tools.sitepoint.com · Archived on
Cunning...
- A Guide to CSS Support in Email | Articles/Tips - Campaign Monitor Blog campaignmonitor.com · Archived on
Good timing.
A Guide to CSS Support in Email details the level of support for CSS in the most widely used email clients. The guide includes email software for Windows and Mac OS as well as web based email clients.
Accessible, usable websites built with universality and standards in mind need not be boring
- Make sure machines dig your designs: XHTMLized xhtmlized.com
Interesting. "You design. We transform it into XHTML/ CSS."
“Wireframing AJAX is a bitch.” [...] while I can’t deny the statement, I do think there are steps we can take to alleviate the pain."
- Dragon Labs | The Ultimate Tabbed Menu dragon-labs.com
Based on Suckerfish HoverLightbox this one uses my multi-page layout system but includes images instead of text. Unlike the Suckerfish HoverLightbox this version is pure CSS.
- Manning Ajax in Action manning.com
- Evaluating website accessibility: Part 3, Digging Deeper | 456 Berea Street 456bereastreet.com · Archived on
In this final article of the series I will explain some aspects of website accessibility that are difficult to test with automated tools and require more time and/or experience to evaluate manually.
- Clearing floats without structural markup in IE7 | And all that Malarkey stuffandnonsense.co.uk
seven now correctly implements the W3C specification by collapsing containers that include floated children. However, as seven has not implemented generated content, the so called easy clearing method is not an option for clearing floats in seven.
Remove the active/focus dotted borders when using the Phark Image Replacement technique.
- Clearing a float container without source markup lachy.id.au
Easy clearing technique that works in IE6, IE7 and other standards compliant browsers. Based on the original easy clearing method.
- New clearing method needed for IE7? | 456 Berea Street 456bereastreet.com
Could cause problems...
- Accessible Heading Icons : Tutorial : Paul Michael Smith paulmichaelsmith.com
- A List Apart: Articles: In Search of the Holy Grail alistapart.com
Three columns. One fixed-width sidebar for your navigation, another for, say, your Google Ads or your Flickr photos—and, as in a fancy truffle, a liquid center for the real substance.
- johnoxton.co.uk: Scalable logos johnoxton.co.uk
I hit the problem of making my logo scale up or down when the user resizes the text, without lose of quality.
- [ws] The Underscore Hack | Podtržítkový hack wellstyled.com
CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously.
- Mandarin Design: CSS Opacity and Transparency mandarindesign.com
- CSS: Specificity Wars | And all that Malarkey stuffandnonsense.co.uk