- Styling:
Links
Articles
An invaluable list of my favourite websites relating to web design and development.
- click to expand 01: design blogs
- Design View - Andy Rutledgehttp://www.andyrutledge.comAndy Rutledge's blog
- Journal - Mark Boultonhttp://www.markboulton.co.ukMark Boulton's blog
- Modern Life Is Rubbishhttp://www.modernlifeisrubbish.co.uk/News & Views of the Modern Internet
- Design Observerhttp://www.designobserver.com/Writings about design & culture
- Astheriahttp://astheria.com/Astheria
- Stylegala - Web Design Publicationhttp://www.stylegala.com/A showcase of graphic design for the web. Particularly supports coding standards.
- Design Meltdownhttp://www.designmeltdown.com/Design elements, trends, and problems in web design.
- Web Designer Wall - Design Trends and Tutorialswww.webdesignerwall.com/Web Designer Wall is a resourceful site that focuses on web design, tutorials, and design trends.
- Subtractionhttp://subtraction.com/Life and thoughts of Khoi Vin, a graphic designer in New York City.
- Veerle's blog 2.0http://veerle.duoh.com/Veerle's blog 2.0. Webdesign talk - XHTML CSS , Graphic Design tutorials.
- click to expand 02: typography
- click to expand 03: colour
- Colour Lovershttp://www.colourlovers.comColour + Design Blog
- ColorJackhttp://www.colorjack.com/ColorJack
- Kulerhttp://kuler.adobe.com/kuler from Adobe Labs. Quickly create harmonious color themes online. Explore, create and share color themes.
- Online Color Toolshttp://www.avivadirectory.com/color/The Canonical List of Online Color Resources for Designers
- click to expand 04: graphic design
- Illustrator Techniqueshttp://www.illustratortechniques.com/The premier publication and online community for Adobe Illustrator users.
- Illustration Classhttp://www.illustrationclass.com/Step by step illustration tutorials and inspiration
- deviantARTwww.deviantart.com/Community of artists and those devoted to art.
- click to expand 05: stock photography
- Stock Vaulthttp://www.stockvault.netShare and download high quality free stock photos and free high resolution images.
- 100 (Legal) Sources for Free Stock Imageshttp://www.virtualhosting.com/100 (Legal) Sources for Free Stock Images
- Every stock photohttp://www.everystockphoto.com/Newly-launched web site EveryStockPhoto looks like a promising source of stock images for use in your blog web site or presentation
- Stock.xchng - the leading free stock photography sitehttp://www.sxc.hu/Stock photography community - browse our huge gallery for high quality stock photos or share yours with others.
- click to expand 06: web tools
- Typetesterhttp://typetester.maratz.com/Compare fonts for the screen
- Font Testerhttp://www.fonttester.com/Online Font Comparison Tool
- How can I Find the Average Color of a Photograph?http://www.wisegeek.com/Many popular image-editing tools allow you to determine the average color of a small section of an image, but we couldn't find any that could calculate the average color of an entire photograph. Enter, the Average Color Tool.
- click to expand 07: showcase
Below is an ongoing list of great articles, tutorials and information on web design and development.
- click to expand 01: general design
- End of Web Designhttp://www.useit.com/End of Web Design
- 8 Web Design Cliches of 2006http://www.modernlifeisrubbish.co.uk/With the advent of Web2.0, AJAX, and other new exciting technologies such as Ruby on Rails and RSS, we're seeing impressive developments in the technical backdrop to the web. One thing that has persisted throught the life of the hypertext-enabled web however, is the design cliche - trends or 'memes' that catch on amongst a large percentage of web users.
- There's no such thing as 'Web design'http://www.modernlifeisrubbish.co.uk/'Web design', as it s dubbed in popular tongue and in job advertisements across the land, is such a broad area of skills that to dub someone as a 'web designer' is not useful in the slightest...
- click to expand 02: layout and grid
- 30 Weblogs with Grid Based Designhttp://cssjuice.com/A collection of great grid based blogs
- Designing With Grid-Based Approachhttp://www.smashingmagazine.comDesigning With Grid-Based Approach
- Why use a grid?http://www.markboulton.co.ukGrid design is a fundamental skill of any designer. Understanding proportional relationships, white space and composition are all vital in constructing a grid for any delivery platform
- Grids Are Goodhttp://www.subtraction.com/Grids Are Good
- Thinking Outside the Gridwww.alistapart.comFlying into my home city of Tucson, Arizona late one night in November, I was impressed by how rigid a grid the city’s layout is. Tucson is one of America’s planned cities, and from the sky, it’s easy to see that Tucson’s designers succeeded in creating a city in which everything is laid out according to a precise plan
- click to expand 03: css
- CSS Hacks & Issueshttp://www.solidstategroup.com/CSS Hacks & Issues
- 53 CSS-Techniques You Couldn't Live Withouthttp://www.smashingmagazine.com/Over the last few years web-developers have written many articles about CSS and developed many useful techniques, which can save you a lot of time - of course, if you are able to find them in time. Below you’ll find a list of techniques we , as web-architects, really couldn’t live without....
- 70 Expert Ideas For Better CSS Codinghttp://www.smashingmagazine.com/CSS isn’t always easy to deal with. Depending on your skills and your experience, CSS coding can sometimes become a nightmare, particularly if you aren’t sure which selectors are actually being applied to document elements. An easy way to minimize the complexity of the code is as useful as not-so-well-known CSS attributes and properties you can use to create a semantically correct markup.
- CSS CHEAT SHEEThttp://lesliefranke.com/CSS CHEAT SHEET
- click to expand 04: accessibility
- Web standards checklisthttp://www.maxdesign.com.au/The term web standards can mean different things to different people. For some, it is 'table-free sites', for others it is 'using valid code'. However, web standards are much broader than that.
- Web Accessibility and Pragmatismhttp://www.splintered.co.uk/This is the transcript of the ad-libbed discussion Bruce Lawson and I did for Geek in the Park, Royal Leamington Spa, 27 August 2006.
- click to expand 05: usability
- Why Frames Suck (Most of the Time)http://www.useit.com/Frames: Just Say No.
- The Difference Between Web Design and GUI Designhttp://www.useit.com/Designing for the Web is different from designing traditional software user interfaces. Mainly, the designer has to give up full control and share responsibility for the UI with users and their client hardware/software.
- The Top Ten Web Design Mistakes of 1999http://www.useit.com/The "top ten" design mistakes I identified in 1996 are still bad for Web usability and are still found on many websites. So in that sense, not much has changed over the last three years.
- Flash: 99% Badhttp://www.useit.com/About 99% of the time, the presence of Flash on a website constitutes a usability disease.
- Should Designers and Developers Do Usability?http://www.useit.com/Having a specialized usability person is best, but smaller design teams can still benefit when designers do their own user testing and other usability work.
- 10 Usability Nightmares You Should Be Aware Ofhttp://www.smashingmagazine.com/Sometimes you just want to get the information you’re after, save it and move along. And you can’t. Usability nightmares - which are rather the daily routine than an exception - appear every now and again; usually almost every time you type your search keywords in Google
- 30 Usability Issues To Be Aware Ofhttp://www.smashingmagazine.com/You don’t have to agree upon everything. As a professional web developer you are the advocate of your visitors’ interests and needs; you have to protect your understanding of good user experience and make sure the visitors will find their way through (possibly) complex site architecture.
- click to expand 06: typography
- Iranian Typography Nowhttp://www.pingmag.jp/Showcase of Iranian typography
- Five Simple Steps to better typographyhttp://www.markboulton.co.ukA series covering five simple ways to improve your typography.
- Web Typography Cheat Sheethttp://www.modernlifeisrubbish.co.uk/Let's be honest. Typography and the web do not go hand-in-hand. You're limited to a choice of about 5 fonts, most of which are cheap knockoffs of 'proper' typefaces.
- click to expand 07: graphic design
- That Wicked Worn Look - Tutorialhttp://www.cameronmoll.com/Introducing "That Wicked Worn Look," a four-part series of how-to
- Turn Photos of People into Line Art - Tutorialhttp://www.melissaclifton.com/Want to turn a photo of someone into line art. This Photoshop tutorial will show you how to create comic-book-perfect line art.
- Pop Art Inspired by Lichtensteinhttp://www.melissaclifton.com/Turn your photos into Lichtenstein inspired pop art. This photoshop tutorial will also show you how to create great-looking half tone shading
