Web Design for Developers will show you how to make your web-based application look professionally designed. We’ll help you learn how to pick the right colors and fonts, avoid costly interface and accessibility mistakes—your application will really come alive. We’ll also walk you through some common Photoshop and CSS techniques and work through a web site redesign, taking a new design from concept all the way to implementation.
Web Design for Developers: A Programmer's Guide to Design Tools and Techniques
by Brian P. Hogan
Web Design for Developers
A Programmer's Guide to Design Tools and Techniques
by Brian P. Hogan
Web Design for Developers is a good primer for anyone who would like to learn web design from a global perspective. From graphics, to color, to fonts, to HTML/CSS, and onward, Brian Hogan has written a solid little book that should get you off the ground and into web design, whether you’re a programmer or not.
From conception to launch, Mr. Hogan offers a complete experience and expertly navigates his audience though every phase of development. Anyone from beginners to seasoned veterans will gain valuable insight from this polished work that is much more than a technical guide.
- Neal Rudnik
Web and multimedia production manager
This book has something for everyone, from novice to experienced designers. As a developer, I found it extremely helpful for my day-to-day work, causing me to think before just putting content on a page.
- Chris Johnson
If you’re ready to step into the wonderful world of web design, this book explains the key concepts clearly and effectively. The comfortable, fun writing style makes this book as enjoyable as it is enlightening.
- Jeff Cohen
Founder, Purple Workshops
As a web developer, I thought I knew HTML and CSS. This book helped me understand that even though I may know the basics, there’s more to web design than changing font colors and adding margins.
- Mike Weber
Web application developer
This is the book I wish I had had when I started to build my first website. It covers web development from A to Z and will answer many of your questions while improving the quality of the sites you produce.
- Shae Murphy
CTO, Social Brokerage
About this Title
Release: P1.0 (2009-12-15)
Developers don’t get to spend a lot of time thinking about design, but many secretly wish they knew how to make their applications look just a little bit better. This book takes you on a journey through a web site redesign, where you’ll learn the basic concepts of design, color theory, typography, and accessibility.
You’ll learn how to take a sketch and transform it into a digital mockup in Photoshop, and then finally into a working web page. You’ll see how to develop logos, icons, and buttons using Illustrator and Photoshop, and then code a web page that will load fast, be easy to maintain, and most of all, be accessible to all audiences.
Contents & Extracts
- The Basics of Design
- The Basics of Site (Re)design: Redesigning Foodbox
- Choosing Colors excerpt
- Fonts and Typography
- Adding Graphics
- Designing the Foodbox Logo excerpt
- Design Mock-up: The Structure
- Design Mock-up: The Content
- Putting the Finishing Touches on the Mock-Up
- Building the Site
- Building the Home Page with HTML excerpt
- Creating Assets from Our Mock-Up
- Defining Your Layout with CSS
- Replacing the Section Headings Using the Cover-up Method
- Adding Styles
- Making a Printer-Friendly Page
- Preparing for Launch
- Working with Internet Explorer and Other Browsers
- Accessibility and Usability
- Building a Favicon
- Search Engine Optimization
- Designing for Mobile Devices
- Testing and Improving Performance
- Where to Go Next
- Recommended Reading
Brian Hogan has been developing web sites professionally since 1995 as a freelancer and consultant. He’s also built small and large web sites and web applications using ASP, PHP, and Ruby on Rails. He enjoys teaching and writing about technology, particularly web design and development.