|
|
|
Internet News Feeds |
|
Web Design from Scratch
|
Tutorials and commentary on designing web sites that work
|
-
10 Best-designed web sites in the world, top web design
My list of 10 best-designed web sites in the world, with explanation of which great web design techniques work most effectively
-
10 Free Ways to Promote a Business Online
10 ways to promote your business on the web for free - business promotion sites
-
3D Effects in graphic design for the web
Guidelines on how to use 3D effects effectively in graphic design for the web
-
Media Volunteer Center redesign for 50 Redesigns book
Summary of redesign of Media Volunteer Center for new Scratchmedia book: 50 Redesigns from Scratch
-
Sunhome redesign for 50 Redesigns book
Summary of redesign of sunhome.biz for new Scratchmedia book: 50 Redesigns from Scratch
-
Understanding goals for web design, using goal-oriented design in web site design
Why goals are important in web site design, how to design web sites using goal-oriented techniques
-
How to use Personas & Scenarios in web design and web page design
Why using personas in your design process helps avoid common mistakes and creates a better product.
-
About Web Design from Scratch, how to design good web pages, basics of web page design
About Web Design from Scratch - the free online course in web design basics
-
Advertize on Web Design from Scratch
Advertising opportunities on Web Design from Scratch
-
Alignment in graphic design for the web, aligning elements in web page design
Tips on using alignment in visual design for the web to associate related elements
-
Announcing Scratch Web Design Forums, the new web design and web page production forums from Scratchmedia
Scratchmedia has launched a free web design forum at http://scratchwebdesignforums.com/. Visit to learn from industry experts and share hints and tips on web design, production, SEO etc.
-
Free Web Design Articles and Tutorials
Free web design articles, free web design tutorials, design case studies from Web Design from Scratch
-
Attention Map - tool for planning page layout
-
Behaviour of web sites and applications
Why good behaviour is important in web sites and applications, and how to design for it
-
Branding for web sites, how to develop and implement a web site brand
Branding for web sites: How to create, develop and implement a brand for a web site
-
Clarity in web page design, how to make clear and simple web designs
Hints and tips for making web page designs clearer and easier to understand by differentiating and organising visual elements on the web page
-
Clear hyperlinks - make your web links obvious and easy to use
Tips on making your hyperlinks clear, obvious and meaningful
-
CMS from Scratch - a powerful free and open-source lightweight content management system for web developers
We're proud to launch CMS from Scratch, now as an open-source project: the system we've developed over the last 3 years to let Scratchmedia's own clients easily manage and update their web site content.
-
Using colour in web page design - basics of color theory for designing web pages
Tutorial on using Colour in web design to convey branding and improve usability in your web page designs.
-
Containment as a layout tool
Using containment in web page layout to group elements together is a powerful tool.
-
Creating and content content for web sites and web pages
How to create, arrange and design Content for web sites and web pages
-
Using visual tonal contrast in web design
The importance of contrast in graphic design for the web, and how to use tonal contrast effectively
-
Conventions in web designj - reusing successful design patterns
Understanding how to use conventions is a critical skill in design
-
Case study: Makeover of Artorg's community site
Case study: Makeover of Artorg's community site
-
Case study: Business Improvement Network redesign
Case study: Business Improvement Network redesign
-
Copywriting case study: Bytecon
Case study of simple marketing site for a small web development agency. Concentrates on goals, message and copy.
-
Case Study: Foruse.com redesign
Case Study: Foruse.com redesign
-
Harvey Nichols 2001, website critique
Review of Harvey Nichols' first web site from 2001
-
Harvey Nichols 2004, website critique
Review of Harvey Nichols' second web site from 2004
-
Case Study: Tweaking Kemik's portfolio
Case Study: Tweaking Kemik's online art portfolio
-
CSS: Block and Inline elements
Describes the differences between block and inline display property in CSS.
-
Inheritance and Cascading Styles in CSS
Introduction to how styles apply in CSS through inheritance and cascading.
-
Current style in web design
Summary of today's best practice in graphic design for the web, examples of great web page design, explanation of effective web design techniques
-
Datasheet-style form using HTML, CSS and JavaScript
Make a datasheet-style web form using HTML, CSS and JavaScript
-
Design your web pages like no-one's watching: web page design discipline
Designers need to learn to look at their work through fresh eyes
-
The Design Spectrum
A visual tool for picturing the relative aesthetic and functional elements of a design solution
-
DHTML Decision-making grid
Tutorials on learning JavaScript to enhance web pages and applications
-
Web Design from Scratch
Support Web Design from Scratch to deliver free content on web design
-
Don't Decorate, Communicate!
Why it's important to focus on the message you're communicating rather than purely visual design for its own sake
-
Buy web design ebooks to read offline - Web Design from Scratch
Download articles from Web Design from Scratch as PDF ebooks
-
Effective text: Benefits of text over graphics
Short article describing the benefits and strengths of using text rather than graphics in web design
-
Favourite logos, web design logos, how to design good logos
A collection of appealing logos gathered off the web by web designer Ben Hunt
-
Predictions for a Web 2.0 / Web 3.0 social experience
Ben Hunt casts an eye to the future of a more connected web, and predicts that Yahoo will be the dominant online brand for the next 5 years
-
Golden Rule of web design
My golden rule for web page design - a simple touchstone to help all design decisions
-
A bunch of great logos I've collected from round the web for inspiration
A collection of high-quality inspiring web site logos for inspiration.
-
Using Grouping in web page layouts: Basic graphic design technique for associating elements
Grouping, basic web page layout graphic design technique for associating web page elements on screen.
-
How HTML, CSS and JavaScript work together in making web pages - guide to using xHTML, HTML, Javascript and CSS together
Best practice for using HTML, Cascading Style Sheets, and JavaScript together to make web pages.
-
How to make a web site - Introduction to building and publishing web pages
Introduction to the process of building and publishing web pages, and overview of tools (text editors, FTP)
-
How to Set Fire to a Web Site - 6 tips for getting a new web site successful quickly
6 essential tips for getting a new web site off the ground, taking inspiration from the art of firelighting.
-
Learn to improve web usability by understanding how people use web pages
How people really use web pages is different from the way designers think they do. Designing for how users really interact with web pages is the key to usability.
-
How to design for the web, basics of designing web pages that are appealing and easy to use
Basics of how to design web pages for the way users really use the web
-
Lists in HTML: introduction to unordered lists, ordered lists, and definition lists in HTML & xHTML
My guide to HTML lists explains the 3 main types of lists web browsers support and how to implement them in HTML / xHTML
-
HTML tables - How and when to use tables in HTML/xHTML
When to use tables in HTML, and how to do it properly
-
Learn HTML tags, learning how HTML tags work, paired and unpaired tags
HTML basics tutorial: Learn HTML tags, covering the most common attributes
-
Information Architecture models: Guide to web site navigation patterns
Some common patterns for web site information architecture
-
Using Imagery in Web Design: effective web images, web graphics and web content imagery
How to use imagery effectively in web page design, good images, graphics & icons
-
Information Architecture 101
Information Architecture for web site design 101, a basic guide to planning web sites
-
Introduction to CSS, learn CSS with our basic guide to Cascading Style Sheets
Beginner's introduction to Cascading Style Sheets (CSS), learn CSS.
-
Introduction to HTML - learn HTML basics with a few simple HTML tags
Introduction to basic HTML tags and the structure of HTML documents.
-
JavaScript 101
Tutorial introducing JavaScript to beginners. Explains what you can do with JavaScript with basic worked examples.
-
Layout for web page design
Layout for web page design
-
Learn to type!
Learning to touch-type is one of the most valuable skills you'll ever learn as a designer or developer
-
Logical order of page components
Importance of logical order of visual components in web page design
-
Logo design
Logo design
-
My guide to marketing a small web design business
A collection of hints and tips on branding and marketing a web design or development business
-
Using mouseovers in web design
When to use mouseovers in web design to improve the user experience
-
Designing navigation for web pages
Designing navigation for web pages
-
Navigation models for web sites
Navigation models for web sites
-
No-one looks at the screen
Why no-one wants to look at the screen
-
Other factors affecting the web browsing experience
Other factors affecting the web browsing experience
-
Outsourcing: How to use freelance talent effectively
Learning to outsource effectively is a key skill for a professional web design outfit
-
People are impatient
Why we are impatient when using the web, and what designers can do to improve things
-
Opinion: Thoughts on the web, usability and other stuff
Opinion: Ben Hunt's thoughts on the web, usability and other stuff
-
Pricing and selling web design services
Advice on how much to charge for web design and related services and how not to lose money.
-
Pursuit of the Original
The value of laziness in design, and why the pursuit of the original can be detrimental to design success
-
Readabilty - making pages easy to read by design
Readabilty - making pages easy to read by design
-
Real Web2.0 Design - The essential features of Web2.0
Real Web2.0 design is not about shiny visual graphic effects, but a bold, direct and challenging brand experience.
-
Recommended books for web designers and developers
Recommended books for web designers and developers
-
Recommended font resources for web designers
-
Recommended royalty-free image libraries for web designers
Recommended royalty-free image libraries for web designers
-
Recommended music and video resources for webmasters, web designers and developers
-
Recommendations for computer systems for web design
-
Redesigns from Scratch - book
Announcing a new book from Web Design from Scratch - redesigning 50 home pages
-
Redesigns from Scratch - book
Announcing a new book from Web Design from Scratch - redesigning 50 home pages
-
The Process of web design
The process of web design: How to work like a professional designer or producer
-
Rhythm and repetition as layout devices
Rhythm and repetition as layout devices in web page design
-
Save the Pixel - the Art of Simple Web Design
Just launched, Ben Hunt's first full web design book, Save the Pixel - the Art of Simple Web Design
-
Scanning - Why web users scan and what designers can do to help
Scanning is the most important feature of web users' behaviour. This article looks at why users scan and what designers can do to help us scan better.
-
SEO Basics, introduction to Search Engine Optimisation
Basics of Search Engine Optimisation, how to optimise web pages for search engines
-
Introduction to semantic HTML
Guide to writing semantic HTML markup
-
10 Steps to setting up in web design/development
My 10-step guide to starting out as a professional web designer/developer
-
Simplicity in web design
The principle of Simplicity in web design
-
Your site's goals
Identify your web site's goals
-
Site Personas and the Dialogue Process
Site Personas are analogous to User Personas. Whereas User Personas represent typical individuals in your target user base, together with goals and motivations, the Site Persona represents the site, embodying its brand and its goals. I often find it helpful to picture my web sites as information flowing both ways between the site and users. The Dialogue Process is a way to optimise your web site interactions by scripting them as conversations between your two types of persona.
-
Site map - Web Design from Scratch
Lists all pages on Web Design from Scratch
-
The Sphere of Design
A conceptual tool for visualising the balance between functionality and aesthetics in visual design
-
Splitting the experience
It's often good to design different views for newer and more experienced users.
-
Stuff we love
Random collection of consumer stuff we love, great examples of usability from every corner of life
-
Supporters - Web Design from Scratch
People who've supported Web Design from Scratch
-
Tabular list-style form using HTML, CSS and JavaScript
Create an appealing tabular list using HTML, CSS and JavaScript
|
|
|
|
Internet Store Scroll
|