Modern Web Design and Development - Multiple - Smashing (2011).pdf

(19734 KB) Pobierz
modern-web-design-and-development
Modern
Web Design &
Development
679992362.002.png
Imprint
Published in April 2011
Smashing Media GmbH, Freiburg, Germany
Cover Design: Sachar Niemczyk
Editing: Thomas Burkert
Proofreading: John von Bergen
Concept: Sven Lennartz, Vitaly Friedman
Founded in September 2006, Smashing Magazine delivers useful and
innovative information to Web designers and developers. Smashing
Magazine is a well-respected international online publication for
professional Web designers and developers. Our main goal is to support
the Web design community with useful and valuable articles and resources,
written and created by experienced designers and developers.
ISBN: 978-3-943075-08-3
Version: May 4, 2011
Smashing eBookᴹModern Web Design and Development ᴹ 2
679992362.003.png
Table of Contents
Smashing eBookᴹModern Web Design and Development ᴹ 3
679992362.004.png
Preface
We’re seeing better interaction design and more aesthetically pleasing
designs. And we’re seeing more personal, engaging and memorable sites,
too. But what exactly is making the difference? What new directions is Web
design heading in today? What new techniques, concepts and ideas are
becoming important?
This eBook contains 16 articles that cover current as well as upcoming Web
design trends. It also includes facts on responsive Web design, improving
Web security, useful coding tips and practices for HTML5 and CSS3, and
much more! This eBook on 'Modern Web Design and Development'
touches on what Web designers should be ready for to keep abreast of new
challenges and opportunities.
These articles have been published on Smashing Magazine in 2010 and
2011 and are known to be the best on professional Web design and
development. They have been carefully edited and prepared for this eBook.
We hope that you will find this eBook useful and valuable. We are looking
forward to your feedback.
— Thomas Burkert, Smashing eBook Editor
Smashing eBookᴹModern Web Design and Development ᴹ 4
679992362.005.png
Responsive Web Design: What It Is and
How to Use It
Kayla Knight
Almost every new client these days wants a mobile version of their website.
It’s practically essential after all: one design for the BlackBerry, another for
the iPhone, the iPad, netbook, Kindle — and all screen resolutions must be
compatible, too. In the next five years, we’ll likely need to design for a
number of additional inventions. When will the madness stop? It won’t, of
course.
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.
Smashing eBookᴹModern Web Design and Development ᴹ 5
679992362.001.png

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin