#css (1,123 links)
- MRI :: for web developers westciv.com
A free cross browser tool that lets you test selectors with any web page. Selectors, particularly complex ones can be difficult to get exactly right - MRI lets you experiment with them on any web page (local or online, static or dynamic).
- Designing For Every Browser: How To Make Your Site Fully Cross Browser Compatible > Design Vitality designvitality.com
Poor article but some potentially useful resources.
- Helping your client maintain markup quality | 456 Berea Street 456bereastreet.com
"Make any errors or suspicious markup obvious to the person working on the document." Been doing this for a while - had lost the original source.
- Website Performance | CSS Sprite Generator spritegen.website-performance.org
"Today's battle was support for the empty-cells property". How did I not know this?
- Continuing Intermittent Incoherency » CSS 3: A Giant Serving Of FAIL alex.dojotoolkit.org · Archived on
- CSS Frameworks + CSS Reset: Design From Scratch | CSS smashingmagazine.com
A look at the idea behind CSS Frameworks, their advantages and disadvantages.
Web Safe Typography on Screen for Pixel Perfectionists
File inputs are the bane of beautiful form design. [...] This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation.
- Eric's Archived Thoughts: Diagnostic Styling meyerweb.com
The primary goal here is to have a set of rules that can be applied during the development phase of a new layout. These rules’ aim is to visually highlight problems in the markup.
There are certainly situations where CSS frameworks are useful, but it just doesn’t seem right to change the HTML to use them (for production sites).
Tripoli is a generic CSS standard for HTML rendering. By resetting and rebuilding browser standards, Tripoli forms a stable, cross-browser rendering foundation for your web projects.
- #haml.Documentation.Sass haml.hamptoncatlin.com
"Sass is a meta-language on top of CSS that‘s used to describe the style of a document cleanly and structurally, with more power than flat CSS allows. Sass both provides a simpler, more elegant syntax for CSS and implements various features that are use
- Adactio: Journal - Wireframework adactio.com
Unless I’m creating cookie-cutter sites, I don’t think a CSS framework can help me. That said, I think a framework like Blueprint has its place.
Another CSS framework.
Another Blueprint discussion
The idea that a redesign of anything more than the most basic of sites will not require changes to (X)HTML markup is simply a myth.
- Subtraction: The Framework Formally Known as ’Prints subtraction.com
Khoi Vinh interviews Olav Frihagen, creator of Blueprint framework.
Blueprint is a CSS framework, which aims to cut down on your CSS development time. It gives you a solid CSS foundation to build your project on top of, with an easy-to-use grid, sensible typography, and even a stylesheet for printing.
- Dust-Me Selectors sitepoint.com
Dust-Me Selectors is a Firefox extension (for v1.5 or later) that finds unused CSS selectors.
- CSS Specificity Calculator rebelinblue.com
Paste your CSS into the field below, the specificity of your selectors will be calculated for you.
Use this tool to find CSS selectors that aren't used by any of your HTML files and may be redundant.
- The Learn List thelearnlist.com
A super simple resource that aims to gather the best tutorial and book links from all over the web.
- css-redundancy-checker - Google Code code.google.com
A simple script that, given a CSS stylesheet and either a .txt file listing URLs of HTML files, or a directory of HTML files, will iterate over them all and list the CSS statements in the stylesheet which are never called in the HTML."
"The kind of typography I'm talking about is not your typical "What font should I use" typography but rather your "knowing your hanging punctuation from your em-dash" typography."
- The Sandbox · plaintxt.org plaintxt.org
The Sandbox is a theme for themers. It has the ability to be easily skinned, so beginners will feel comfortable styling it since they only need to know CSS. More experienced designers will drool at the rich semantic markup.
With proper PNG support in Internet Explorer 7, and some handy JavaScript and CSS tricks to account for older browsers, we can use PNG images to greatly enhance our design vocabulary.
How [bloat] happens and what can be done about it.
- SonSpring | PNG Overlay sonspring.com
"Creating a transparent PNG overlay which can be used as a mask / frame around regular JPEG or GIF. This way, a typical CMS installation can be configured so users can upload photos without having to worry about using any graphics program to apply filters
- Eric's Archived Thoughts: Reset Reloaded meyerweb.com
...what I’m willing to call the final version of my take on the topic of reset styles
How do your web pages fare in today’s mobile browsers?
- 14 rules for fast web pages (Skrentablog) skrenta.com
14 rules for faster front end performance
Since this is a technology blog I want to focus on just a couple of technical areas that I’ve been tracking — templating and layout, and some of the issues we’ve had there.
- CSS Float Theory: Things You Should Know | Smashing Magazine smashingmagazine.com
The most important things you should keep in mind developing css-based layouts with floats.
- jscsscomp - Google Code code.google.com
jscsscomp is a PHP script what compress JavaScript and CSS files when they are requested from the server.
- S5 Reloaded • Welcome netzgesta.de
- Digital Web Magazine - Markup as a Craft digital-web.com
Nothing new but that's not a criticism; good to have all this in one place!
- Shape Shed - Journal - Default Styles for CSS shapeshed.com
Don't particularly like the methods but always interesting to see what other people do...
It's a basic example of how helpful a little JavaScript and CSS can be in a form. Instead of the input hints always showing and potentionally cluttering a very simple form, only the hint for the currently focused input will show.
- Uni-Form dnevnikeklektika.com
"Uni-Form is an attempt to standardize form markup (xhtml) and css, "modularize" it, so even people with only basic knowledge of these technologies can get nice looking, well structured, highly customizable, semantic, accessible and usable forms."
a multi–layered javascript experiment