CSS
Get flash to fully experience Pearltrees
css3
CSS is almost certainly one of the best developments in web design since the first graphical web browsers were adopted on a wide scale. Where tables created clunky, slow-loading pages, CSS created much more streamlined and usable web pages. Plus, CSS has allowed designers to achieve a number of different styles that used to only be possible with images.
50 New CSS Techniques For Your Next Web Design - Smashing Magazine
Less Framework is a cross-device CSS grid system based on using inline media queries. The idea is to first create a default layout normally, and then additional layouts using inline media queries. Any browsers incompatible with media queries will simply ignore all the additional layouts, and will only use the default one. The additional layouts will inherit any styles given to the default layout, so coding them is a breeze. All four of the layouts included in Less Framework share a common column-width and gutter-width, which makes it easy to design them consistently.
Grid System Generator
Safari is one of those tricky browsers that aren’t the most cooperative but there aren’t many hacks for it that will work. Unlike IE that allows you to target the browser directly easily, Safari doesn’t offer that solution within XHTML. I could only come up with 2 ways to use CSS hacks or tricks for Safari specifically.
CSS Hack:Getting Safari to behave | Dustin Brewer Web Design
How To Create an IE-Only Stylesheet | CSS-Tricks
This article has been updated from an older version (originally Sept 24, 2007). I just wanted to expand it and make it more clear. If you read this blog, there is a 99% chance you've had a hair-pulling experience with IE. But if you are worth your salt as a CSS coder, you should be able to deal with it. I am of the opinion that you can handle anything IE can throw at you without the use of hacks.What is this about? The CSS Table Gallery is a showcase of how CSS and data tables can work together to create usable and pretty results. Every once in a while there are emails on discussion lists asking for nicely designed tables and they are prone to go off-topic and ending in a holy war why tables are bad and why you shouldn't use them. Basically the thread/email that gave me the idea was this request on the evolt list . Well, there are legitimate uses for tables, for tabular data they are the best solution, as - properly marked up - they structure the data for the visual user and make it easy to follow for blind visitors or those using user agents without table rendering.
Data Tables and Cascading Style Sheets Gallery
Blueprint: A CSS Framework | Spend your time innovating, not replicating
Blueprint is a CSS framework , which aims to cut down on your development time. It gives you a solid foundation to build your project on top of, with an easy-to-use grid, sensible typography, useful plugins, and even a stylesheet for printing.inuit.css is built to work on smaller screens (such as tablets) and tiny screens (such as phones) straight out of the box with minimal effort. Most frameworks require that you apply class="end" to the last grid in a row in order to remove its margin-right and stop things breaking, thus: Not with inuit.css.
Typogridphy — A Typographical and Grid Layout CSS Framework From Harry Roberts of CSS Wizardry
960 Grid System
Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub . Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem.
CSS
A demonstration of what can be accomplished visually through CSS -based design. Select any style sheet from the list to load it into this page. Today, we must clear the mind of past practices. Web enlightenment has been achieved thanks to the tireless efforts of folk like the W3C , WaSP and the major browser creators. The css Zen Garden invites you to relax and meditate on the important lessons of the masters.
css Zen Garden: The Beauty in CSS Design
So here's the first caveat: we're going to lean on jQuery to make this happen. jQuery is a maturing JavaScript library that does the same neat stuff as all the other JavaScript libraries, and it has an additional advantage that lends itself particularly well to extending CSS Sprites: jQuery allows us to select elements on a page using a CSS-like syntax that we already know. We must note the non-trivial extra kilobytes that the library will add to your initial page loads. An external JavaScript file is cacheable, of course, so it's a one-time-only hit the first time a user comes to your site.
A List Apart: Articles: CSS Sprites2 - It’s JavaScript Time
Labs - Spry framework for Ajax
There are many ways to participate in the Spry community including the Online Forums, Developers Center and LiveDocs. You can access these items and additional references such as the Spry Blog on the Spry Home Page . What is the Spry framework?Percoidei Remoras Tilefishes Bluefishes Tigerfishes Anabantoidei Climbing perches Labyrinthfishes Kissing gouramis Pike-heads Giant gouramis Note that you need to specify a width in the #nav li selector or else Opera will chuck a wobbly. Also remember that because we're floating things, the content underneath the dropdowns also needs to be cleared ( clear: left ). We obviously need to hide the lists that we want to 'drop down' but to make things as accessible as possible we need to avoid using display: none , which, as is commonly mentioned in image replacement write-ups, hides elements from some screen readers. You might think that there are a multitude of ways to deal with this, but having exhaustedly experimented with widths, heights, margins, top and clip across a large number of browsers, the best solution (accommodating multiple level lists anyway) lies in manipulating the left property.
Son of Suckerfish Dropdowns | HTML Dog
Topics include: techniques for page-layout and special display-effects, testing and validation, workarounds for limitations and bugs, CSS code-editors, beginner and advanced tutorials, and to a lesser extent pure CSS theory, and pure CSS power-demonstrations. Discourse on (X)HTML, DOM, and other webpage- technology areas is not forbidden, but keeping it associated with CSS is encouraged. When the list is misbehaving, notify css-d-(nospam)owner@lists.(killspammers)css-discuss.org. Please use cautiously and modify as needed for use by removing the parenthetical bits in that address.