Web Design Resources
Resource links for web designersHTML
- HTML/XHTML Compatibility Authoring Guidelines
- How JavaScript will lead the way to open video
- 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.
HTML5
- Royalty-free H.264 may clear way for HTML5 standard
- MPEG LA’s AVC License Will Not Charge Royalties for Internet …
- HTML5 Reset
- HTML5 Boilerplate - A rock-solid default for HTML5 awesome.
- HTML5 Video
CSS
- Which email clients support CSS3?
- Everything you Know about Clearfix is Wrong
- iPad Orientation CSS
- CSS Specificity And Inheritance
- The Right Frame of Mind: Applying the Lessons of CSS Frameworks
CSS 3
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.
Audio and Video
- Royalty-free H.264 may clear way for HTML5 standard
- MPEG LA’s AVC License Will Not Charge Royalties for Internet …
- HTML5 Video
- BBC: HTML5 ‘Starting to Sail Off-Course’
- HTML5 video player in CSS with Silverlight and Flash : …
JavaScript
- jQuery Project
- jQuery UI
- jQuery Project
- Spicing Up Your Website With jQuery Goodness
- Coin Slider: jQuery Image Slider Plugin with Unique Effects
Color
- Pictaculous - A Color Palette Generator
Generate color palettes from an uploaded image. - 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.
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
Typography on the Web
- @font-face gotchas
- 8 Faces
A beautiful bi-annual magazine for folks who are passionate about typography. Offered in a limited-edition print run and also as a PDF.
- Typographic Design Patterns and Best Practices
- Font Squirrel | Download Hundreds of Free @font-face Fonts
- Font Squirrel | Create Your Own @font-face Kits
A free service that converts an OpenType or TrueType font into the variety of font formats needed for the web, and provides the CSS to invoke them.
Inspiration
- Emotional Interface Design: The Gateway to Passionate Users
- The Art of the Web Background
- 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
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 | …
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 …
Advertising
Web Site Performance
- Techniques for Squeezing Images for All They’re Worth
- 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
- The Art of the Web Background
- Designing for the Web
Read it online for free or download a PDF for a small fee. - 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.
Usability
- Scrolling and Attention
The question of how much information can go "below the fold" on a web page is one that is widely debated. This article presents some strong opinions that are firmly rooted in a lot of analysis of actual behavior. - 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.
Interaction Design
- Designing for the Web
Read it online for free or download a PDF for a small fee. - 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
RSS
Browsers
- Browser Testing: A Family Tree
- IEBlog : An Early Look At IE9 for Developers
- 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.
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
- DEFAULT iCON ::: Free Elegant 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 | …
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.
Information Architecture
- Boxes and Arrows: The design behind the design
“Boxes and Arrows is devoted to the practice, innovation, and discussion of design; including graphic design, interaction design, information architecture and the design of business. Since 2001, it’s been a peer-written journal promoting contributors who want to provoke thinking, push limits, and teach a few things along the way.”
Content Management Systems
Hosted CMS
Landing page design
- The Art of Landing Page Persuasion: Better Results, Higher …
You'll need to register (free) to see this video but it is well worth it.
- LiveBall Platform Overview - ion interactive
- How to Design a Landing Page to be Conversion Focused
© 2010 Webvanta, Inc. All Rights Reserved.
