The following URL’s are basic tutorials for creating divs and columns using css:
- [lots of css stuff and good tutorials] maxdesign
- [basic two column] 456bereastreet.com
- [basic two column] http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/
- [basic multi column] http://matthewjamestaylor.com
- [basic multi column] http://matthewjamestaylor.com/blog/perfect-3-column.htm
- [intermediate] http://www.karmawizard.com
- [intermediate] http://www.karmawizard.com/courses/?c=3
- [advanced using scripts] http://www.projectseven.com
- [advanced using scripts] http://www.projectseven.com/tutorials/css/pvii_columns/index.htm
column inspiration
OTHER RESOURCES AND TUTORIALS
- maxdesign
- Fontsy Free Fonts
- web design ledger
- web designer wall
- Hexadecimal color chart
- Lynda Video Tutorials
- Mogo media Dreamweaver Resources
- Utube Video Tutorial
- i love typography
- css menus
- css navigation lists
- css buttons
- listamatic
- css=tricks
- color pallette-generator
- css drives - menu designs
- design shack-menu designs
- design mania-web gallery
- webdesignerwall
- flash gallery tutorial
- flash menu tutorial
- speckyboy.com
- creating forms from speckyboy
- as3 tutorials
- favicon generator
Possible sources for images
- Veer:
- iStock Photo
- Morgue File:
- Stock Xchange
- Stock Vault
- iStock Pro
- Open Photo
- Getty Images
- Index Stock Imagery
- Absolute Vision
HTML and CSS for Prototyping
- http://lesliefranke.com/files/reference/htmlcheatsheet.html
- http://lesliefranke.com/files/reference/csscheatsheet.html
- http://www.addedbytes.com/cheat-sheets/css-cheat-sheet/
resources inspiration
BEST WEB DESIGN RESOURCES FROM JAMIECAVANAUGH.COM
Articles
- Five Things Interaction Design Probably Isn’t
- The Role of Flow in Web Design
- Fitts’s Law Applied to the Web
- The future of wireframes?
- How to size text using ems
Blogs
- Adaptive Path
- A List Apart
- Core 77
- Designer Depot
- Design Informer
- Flash Den
- Flashtuts
- Nettuts
- SitePoint
- Smashing Magazine
- WebDesignerWall
- The Biggest List of Graphic Design Blogs
Browsers
- Resolution sizes
- Mozilla Firefox
- ColorZilla (https://addons.mozilla.org/en-US/firefox/addon/271)
- MeasureIt (https://addons.mozilla.org/en-US/firefox/addon/539)
Coding
Content Management System
CSS
- CSS Cheat Sheet
- 20 CSS Short Hands You’ll Love
- List of Really Useful Tools for CSS Developers
- Web Design 101: Backgrounds
- Web Design 101: Positioning
- Web Design 101: Floats
- SitePoint CSS Reference
- CSS Properties and Values
- How to Size Text in CSS
- Multi-Column Layouts Climb Out of the Box
Design Process
- Product Concept: Touchscreen Conference Phone
- Redesigning the Expression Engine Site
- Design Review Check sheets
Flash
- ActionScript 3 Tutorials
- Does Flash irk me? by Veerle Pieter
- Flash tutorials for creating visual experiences
History
- History of Visual Communication: The Computer
- Computer History Museum: Internet History 1962-1992
- History of GUI (Graphical User Interface)
- Operating System Interface Design Between 1981-2009
HTML/editors
- TextEdit
- TextWrangler
- BBEdit
- Dreamweaver
- HTML Cheat Sheet
- SitePoint HTML Reference
- (X)HTML Elements and Attributes
Information Architecture
- Overview of Information Architecture
- Experience design & information architecture resources
- The Information Architecture Institute’s IA tools
- Sitemaps: Shape Library (Illustrator EPS file)
- (Eric Turner’s quick reference guide is an easy one-page description of all the shapes & elements. And Scott Larson created this handy cheatsheet for quick reference to the various conditional elements.)
Interaction Design
Interface Design
Mobile
Online Magazine
People
- Alan Cooper
- Brendan Dawes
- John Maeda
- Eric A. Meyer
- Bill Moggridge
- Veerle Pieters
- Dan Saffer
- Nathan Shedroff
- Jason Santa Maria
- Khoi Vinh
- Jeffrey Zeldman
Prototyping
- Flairbuilder
- Wireframe Template for Illustrator
- Sketches, Wireframes & CSS
- iPlotz: Wireframing, Mockups & Prototyping for Websites and Applications
- Omnigraffle
- Fireworks
- Dreamweaver
- Flash
- Brendan Dawes: Sketches & Doodles
RSS feeds
- RSS Tutorial
- Yahoo Pipes
- Netvibes
- Google Reader
- Bloglines
- 127 RSS Feeds Designers Should Subscribe To
Scripts
Social Media
Studios/agency
User Experience
Web
- Designers Toolbox
- FormLogix: Online form builder tool
- The Motive Web Design Glossary
- Web typography
- CSS Zen Garden
- Web Style Guide
WordPress
2011/05/31 at 11:46 PM
[...] Divs and columns using CSS /tutorial /best resources « Max StudioMarch 18, 2010 — max macapagal … About Max Macapagal … BEST WEB DESIGN RESOURCES FROM JAMIECAVANAUGH.COM… [...]