#css (940 links)
How [bloat] happens and what can be done about it.
- CSS Entry - Cody Lindley: CSS Step Menu codylindley.com
A step menu (AKA wizard menu). This menu has a varying amount of steps, dependent upon the type of user accessing the application.
- 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
- Vitamin Features » Make your site mobile friendly thinkvitamin.com
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...
- Form field hints with CSS and JavaScript (Ask the CSS Guy) askthecssguy.com
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."
- Parallax Background with Javascript and CSS inner.geek.nz
a multi–layered javascript experiment
- ThickBox 2.1.1 jquery.com
ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.
- IE 7 does not resize text sized in pixels | 456 Berea Street 456bereastreet.com
It partly compensates for that by allowing the user to scale/zoom the entire page, including images (which quickly leads to massive horizontal scrolling because of its bad implementation).
- lalit dot lab lalit.org
JavaScript code to Detect available Fonts using JavaScript and CSS.
- Opera developer tools - Opera Developer Community dev.opera.com
Opera now includes a developer console that can be added into the browser with many new features. The developer console includes new tools including DOM inspector, JavaScript inspector, CSS editor and HTTP header inspector.
- swfIR: swf Image Replacement swfir.com
swfIR gives you the ability to apply an assortment of visual effects to any or all images on your website.
- Usable Cross Browser Font Sizing » Middleware Infrastructure mi6.ais.ucla.edu
"My opinion is still that using % in the body and em for units is superior is it allows for text resizing in IE/win, is less browser specific (both methods are foiled by the typographical workings of IE5, but the Keyword Approach stumbles in some versions
- Browser testing CSS and JavaScript | 456 Berea Street 456bereastreet.com
My testing order, why I test in the browsers I do, and why I do it in that particular order.
- Web Browser Standards Support webdevout.net
This document will summarize the level of support for web standards and maturing technologies in popular web browsers. It covers the Internet Explorer, Firefox, and Opera web browsers, with focus on the HTML, CSS, DOM, and ECMAScript technologies.
- Really Wild Flowers - British wildflower seed, plants, bulbs & orchids for your garden reallywildflowers.co.uk
We provide everything you’ll need to plan and create a beautiful wild flower garden or meadow.
- Information Architects Japan » iA Notebook » The 100% Easy-2-Read Standard informationarchitects.jp
- CSS techniques I use all the time | The Montoya Herald christianmontoya.com
- A List Apart: Articles: How to Grok Web Standards alistapart.com
For the visual designer, really understanding web standards means you’ll have to change the way you think about design.
- A List Apart: Articles: Whitespace alistapart.com
The space between major elements in a composition is “macro whitespace.” Micro whitespace, is [...] the space between smaller elements: between list items, between a caption and an image, or between words and letters.
- Styling form controls with CSS, revisited | 456 Berea Street 456bereastreet.com
224 screenshots showing the effects of various CSS rules applied to form controls.
- Adactio: Journal - New Year’s Resolution adactio.com
"The numbers clearly show that monitor sizes and resolutions are getting bigger. The most common interpretation of that is more and more people have bigger displays. But an equally valid interpretation of the numbers is the range of displays is bigger tha
- Microsoft takes email design back 5 years - Campaign Monitor Blog campaignmonitor.com
Outlook 2007, released next month, will stop using Internet Explorer to render HTML emails and instead use the crippled Microsoft Word rendering engine.
We are averse to using one of the most powerful features of XHTML: the ability to extend the nodes we use with customized, semantically meaningful attributes.
- 24 ways: Marking Up a Tag Cloud 24ways.org
The problem is, everyone’s doing it wrong.
- Showing Hyperlink Cues with CSS (Ask the CSS Guy) askthecssguy.com
...in IE7, Firefox, and Safari.
- Easy cross-browser transparency | Bite Size Standards bitesizestandards.com
There is an easier way; albeit at the expense of valid CSS.
- Easy Clearing: Even Bloody Easier Clearing thoughtballoon.co.uk
What we actually need is a selector that applies to everything immediately after our floated element, or its container. The W3C spec already has this element: the adjacent selector: A + B.
- Elastic layout - wrong term? » AlastairC alastairc.ac
There needs to be another term for font-based layouts. Also, there is a mistaken assumption about the accessibility of font-based layouts.
- CSS-Based Tables: Modern Solutions | Smashing Magazine smashingmagazine.com
Over 30 modern css-based techniques in a brief overview.
- A List Apart: Articles: Making Compact Forms More Accessible alistapart.com
Forms pose a series of usability and accessibility challenges, many of which are made more complex when you need to build a form to fit into a small space.
If we want to serve devices whose viewports range from 240 pixels to about 1680 pixels—and with resolution ranging from 72 to 150 pixels per inch—we need a new method.
This technique, CSS production notes, places your page production notes in one convenient place within an XHTML document and uses nothing more than meaningful markup and CSS.
- The easiest way to PNG support in IE6 at blog.bjorkoy.com blog.bjorkoy.com
Uses a .htc. Not ideal.
A PHP script which takes care of merging files on the fly whilst also versioning the merged file automatically as the various component files change.