System fonts for Web

http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html

Advertisements
Posted in Uncategorized | Leave a comment

Fluid Grid

Here’s a pretty in-depth look at creating a fluid grid, i.e., a grid that will resize with the browser. There are some other methods, using the @screen method that we can cover as well, but this should be the next logical step from floats or absolute positioning.

http://www.alistapart.com/articles/fluidgrids/

This article takes the idea of fluid grids and advances it somewhat with a few tweaks for other layout issues:

http://www.smashingmagazine.com/2009/06/09/smart-fixes-for-fluid-layouts/

I make this last post with some reservations – yes, there are grid generators out there and pre-built layouts, worth having in your toolbox, but you need to know how to do it from scratch:

http://speckyboy.com/2010/05/30/liquid-fluid-and-elastic-layout-templates-tools-and-frameworks/

And another roundup of the same sort of stuff:

http://www.webdesigntoolslist.com/2009/07/webmastertools/roundup-of-css-grid-generators-css-grid-layout-generators/

Posted in Uncategorized | Leave a comment

All About Floats

Great summary on float methods.

http://css-tricks.com/all-about-floats/

Posted in Uncategorized | Leave a comment

Float… center??

http://css-tricks.com/float-center/

Interesting little trick to have an image centered with text wrapping on both sides.

Posted in Uncategorized | Leave a comment

Development Cheat Sheets

Thought this was handy to print out and keep on hand…

http://www.tripwiremagazine.com/2009/06/front-end-web-developers-toolbox.html

Posted in Uncategorized | Leave a comment

CSS3 Round up of Techniques and Cool Stuff

http://www.smashingmagazine.com/2011/04/18/powerful-new-css-techniques-and-tools/

Posted in Uncategorized | Leave a comment

Nice little tutorials on positioning

http://www.alistapart.com/articles/css-floats-101/

http://www.alistapart.com/articles/css-positioning-101/

Posted in Uncategorized | 1 Comment