Professional Web Design, Vol. 2

Professional Web Design, Vol. 2

The pace at which the Web rolls today has picked up, and we feel obliged to give you a status report and outlook. Learn the most recent changes in Web development, as well as design trends that are likely to catch on and could have a substantial effect on our workflow. Be prepared for the onset of innovative approaches such as responsive Web design, and learn how to apply psychology-based persuasion triggers in your designs. Clear up some myths about HTML5 and CSS3, and make use of the “design matrix” methodology.


You will read about existing and upcoming trends, and will learn how Web design could evolve in the coming months and years. Besides, this eBook also touches on what Web designers should be ready for and how to keep abreast of new challenges and opportunities.


  • The Current State of Web Design
  • Web Design Trends
  • Responsive Web Design: What It Is and How to Use It
  • A Showcase of Responsive Web Design
  • Persuasion Triggers in Web Design
  • Why We Should Start Using CSS3 and HTML5 Today
  • HTML5: The Facts And The Myths
  • The User Is The Anonymous Web Designer
  • The Design Matrix: A Powerful Tool for Guiding Client Input
  • A Design Is Only As Deep As It Is Usable
  • Web Designers, Don’t Do It Alone
  • Why Design-By-Committee Should Die
  • Design Better and Faster with Rapid Prototyping
  • When a Thousand Words Is Worth a Picture

Technical Information

  • Formats: PDF, ePub, Kindle (DRM-free)
  • Pages: 279
  • Language: English
  • Released: March 2011
  • Publisher: Smashing Media GmbH
  • ISBN:978-3-943075-09-0

Excerpt From Chapter 2

Web Design Trends — by Vitaly Friedman

Although the opposite is often asserted, we believe that Flash has its place in the modern Web design. Today, we observe a clear separation of concerns between HTML/CSS websites and Flash websites. While HTML/CSS has become the de facto standard for text-based websites, focusing on information consumption, Flash is dominating entertainment and multimedia websites with its extensive visual and audio effects and rich user interaction. But that doesn’t mean that HTML/CSS websites are restricted to plain, unsophisticated user interaction. In fact, the opposite seems to be true. We’re seeing more HTML/CSS websites getting interactive, playful and engaging. More animation is being used for visual feedback (for example, on mouse hovers and clicks), and visual effects are being used for a more responsive user experience. Of course, these effects rely on JavaScript libraries, which fuel the interactive layer in the background.

Excerpt From Chapter 3

Responsive Web Design: What It Is and How to Use It — by Kayla Knight

In the field of Web design and development, we’re quickly getting to the point of being unable to keep up with the endless new resolutions and devices. For many websites, creating a website version for each resolution and new device would be impossible, or at least impractical. Should we just suffer the consequences of losing visitors from one device, for the benefit of gaining visitors from another? Or is there another option? Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries. As the user switches from their laptop to iPad, the website should automatically switch to accommodate for resolution, image size and scripting abilities. In other words, the website should have the technology to automatically respond to the user’s preferences. This would eliminate the need for a different design and development phase for each new gadget on the market.

Related Products

↑ Back to top