Web Design Resources
Resource links for web designersCSS
- The Basics of CSS3
- You Can Use CSS3 Right Now
- CSS Border Radius
A simple, free online tool for providing border-radius markup. - Simulate Realism with CSS3
- You Can Use CSS3 Right Now
HTML
- The Future of Web Content – HTML5, Flash & Mobile Apps
A well-informed and reasoned explanation of the complex forces that will keep the HTML5 vs. Flash battle from resulting in an overwhelming victor any time soon. - 10 ways to make Internet Explorer act like a modern browser
A great list of techniques for making IE mimic the CSS3 and HTML5 features that are so helpful in all the other browsers. - Design and Build Email Newsletters Without Losing Your Mind …
HTML email is one of the uglier beasts in the web technology world; here's some tips to tame it, and some excellent examples. - How HTML5 Will Change the Way You Use the Web
- 160+ RSS Feeds For Web-Designers And Developers | Spyre Studios
Over 160 RSS Feeds that all Web Designers/Developers should be following. Feeds on programs like Photoshop, Illustrator as well as tutorials and webdesign sites of note.
Flash
- The Future of Web Content – HTML5, Flash & Mobile Apps
A well-informed and reasoned explanation of the complex forces that will keep the HTML5 vs. Flash battle from resulting in an overwhelming victor any time soon. - 10 Killer Flash Tips For Beginners | Tools
- The Most Creative Flash Preloaders of All Times | Flash Scope
- The Most Creative Flash Preloaders of All Times | Flash Scope
- Flashforward > Home
The conference for everythng about the software Flash.
JavaScript
- The Total Newbie’s Guide to jQuery: Select Elements and …
A good place to start if you're just learning jQuery. - 15 jQuery Plugins for Better Web Page Element Layouts
An interesting collection of jQuery plugins for handling challenging layout tasks, when CSS just isn't enough. - 50 Brilliant CSS3/JavaScript Coding Techniques
- jQuery Buzz - Latest jQuery news & resources
- Should You Use JavaScript Library CDNs?
The question of whether or not to use Google's CDN to load the jQuery library is more complex than you may think. This author thinks it's not a good idea.
Audio and Video
- Three Free & Easy Web Audio Players - O'Reilly Media
- 500+ Truly Useful Resources of Free High Quality Patterns
- AVSMedia. Best software for you on today's market. Subscribe …
Learn to use and try the powerful video conversion tool, AVS Video Tools. - Getting started with Windows Movie Maker - Windows Vista Help
Microsoft tutorial on learning to use the free Windows Movie Maker for Windows Vista. - Windows XP: Get started with Windows Movie Maker
Microsoft tutorial on learning to use the free Windows Movie Maker for Windows XP.
Color
- Color Theory for Designers, Part 1: The Meaning of Color
- How To Create A Color Palette From An Image Using Kuler
- Complete HTML True Color Chart
A printable color chart. - Web Color Chart - Hexadecimal - by VisiBone
A good basic printable color chart. - Colors, Color Schemes and Color Palettes with GenoPal PC/Mac
Find colors that work well to create specific moods, “Harmonious Colors.”
Typography
- leeky's Font-Stack-Tester
Bookmarklet that shows how a site looks without certain fonts installed. - 12 Killer Tips for Designing in the Browser
A nice assortment of tools and techniques for designing in HTML and CSS. - Web-safe Fonts | Web Typography | Speaking In Styles
- Browser Choice vs Font Rendering
- 40 Awesome Cartoon And Comic Fonts For Designers
Navigation
- The Case Against Vertical Navigation
- Creative and Unusual Layouts and Navigation Designs
- Building An Awesome Navigation Menu with jQuery: Part 1 | …
- Website Navigation Then and Now
A nice collection of nav bars from major sites, showing how they have changed over the past few years. - Horizontal Sub-nav with CSS & jQuery
Inspiration
- Five Minute Upgrade – Making Your Design Pop
- 12 Killer Tips for Designing in the Browser
A nice assortment of tools and techniques for designing in HTML and CSS. - Creative and Unusual Layouts and Navigation Designs
- Crayon Portraits | Fubiz™
- Artistic Vision: 15 Standouts in Graphic Design | WebUrbanist
SEO
- 10 questions to evaluate an SEO
- Understanding Your Ranking Position in Google
- 9 SEO Tips You’ve Probably Forgot About
Nine tips that are often forgotten about SEO. - 30 Web Design SEO Tips for Web Masters - Daily SEO blog
- BruceClay - Search Engine Optimization SEO Training, SEO …
Analytics
- 7 Tools You Should Be Using For Better Web Designs
Links to a nice assortment of tools, from heat maps to A/B testing and site monitoring. - A Guide to Google Analytics and Useful Tools | …
Advertising
Web Site Performance
- Should You Use JavaScript Library CDNs?
The question of whether or not to use Google's CDN to load the jQuery library is more complex than you may think. This author thinks it's not a good idea.
Graphic Design
- 50 Free UI and Web Design Wireframing Kits, Resources and …
- Realism in UI Design
A lucid description of why too little, or too much, detail makes icons less effective. - 12 Killer Tips for Designing in the Browser
A nice assortment of tools and techniques for designing in HTML and CSS. - How to Design Buttons to Help Improve Usability - Inspect Element
- 30 Stunning Graffiti Style Illustrations by Filipe Aguiar | …
Interaction Design
- Best Practices for Hints and Validation in Web Forms
- 7 Tools You Should Be Using For Better Web Designs
Links to a nice assortment of tools, from heat maps to A/B testing and site monitoring. - 50 Free UI and Web Design Wireframing Kits, Resources and …
- How to build a website for the iphone with orientation detection
- A Look into Registration Buttons in Web Design
A great collection of sign-up and buy buttons, along with guidelines for designing effective ones for your sites.
Usability
- 7 Tools You Should Be Using For Better Web Designs
Links to a nice assortment of tools, from heat maps to A/B testing and site monitoring. - A Look into Registration Buttons in Web Design
A great collection of sign-up and buy buttons, along with guidelines for designing effective ones for your sites. - The Principle of Proximity in Web Design
- Realism in UI Design
A lucid description of why too little, or too much, detail makes icons less effective. - Unmoderated, Remote Usability Testing: Good or Evil?
Making intelligent use of remote usability testing tools.
Browsers
- How to build a website for the iphone with orientation detection
- Mozilla Releases Firefox Mobile 1.0
- 10 ways to make Internet Explorer act like a modern browser
A great list of techniques for making IE mimic the CSS3 and HTML5 features that are so helpful in all the other browsers. - Walkthrough: Setup Multiple IE Virtual Machines On A Mac
- What does browser testing mean today?
Software
- 10 Big Time-Saving Tools for Web Designers
- Great Free Software for Web Designers
- 12 Killer Tips for Designing in the Browser
A nice assortment of tools and techniques for designing in HTML and CSS. - HubbleSite - Movie Theater
Selection of free movies for download in a variety of formats. - Midi Files
Lots of free MIDI sound files.
Photoshop
- 20 free Photoshop brushes packs for vintage designs
- How to Create Retro Art in Photoshop | Web Design Ledger
- Carsonified » Advanced Photoshop Techniques for Web …
- 12 Of The Best Photoshop Web Design Tutorials | Creative Nerds
- Showcase of Stylish Photoshop Actions | scarletbits.com
Illustrator
- Photo-Realistic Vectors from 10 Illustrators | 10Steps.SG
- 30 Illustrator Videos To Turn You Into An Expert | Creative Nerds
- How to Create a Wide Range of Custom Color Swatches in …
- Create a Vintage TV Set Icon in Adobe Illustrator | Cute …
- 30+ Remarkable Adobe Illustrator Tutorials | Tutorial Lounge
Icons
- The Best Icon Sets for Minimal Style Web Design
- Free Seamless Background Textures
- Fresh Free High-Quality Icon Sets « Smashing Magazine
- 75 Free Useful Icon Sets for Web Designers and Developers | …
- Web Designer Notebook » 20 Gorgeous Icon Sets That …
Templates
- Open Design Community - Download Free Web Design Templates - …
- Free CSS Templates - Templates.Ironmyers.com
- CSS Layout: A collection of 224 Grid and CSS Layouts
- Free Seamless Background Textures
Design Schools
Forms
Events
- Adobe MAX 2010
This is a conference for all Adobe fans, bringing together thousands of designers, developers and decision-makers under one roof. Connect with one another face-to-face or through the plethora of screens installed at the LA Convention Center. The 2009 event was a huge success with keynote talks from Adobe experts Ben Forta, Terry White and Greg Rewis. - flashbelt - a flash conference bringing together flash …
Flashbelt is for all lovers of Flash, from design students (who pay a lower entry fee) to Flash experts. This event is pretty informal (you’ll certainly see more attendees in jeans and T-shirts than shirts and ties here!), but the workshops are all highly educational. Attendees are often exposed to tools and apps of the future. - How Conference - Graphic Design is a Business as well as an Art!
Create, connect and communicate at the How Design Conference 2010. Debbie Millman, president of the design division at Sterling Brands and president of the AIGA, will be running a session on why we brand and why we buy. How’s workshops are designed to boost creativity and improve your competence across a range of design software. - WebVisions - Visionary Web Conference
The focus for WebVisions 2010, now in its 10th year, is web design, technology, business strategy and innovation. However, you can also expect workshops on web and mobile apps, user experience and video and motion graphics. This great event, which is fun as well as informative, is perfect for networking, with parties and gatherings aplenty over the weekend. - An Event Apart: The Design Conference For People Who Make Web …
With 14 sessions spread over this two-day conference, you’ll learn about code and content, as well as usability and design. Keynote speakers at this fantastic event include Eric Meyer, one of the founding fathers of CSS, and Jeffrey Zeldman, author of Designing With Web Standards and owner of web design studio, Happy Cog.
CSS
HTML
JavaScript
Typography
Navigation
Bulletproof Web Design
Improving flexibility and protecting against worst-case scenarios with XHTML and CSS
Inspiration
SEO
Web Site Performance
Graphic Design
Usability
RSS
Photoshop
© 2009 Webvanta, Inc. All Rights Reserved.