Mike Davidson Page Layout About the CSS Layout Generator The CSS Layout Generator was first released by Tony Aslett in October 2003, since then over 871,000 layouts have been generated. Updated in November 2010, HTML5 doctype can now be selected and a simple HTML5 template with appropriate tags will be created. Other HTML and XHTML doctypes are still available. The generator helps you create the structure of your website template using valid HTML and CSS. You can create a fluid or fixed width floated column layout, with up to 3 columns and with header and footer. The generator requires a modern DOM capable browser with JavaScript enabled. Instructions To create your layout select the structural elements your site requires (header, footer, columns). Info popups are available where you see InfoMore info example :) icon, just hover over it for more information. Join the CSS Forum to suggest changes or ask for help where needed. Author: Tony Aslett
30 Exceptional CSS Techniques and Examples | Six Revisions In this article, I’ve pieced together 30 excellent CSS techniques and examples that showcases the capabilities and robustness of CSS. You’ll see a variety of techniques such as image galleries, drop shadows, scalable buttons, menus, and more – all using only CSS and HTML. Clicking on the title will direct you to the documentation/tutorial, while clicking on the accompanying image will direct you to the demo page if it’s separate from the documentation. 1. Hoverbox Image Gallery A pure css-based gallery; hovering over an image enlarges it. 2. A creative and complex navigation scheme. 3. An accordion effect; hovering over an image expands it. 4. Part of an article entitled "Supercharge your image borders" showcasing how you can use CSS styles to make images look more interesting. 5. Aan image effect demo and discussion based on a A List Apart article entitled, "CSS Drop shadows". 6. Hovering over the tabs changes the category, while hovering over an image enlarges it. 7. 8. 9. 10. whatever: hover
Fiftyfoureleven.com Web Development Resources and Weblog Essential bookmarks for web designers and web developers The project 'Essential bookmarks for web-designers and web-developers', previously updated on this page, has a new url ( a new design, a new hierarchical structure and, of course, new web-dev-resources. The reason for changing the basic concept of this project was a huge number of suggestions and links, which have overflooded my mailbox recently. Over the last few days, a new project was created and updated. The old version (which also will be updated in future) is still available on the page "Bookmarks: Maxi edition". Please update your bookmarks! How did it begin? This page is actualized once a week. This list was created with the help of many web designers and enthusiasts from Germany and United States, but mostly it was created by myself. Thanks!
24 Great Niche Galleries | Most Inspired Blog CSS galleries can be a great source of inspiration, but if you’re looking for something in particular they can be a bit of a nightmare. They can also be a little repetitive, you’ll often find the same design repeated on many of the galleries. Since niche galleries have a tighter focus it allows them to be more detailed when adding sites to the gallery, and although they don’t update as often the quality usually makes up for it. This is not to say the general galleries are going away, they provide a steady steam of inspiration, but when you’re looking for something in particular niche is nicer. Below you’ll find a list of niche galleries, that focus on things from color schemes, to layout, and specific content types. Color Schemes Light On Light on Dark is a showcase of well designed & coded web sites with light text on a dark background. Online since January 2006, with approximately 1,000 items of inspiration. CSS Layout Content Size
CSS Remix Eric Meyer: CSS CSS Work Books by Eric Including Smashing CSS, CSS: The Definitive Guide, Third Edition, CSS Pocket Reference, and Cascading Style Sheets 2.0 Programmer’s Reference, among several others. Articles by Eric Local copies of CSS articles, as well as other writing I've done. Inline model document A terse, but hopefully complete, description of how the CSS inline box model really works. Color equivalents table All 147 SVG-derived color keywords permitted in CSS3 in a sortable table showing the keywords with their equivalents in both hexadecimal notations, both (non-alpha) RGB notations, and non-alpha HSL. CSS Module Timelines A visualization of the activity of the CSS Working Group by plotting draft publication dates and W3C statuses over time. CSS Module Editors Leaderboard A bit of a goof wherein I score the editors of various CSS modules and present the results as a leaderboard. CSS Tests A fairly large collection of test files I’ve accumulated over the years. W3C CSS2 Test Suite Prototyping Offsite