#css (940 links)
- S5 Project s5project.org
A new community site, dedicated to the S5 Presentation software, originally developed by Eric Meyer.
- Garrett Dimon / My Process from Comp to Page garrettdimon.com
...thinking more and more about the most efficient way to build out markup and CSS
- Vitamin Features » HTML Emails - Taming the Beast thinkvitamin.com
"Sooner or later a client will ask you to design one of those ‘pretty looking email thingies’ for their own customers, and then what do you do?" Cry.
- WeBuilder 2006 - HTML editor, CSS, JavaScript, VBScript, PHP, ASP, SSI, WML, Perl editor blumentals.net
Possible Topstyle replacement?
- Christian Montoya » Bad Ideas of Web Design christianmontoya.com
Bad ideas that get in the minds of standards-based developers
A useful link to pass around...
- arc90 lab : tools : Unobtrusive Sidenotes lab.arc90.com
A simple mix of Javascript and CSS that makes it ridiculously easy to incorporate sidenotes into your web pages or blogs.
- Em Calculator riddle.pl
Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative em units, which are based on a text size.
- CSS Tip - Add hover to nonlink elements in IE lawrence.ecorp.net
Ugly. "If I could show you how to extend the pseudo class hover in IE to work on all elements, would you be interested?"
- Make a User Style Bookmarklet squarefree.com
- The future of CSS hacking | 456 Berea Street 456bereastreet.com
*+html{} hack for IE7 mentioned in comments
"Writing CSS is very much like having sex. Not everyone does it the same way and there is no particular “right” way to do it. I guess for me the similarities actually end there, seeing as writing CSS is something I do every day whereas having sex is
Trying to build a scalable, maintainable, and extendable user experience on bad markup is like building a house on quicksand.
- Yahoo! UI Library: Reset CSS developer.yahoo.com
"This foundational CSS file offers cross-browser normalization of the default rendering of HTML elements. It also removes common default presentation such as bolding of strong elements, helping to ensure that all style is declared intentionally and that e
- Yahoo! UI Library: Grids CSS developer.yahoo.com
A suite of seven web page templates and the ability to nest grids of one to four columns within the content area of those templates.
- Accessites.org’s Web Accessibility Articles & News | Accessites.org: Selected Article accessites.org
Skip Link Pros and Cons
CSS Formatter and Optimiser (based on csstidy 1.1)
- Toggle (show/hide) elements in a Definition List tjkdesign.com
"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
- GreyBox demo amix.dk
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.
- Surfin’ Safari - Blog Archive » High DPI Web Sites webkit.opendarwin.org
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
Cunning...
- A Guide to CSS Support in Email | Articles/Tips - Campaign Monitor Blog campaignmonitor.com
Good timing.
- CSS support in email clients | 456 Berea Street 456bereastreet.com
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
- Particletree · A Designer's Guide to Prototyping Ajax particletree.com
“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
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.
- stu nicholls | CSS PLaY | NAF-IR cssplay.co.uk
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.
- fss | minimize flickering css background images in ie6 fivesevensix.com
- SimpleBits | Accessible Image-Tab Rollovers simplebits.com