TAG: css
"The foundational YUI Reset CSS file removes and neutralizes the inconsistent default styling of HTML elements, creating a level playing field across A-grade browsers and providing a sound foundation upon which you can explicitly declare your intentions."
Tags: css yahoo design hacks standards
One-Window Web Development for Mac OS X.
Tags: software html css ftp development mac
"Firebug integrates with Firefox to put a wealth of development tools at your fingertips while you browse. You can edit, debug, and monitor CSS, HTML, and JavaScript live in any web page."
Tags: firefox development extensions html css
Alternative Style: Working With Alternate Style Sheets
Step-by-step instructions for creating a site with a style swticher and a cookie to save the preference.
Tags: css javascript
ILoveJackDaniels cheat sheets for everything from World of Warcraft to mod_rewrite.
Tags: reference programming php mysql css
Vertically and Horizontally Centering a DIV
Some nice CSS magic.
Tags: css
What Web Designers Really Want for Valentine's Day
There's nothing quite like geek humor.
25 Sites You Shouldn't Have Missed in 2005
"The year 2005 was rich on fresh, inspiring and useful Web-Development-Resources. Here is the list of the 25 sites you probably shouldn’t have missed in 2005."
Tags: design inspiration bestof2005 lists css
"The finicky world of CSS isn’t the best match for the precise art of typography, but you can do more to improve the readability and beauty of your Web pages than you think."
Tags: typography css design usability
Breaking out of tables and into CSS offers new opportunities to extend grid and non-grid design further than we imagined on the web.
For years, Web typography involved little more than choosing a typeface and font size. Unstyled Times New Roman was the norm, and the integration of established typographical techniques and rules was unimagined.
Tags: css design typography tips usability
Garrett Dimon: "Something I’ve been doing for a while is always adding a comment after ever closing div tag that indicates which opening div it’s supposed to be related to."
Semantic Typography: Bridging the XHTML gap
Using a real estate listing to explain how semantic XHTML should work.
Tags: css design semantic xhtml typography usability
Dynamic Resolution Dependent Layouts
"You can change 3-column layouts to 2-column layouts, provide appropriate font-sizes to increase legibility, and even reward higher resolution viewers with extra content and larger images."
Tags: javascript css design
"CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously."
Tags: css software free windows design
"This is a pure CSS image switcher that is lightweight and standards-compliant. It could be used for a gallery or any similar function."
Tags: css design gallery posted
A tutorial search engine for programming and design
Tags: design tutorial programming posted css
A more robust method of positioning a footer
"Recently I've been asked to code up a few sites that require the Web page footer to be positioned either at the bottom of the browser window or at the bottom of the Web page – whichever is visually lowest."
"TheNews.com.au®, was founded by Tasmanian Designer Jason Carter in 2001, with it’s prime objective to focus on design in Australia."
Tags: design css nicedesign australia posted
Ten more CSS tricks you may not know
"Our article, Ten CSS tricks you may not know has proven to be such a success that we decided it was time to offer you ten more CSS tricks that you may not know."
Tags: css design tips lists posted
Digital Web Magazine interview with Dan Cederholm
"Ethan Marcotte gives us an interview with Dan Cederholm about his new book, Bulletproof Web Design, and much more."
Tags: css design standards books interviews posted
"This is a website written by a guy who likes to complain about the small fiddly parts of things."
Tags: blogs css design interface nicedesign posted
"Just click any element on this page, for example the banner, and a box will appear that will allow you to set various styling options."
Tags: css design templates movabletype posted
"The SeeSS Widget is a quick and handy reference sheet for 140 CSS (1, 2 & 3) properties (proprietary extensions are not included)."
Tags: apple css dashboard free widgets posted
Creating a Star Rater using CSS
"Can you create a star rating using only CSS. I’m talking the kind that when you hover over the 4th star, there are four stars that show up on the hover state."
Tags: css design tutorial posted
Photo Gallery Templates available
Stopdesign: "Without putting too much fanfare into this, I’m proud to inform anyone interested that the MT version of my Photo Gallery Templates are finally available for download."
Tags: css design photography movabletype templates posted
An Overview of Current CSS Layout Techniques
"Over the last several years I’ve been asked by many web designers and developers about how to best get started with building web sites using CSS and standards . . . This overview is sort of my penance.
Developing web-sites, exploring own imagination (CSS, Color Tools, SEO, Usability etc.)
Tags: design css webmastertools lists posted
"Shaun Inman is the designer/developer responsible for Designologue, Mint and IFR. Originally from the Boston, Massachusetts area, he now resides in Baltimore, Maryland"
Tags: css blogs design nicedesign
"Here's a quick number on how to produce a box with rounded corners using only one image, and off-setting that image for each corner."
"CSS files can be included on the fly, so for example the user can switch to his/her prefered stylesheet without reloading the page. Neat! "
Tags: css javascript design
"This site was designed as a place for me to convey some of my ideas and keep a record of my thoughts. If it helps people code better websites, then that will make me happy."
Tags: blogs css design nicedesign
The step-by-step process of redesigning Digg
Tags: css design interface tutorial posted nicedesign
CSS Image Maps - Flickr-like Technique?
"Below is a sample image map that's built entirely using CSS and XHTML."
"And what about previously unsupported CSS2 properties? Have we got :hover support on any element other than a yet? Sorry. What about selectors? Same as ever. Could we at least ask for a bit of position: fixed? Keep wishing."
Tags: browser css ie microsoft standards posted
What are the best ways to represent visited links?
Tags: css design usability webmastertools
A list of the designs discussed in The Zen of CSS Design.
"The drop shadows are implemented in valid XHTML and CSS, with no CSS hacks or JavaScript. We call it ydnar Drop-Shadow-Fu."
Tags: css design tips howto reference
The no frills inspirational site.
Tags: css design nicedesign posted
Essentials of CSS Hacking For Internet Explorer
"By careful structure planning, I managed to stripe down all hackery to a much less additional rules."
Tags: css design bugs microsoft ie reference posted
This widget displays the much of the essential information from the CSS Cheat Sheet from I love Jack Daniels.
Tags: css dashboard apple widgets posted free reference
Some cool experiments with CSS that include all the code.
Tags: css design reference tutorial webmastertools posted
The goal of Pixelpusher.biz is sharing web design ideas, promoting web standards and the use of css magic.
Tags: css design nicedesign posted
Quite simply put, CSSEdit will save your sanity when editing style sheets. Its intuitive approach to style sheets and powerful editing features will make you deliver beautiful standards-based sites in no time!
Tags: apple software css tools design
How to make a horizontal list using css. The simplest explanation I've found.
Tags: howto tutorial css design reference
A design consultancy based in San Francisco, California, Stopdesign specializes in a simple, beautiful aesthetic, balance of form and function, and highly flexible design.
Tags: css design nicedesign blogs
A design consultancy based in San Francisco, California, Stopdesign specializes in a simple, beautiful aesthetic, balance of form and function, and highly flexible design.
Tags: nicedesign css design blogs
YourTotalSite: "Until the web came along, a designer never had to worry about variables such as screen resolution, limited color palettes, or the availability of their favorite font on every machine."
Tags: design css nicedesign
Create notes that appear on the side of a page.
Tags: css howto reference design
184 Manually selected Style Sheet Resources
Sorted by category
Tags: webtools css design reference lists
This utility cleans and compresses your CSS in a variety of ways, significantly optimizing and reducing its size at the expensive of readability.
Tags: css tools webmastertools design
How to Create Frames Layout with CSS
"By far the most sought after use of CSS is to emulate the dated html 'frame' layout, whereby the header, navigation and footer stay on screen at all times and the content area will scroll. "
Tags: css design tutorial reference
Essential bookmarks for web designers and web developers
"The idea was simple: I wanted to list on a one single page the most useful web-sites, which make the life of web designers easier."
Tags: reference lists design css tools posted
I Like Big Buttons and I Cannot Lie
Garrett Dimon: "The whole idea behind the site was to move the visual design out of the way and focus on the content and comments. One column. Very few graphics. Big and simple headlines."
Tags: blogs css design posted nicedesign
IE can't handle position: fixed. What follows is the CSS and HTML necessary to emulate the behaviour of fixed positioning in Internet Explorer.
With a little DOM scripting and some creative CSS, you too can make your selects beautiful… and you won’t have to sacrifice accessibility, usability or graceful degradation.
Tags: css design howto reference tutorial
How to Create a Photographic Gallery Using CSS - WebReference.com
With this article I hope to show you how to produce a professional quality photograph gallery using nothing more than an unordered list of photographs and a Cascading Style Sheet (CSS).
Tags: css design howto photography reference
How to make buttons using CSS rather than images
A List Apart: "What if we could have one clean, well-structured menu which would combine the dynamism and code-ease of dropdown menus and do away with their main problems (not to mention degrade beautifully)?"
Most Useful CSS Properties with Examples
Gives you all the CSS you need for rounded boxes
This library is a simple way to implement tabs on your page using CSS, a little JS, and semantic markup which degrades gracefully on browsers with CSS unavailable or disabled.
Web and Blog Design and Development
Some tips to spice up your blog or website
A good CSS trick that allows you to sign specific attributes to specific items
Tags: css
Tags: css
Under creative commons licenses
Tags: css
CSS Negotiation and a Sanity Saving Shortcut
CSS tips
Tags: CSS
Tags: css
Step by step CSS float tutorial
Tags: css
Tags: css
Tags: css
Your one stop resource for css links, articles, tutorials, examples, tips, layouts, hacks, books, and web standards
Tags: css
Ten CSS tricks you may not know
Tags: css
This is an attempt to make the design process easier, and provide a quick reference to check when you run into trouble.
Redesigning smh.com.au & theage.com.au with css
Tags: css