Home
Maggie Wolfe Riley's Library tagged → View Popular
Fyrdility » Blog Archive » Ready for use: CSS3 Template Layout
As shown in Eric Meyer's "Javascript will save us all" talk at An Event Apart 2009 - this is the "ascii art" CSS layout template tool. JQuery plugin.
The myth of the page fold: evidence from user testing | cxpartners
"As web professionals, we all know that the concept of the page fold being an impenetrable barrier for users is a myth. Over the last 6 years we’ve watched over 800 user testing sessions between us and on only 3 occasions have we seen the page fold as a barrier to users getting to the content they want.
In this article we’re going to break down the page fold myth and give some tips to ensure content below the fold gets seen."
20 Tips for a Better Kitchen
Some good tips - most of which are obvious, but some useful guidelines like how much space to allow for different things and numbers of people using the kitchen at once.
Why Your Next Website Should be Designed with Wireframes | Build Internet!
I keep hearing about wireframes, and this article explains what they are and how to use them very clearly. Now I get it!
-
Laying out a site in simplest terms makes focusing on the usability intuitive.
All About Floats | CSS-Tricks
Yet another great article from CSS Tricks - floats very nicely and simply explained. I remember having trouble with these when I was learning (and, ok, occasionally I still have float issues - ha) so I think this is a very helpful article for new CSS designers.
5 Sickening Habits of Mainstream Websites
Oh man I TOTALLY agree with #1 - I hate being forced to click for multiple page articles like that - what a waste of my time. I live in a rural area and don't have the fastest internet - waiting for each new page to load makes me more and more frustrated and less and less likely to finish the article. At the very least, offer a "view on one page" option like some sites do. On some sites, I've used the print version to view articles on one page and not interrupt my reading, but not all sites work that way, either. Please - just stop with the gratuitous multiple pages people!
The CSS Overflow Property
Basic explanation of property, uses, quirks and bugs.
What is Vertical Align?
A nice reference for how vertical-align works and on which elements it works.
Layout Packs
...a couple of common multi-column fluid-width layout styles that are notoriously quirky with CSS.
Guide to Redesigning Your Kitchen
Very useful guide with measurements and clearances needed around appliances, tables, etc.
-
A mud room can reduce kitchen traffic by acting as a staging area for
trips into and out of the house. It offers a buffer from cold air,
storage space for coats, hats and boots and even pantry shelves for
items you won't be using immediately. Taking all this activity out of the kitchen provides more room for cooking and eating, which are, after all, a kitchen's main events. -
To function well, the sink, cook top and refrigerator each need to be surrounded with a certain amount of floor and counter space. The refrigerator door needs a clear swing and, if possible, enough room for two people to reach in simultaneously. The doors of any cabinets around the fridge should not conflict with its door. And the refrigerator also needs an 18-inch run of counter as a staging area for foods going into or coming out of it.
- 5 more annotations...
Prevent Menu "Stepdown"
This is simple a explanation and solution for when floated elements stepdown instead of floating nicely next to each other. It's one of those little issues I seem to always have to figure out how to fix over and over again - it's not hard, and I always figure it out, but this will help me remember!
In the Woods - 15 CSS Tricks That Must be Learned
Good compilation - I do most of these things, but some I am always forgetting, so it will be nice to have them in one place to look up!
24 ways: The First Tool You Reach For (CSS Tables)
Wow - I had no idea you could do this! this sounds much simpler than the way I learned to do multi-column layouts with floats. CSS Tables. IE8 now makes it cross-browser. interesting! Nice solid layouts yet accessible by screenreaders.
Selected Tags
Related Tags
Sponsored Links
Top Contributors
Groups interested in layout
-
Typography
All about my passion for cl...
Items: 2 | Visits: 87
Created by: Bert Deckers
-
CSS: Techniques, Tips and Tactics
A list to support the Netsk...
Items: 29 | Visits: 124
Created by: Will Allen
-
WebKit and the Future of the Open Web
WebKit is an advanced HTML-...
Items: 20 | Visits: 104
Created by: Gary Edwards
Highlighter, Sticky notes, Tagging, Groups and Network: integrated suite dramatically boosting research productivity. Learn more »
Join Diigo