smashing-ebook-modern-web-design-development.pdf
(
18804 KB
)
Pobierz
Imprint
Published in April 2011
Smashing Media GmbH, Freiburg, Germany
Cover Design: Ricardo Gimenes
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: December 20, 2011
Smashing eBookᴹModern Web Design and Development ᴹ
2
Table of Contents
Preface
Responsive Web Design: What It Is and How to Use It
HTML5: e Facts and the Myths
Mastering Photoshop: Unknown Tricks and Time-Savers
“What Font Should I Use?”: 5 Principles for Choosing Typefaces
Persuasion Triggers in Web Design
Designing for iPhone 4 Retina Display: Techniques and Workflow
What to Do When Your Website Goes Down
Commonly Confused Bits of jQuery
Why We Should Start Using CSS3 and HTML5 Today
Why Design-by-Commiee Should Die
e Current State of Web Design
A Design Is Only as Deep as It Is Usable
Web Security: Are You Part of the Problem?
How to Make Innovative Ideas Happen
I Want to Be a Web Designer When I Grow Up
Making Your Mark on the Web Is Easier than You ink
e Authors
Smashing eBookᴹModern Web Design and Development ᴹ
3
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 di
"
erence? 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
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
su
"
er 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 di
"
erent design and development phase for each new gadget on
the market.
Smashing eBookᴹModern Web Design and Development ᴹ
5
Plik z chomika:
Iskraa
Inne pliki z tego folderu:
smashing-ebook-professional-web-design-2.pdf
(31367 KB)
smashing-ebook-professional-web-design-2.mobi
(28402 KB)
smashing-ebook-professional-web-design-2.epub
(23210 KB)
smashing-ebook-web-typography.epub
(16939 KB)
smashing-ebook-web-typography.mobi
(20655 KB)
Inne foldery tego chomika:
inf0.sevno
Zgłoś jeśli
naruszono regulamin