Links
These links have been usefull resources for learning and developing in CSS and XHTML, with web standards in mind. Also, there are additional links regarding creativity and the web design process. I hope they may be of use, enjoy!
Link Categories
CSS
- CSS Properties - HTML Dog
- CSS Shorthand Guide
- The order of link pseudo-classes matters
- How to Create a Block Hover Effect for a List of Links
- Clickable Link Backgrounds
- Rounded Nav Tabs - Sliding Doors
- Glowing Tabs Menu - Sliding Doors
- Single image tabs with three state rollover
- Navigation Matrix Reloaded
- Lists - Listamatic
- Create a Slick Tabbed Content Area using CSS & jQuery
- A CSS styled table
- Designing Tables for Usability
- CSS Table Gallery
- How to: CSS Large Background
- Trimming Firefox Link Outlines
- Link Order Specificity
- CSS Rounded Corners 'Roundup'
- CSS Liquid Round Corners
- CSS and Round Corners: Build Accessible Menu Tabs
- Pure CSS Rounded Corners
- Creating and Styling Resizable Buttons
- Bulletproof shrinkwrapping buttons
- Simple Round CSS Links ( Wii Buttons )
- CSS Library Links & Buttons
- Push my button
- How to make sexy buttons with CSS
- Rediscovering the Button Element
- Anchor Buttons
- 10 best CSS hacks
- jQuery PNG Fix for IE
- Jquery IE6 png transperency fix
- 5 Easy Ways to Tackle IE6s Transparency Issues
- CSS PNG Image Fix for IE
- The Different Techniques for Applying the PNG Hack
- The easiest way to PNG support in IE6
- Creating Sexy Stylesheets
- Selectors - Selectutorial
- CSS 2.1 selectors
- sIFR Tutorial: Use Your Own Fonts
- Font Size - The 62.5% Method
- 10 Examples of Beautiful CSS Typography
- CSS Typography: Contrast Techniques, Tutorials and Best Practices
- Introduction to CSS3
- Starting with CSS and bug fixing tips
- Targeting IE 5.x, 6 and 7 Separately
- CSS Browser Hacks For Firefox, Opera, Safari & Internet Explorer
- max-width in Internet Explorer
- Styling the <hr> element
CSS Layout
- CSS Layouts
- Layout Gala
- Max Design: Sample CSS Page Layouts
- CSS Easy
- Dynamic Drive CSS Layouts
- One clean HTML markup, many layouts
- ___layouts
- Strictly CSS - The only CSS layout you need
- Yaml Layout Builder
- Yahoo Grid Builder
- Gridding the 960
- 960 Grid System Demo
- Prototyping With The Grid 960 CSS Framework
- The Grid System Resources
- Experiments with wide images (Problems with liquid layouts)
- Images in liquid columns (Problems with liquid layouts)
- Liquid images and form elements example (Problems with liquid layouts)
- Liquid layouts using CSS - the joy, the pain, the tears (Problems with liquid layouts)
- CSS Liquid Resources - Need help with liquid design
- Negative Margins For Positioning - Simple Bits
- CSS Positioning - Box Model
- Understanding CSS Positioning
- Centering - Simple Bits
- Easy Vertical Centering with CSS
- Vertical Centering in CSS
- CSS Centering - fun for all!
- Floats - Floatutorial
- Clear Floats with out Structure
- In search of the One True Layout
- CSS Frames
- Simple Clearing of Floats
- Clearance
- Absolute Clearance
- CSS Layout - Everything you Know is Wrong!
- footerStickAlt
- CSS Sticky Footer
XHTML
- HTML Elements Index
- Entifyr - Converts character into entities
- HTML Elements Index
- Doctype Declarations and Content-Type Headers
- Five XHTML Elements You Didn't Know But Were Afraid to Ask
- Test Form Elements
- Designing Data Part 1: Table structure
- kotatsu - build tables online and apply classes
- Markup Guide
- Definition lists - misused or misunderstood?
- postable - make code friendly
CSS Framework
CSS XHTML For Beginners
- CSS Based Design
- CSS Beginner Tutorial
- CSS from the Ground Up
- HTML Beginner Tutorial
- Bulletproof HTML: 37 Steps to Perfect Markup
- A List Apart Primer Resources
- W3Schools
- 6 Keys to Understanding Modern CSS-based Layouts
- The Learn List - Tutorials
- Creating a CSS layout from scratch
- Opera Web Standards Curriculum
- From PSD to HTML, Building a Set of Website Designs Step by Step
- How to Convert a PSD to XHTML
CSS General Resources
- Ten CSS Tricks
- 50 Extremely Useful And Powerful CSS Tools
- Dynamic Drive CSS Library
- Ten More CSS Tricks - Disappearing images in IE
- 53 CSS Techniques You Couldn't Live Without
- What CSS Did We Learn in 2007
- CSS Help Pile
- 70 Expert Ideas For Better CSS Coding
- The Web Designers Tool Kit
- StyleIgnite
- 20 CSS Tips and Tricks
- 10 Principles of the CSS Masters
- CSS Play - Experiments with CSS
- How to Get Cross Browser Compatibility Every Time
Web Design
- Vector Graphics
- Wicked and Worn Look
- Grunge Style In Modern Web Design
- 8 Ideas, Techniques & Tricks for your Web Design Toolkit
- Five Looks, One Layout: How to Develop a Library of Web Design Styles at Your Fingertips
- BestWebGallery
- How a Simple Layout Can Be Mixed n Matched with Patterns, Photos and Backgrounds
- 50+ Gorgeous Navigation Menus
- 50 Gorgeous Navigation Menus - Part 2
- Awesome Photoshop Vector Style Poster Design
- 50 Great Photoshop Tutorials for Clever Beginners
- 60 Most Wanted Photoshop Tutorials, Brushes, .PSDs and Resources
- 50 Must-Have Photoshop Brushes
- Photoshop Brushes
- The Ultimate Collection Of Useful Photoshop Actions
- Striped Background Generator
- 30+ Useful Resources for Improving Your Photoshop Efficiency
- 80 Beautiful Typefaces For Professional Design
- 25 Best Free Quality Fonts
- 104 Free Fonts for Web Designers and Logo Artists
- The Elements of Typographic Style Applied to the Web
- The Next Big Thing in Online Type
- Five simple steps to better typography
- Typetester - Compare Screen Type
- TYPECHART - Browse Web type, grabb CSS
- csstypeset
- The non-typographer's guide to practical typeface selection
- Typefaces no one gets fired for using
- sIFR 2.0: Rich Accessible Typography for the Masses
- Multi-color sFIR
- THIS IS HOW YOU GET SIFR TO WORK
- Logo Type and Examples
- Design Inspiration - websites, logos and icons
- Best Brands of The World - Vector Logos
- Pattern Tap - Web Design Patterns
- FaveUp: Design Inspiration (Logo, Business Cards)
- Inspiration Package: 60+ Usable & Elegant Designs
- IconFinder
- IconBase
- Every Stock Photo
- Free! Icons
- FamFamFam Silk Icons
- Dry Icons and Graphics
- Fugue Icons
- 35 (Really) Incredible Free Icon Sets
- 55 Free High Quality Icon Sets
- Stock Icons: An Overview
- Icojoy Stock Icons
- Delicious icons - Stock
- Color - Kuler Adobe
- colorschemer
- Color Blender
- COLOURlovers
- Get the Look - Color Combos
- Color Hunter
- Color Conversion
- Vector Magic - Precision Vectorization Online
- Woofoo - Hosted Web Forms
- Uni-Form - CSS Standardized Forms
- Form Field Hints
- Online Database
- BgPatterns - Background Patterns
- AVA 7 Patterns - Background Patterns
- Squidfingers - Background Patterns
- How a Turn a Texture into a Seamlessly Tiled Background
- Contrast and Meaning
- Quarkbase - everything about a website
- How to Theme any CMS Using Firebug (and MediaWiki as an Example)
Web Design Process
- Overcoming blankcanvasphobia
- Gridding the 960
- Grey Box Methodology
- Don't start with the home page
- 25 Ways To Improve Your Site Today
- 25 Ways To Improve Your Site In 5 Minutes
- Epicenter software design: Building features from the inside out
- Web Site Development Workflow
- Designing For Clients Made Easy
- One Way to Design a Web Site
- Web Design Workflow - Complete Overview
- Embrace Pet Insurance Process
- A Design Process Revealed
- 4 Steps To Optimize Your Design Workflow
- 9 Information Design Tips to Make You a Better Web Designer
- Easing The Path from Design to Development
- Flexible Fuel: Educating the Client on IA
- Design Description Documents
- PDF Prototypes
- An all-around better Lorem experience.
- Advantages Of Local Clients
- Concept Share
- Blinksale - Online Invoices
- Tick - Track time - Hit budgets
- Jumchart - Nice and Tidy Website Planning
- 5 Skills That Boost Your Design Career
- Nine Factors to Consider When Determining Your Price
- Describes a sample project process from beginning to end
- Discovery Design Questions
Web Dev General Resources
Javascript
- ie7-js A JavaScript library to make MSIE behave like a standards-compliant browser
- Popup Window
- Sweet Titles - Fading Tooltips
- Tooltip Boxover
- Tooltip qTtip
- Tooltip Bubble
- Tooltip HoverHelp
- prototip
- 30+ Tooltips Scripts With JavaScript, Ajax & CSS
- MiniAjax - DHTML and AJAX UI
- Ajax Daddy - UI Demo Collection
- Table Row Hover
- Table Cloth - Table Row Col Hover
- List Expander
- Expand Collapse Animated DIV
- Coda Content Slider
- LightWindow v2.0
- Phatfusion Lightbox
- Litebox
- Lightview
- Slide Show Couloir
- Fancy File Upload - MooTools
- Moo.fx - JS Effects
- MooTools
- Scriptaculous - JS Library
- UI Control Suite - Protoype
- Tabtastic
- Using Javascript to Fix 12 Common Browser Headaches
- NETTUTS Javascript & AJAX
- Javascript (jQuery and more) in Modern Web Design
- jQuery - 15 Resources To Get You Started From Scratch
- jQuery - JS Library
- jQuery - Learning jQuery
- jQuery - Visual jQuery (Reference)
- jQuery - Cheat Sheet
- jQuery - UI
- jQuery and JavaScript Coding: Examples and Best Practices
- jQuery Tutorials for Designers
- jQuery - Build An Incredible Sliding Login Form
- jQuery - How to Load In and Animate Content
- jQuery - Use To Retrieve Data From An XML File
- jQuery - Slideshow: s3Slider
- jQuery - Easy Slider
- jQuery - Slideshow: GALLERIA
- jQuery InnerFade
- jQuery - Image Cross Fade Transition
- jQuery Fancy Zoom
- 5 JavaScript Tricks Made Easy with jQuery
- Easiest Tooltip and Image Preview Using jQuery
- jQuery - Create simple tooltips
- jQuery custom selectboxes
- jQuery Hover Image Text
- jQuery Lightbox
- jQuery Lightbox plugin
- jQuery - Modalbox
- jQuery - facebox
- jQuery - Simple Overlay Box
- jQuery - Superfish Flyout Menus
- jQuery - CSS Sprites2 - It's JavaScript Time
- jQuery - Tabs
- jQuery - File Tree
- jQuery - Table Sorter
- jQuery examples - wpcoda
- jQuery - Image Loading
- jQuery - Automatically Preload images from CSS
- jQuery - Preloading Images with jQuery
- jQuery - BlockUI Plugin (overlay)
- jQuery Sifr Plugin
Usablility
- Alertbox: Current Issues in Web Usability
- 30 Usability Issues To Be Aware Of
- 10 Usability Nightmares You Should Be Aware Of
- 10 Principles Of Effective Web Design
- Five More Principles Of Effective Web Design
- 7 Essential Guidelines For Functional Design
- Strategic Design: 6 Steps For Building Successful Websites
- Clean Cutting-edge UI Design
- Evolve Your User Interface To Educate Your Users
- The Elements of User Experience
- User Interface Design Patterns
- Designing Web Interfaces - 30 Essential Controls
- Designing Web Interfaces - 6 Design Principles for Design Patterns Best Practices
- Experience design and information architecture resources
- User-Centered Information Design
- User-Centered Design
- User-Centered Design principles
- User-Centered Design process
- Design and Usability
- Gorilla Usability
- SxSW: Blogging Jeffrey Veen
- Fast and Simple Usability Testing
Books and Job Boards
- CSS Mastery: Advanced Web Standards Solutions
- Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS
- Web Standards Solutions: The Markup and Style Handbook
- DOM Scripting: Web Design with JavaScript and the Document Object Model
- Don't Make Me Think: A Common Sense Approach to Web Usability
- Defensive Design for the Web: How to improve error messages, help, forms, and other crisis points
- Web ReDesign 2.0: Workflow that Works
- Getting Real: The smarter, faster easier way to build a successful web application
- Free eBooks to Help Grow Your Studio
- Authentic Jobs
- Design Jobs on the Wall
- Smashing Jobs
- Freelance Switch Job Board
- 37signals Job and Gig Board
- Elance
- Krop Creative and Tech Jobs
- Elance