WebDesignerIssue2382015.pdf

(24371 KB) Pobierz
EX
PE P
RT AG
TUES
TOOF
RI
A
LS
28
FREE
62
jQuery
WordPress
MINUTES OF
JQUERY VIDS
HTML5
CSS3
www.webdesignermag.co.uk
UX
DESIGN
WHAT’S NEW?
A PRO GUIDE TO THE THEORY
AND LATEST TRENDS
Presents
RESPONSIVE
CSS
LAYOUTS
HOW TO CRAFT PIXEL PERFECT
BORDERLESS DESIGNS
REVEAL
THE
PATH
TO
BUI
IN
E
TS
G
XP
U
T
I
F
U
L
D
Y
N
A
M
I
C
D
E
S
I
G
E
NS
BEA
50
DESIGNER
RESOURCES
14 PAGES
OF TOP TECHNIQUES & TUTORIALS
DYNAMIC INFOGRAPHICS WITH
SNAP.SVG
ON-SCROLL
CS
S
MOTION EFFECTS
C
S
FEATURING
WEB TEMPLATES,
FONTS, ICONS & EFFECTS
ISSUE 238
<meta>
welcome
Welcome
to the sue
THE WEB DESIGNER MISSION
To be the most accessible and
inspiring voice for the industry,
offering cutting-edge features
and techniques vital to
building future-proof
online content
Highlight
Steve
Jenkins
“
We try to hire
people from diverse
backgrounds
They are Huge.
Web Designer
talks to the agency that are
changing people’s lives.
Page 34
”
Y
What’s up with web animation?
The importance of the user should never ever be
forgotten. Without them a site or app is doomed to fail.
Designing the right UX is what our feature on page 66 is
all about. It looks at user-centred design, why you should
use an iterative design approach and the latest trends that
will help future-proof the user experience.
What needs to be done before a user gets to play with
a site or application? It needs to go through a strict set of
tests. The right tests will weed out any problems and stop
any serious issues being exposed to the public. Our
feature on testing (page 72) reveals the tests you need to
consider and the best tools for the job.
Plus, as always we have our staple selection of CSS,
HTML and JS tutorials to keep you busy. Enjoy the issue.
ou can’t help but be impressed by a
brilliant piece of web animation. So
what if it doesn’t serve any other
purpose than to show off a
developer’s skills?
It’s always good to
see the boundaries being pushed in
web design. But, animation on the web
is so much more than just headline-
grabbing acts. Subtle UI animations have just as
much importance, if not more. Get these wrong
and users may never come back. Our latest lead
feature (page 40) looks a the current state of
web animation, the technologies, how it affects
the user and offers expert tips and tutorials.
We’re just
missing a
standardised
timeline animation
IDE like we had in
Flash that will
output clean,
lightweight code
“
Follow us on Twitter for all the news & conversation
@WebDesignerMag
Visit our blog for opinion, freebies & more
www.webdesignermag.co.uk
”
50
FREE
–
exclusive with this issue
Designer resources
Video Tuition
– jQuery: 62 Minutes of expert video guides from
CartoonSmart
Assets
– 30 Dessert and candy icons from SparkleStock
– 15 Abstract effects from SparkleStock
Fonts
– Pretender and Rakesly font from Typodermic fonts
www.filesilo.co.uk/webdesigner
meta
_________________________________________________________________________
3
<meta>
contributors
Imagine Publishing Ltd
Richmond House, 33 Richmond Hill
Bournemouth, Dorset, BH2 6EZ
+44 (0)1202 586200
Web:
www.imagine-publishing.co.uk
www.webdesignermag.co.uk
www.greatdigitalmags.com
This issue’s panel of experts
Welcome to that
bit of the mag
where we learn
more about the
featured writers
and contributors…
S
REVEAL
THE
PATH
TO
BU
XPERT
UTIFUL
DYNAMIC
DESIG
ILDING
E
NS
BEA
Magazine team
Editor
Steve Jenkins
steve.jenkins@imagine-publishing.co.uk
01202 586233
Senior Designer
Benjamin Stanley
Production Editor
Carrie Mok
Photographer
James Sheppard
Senior Art Editor
Will Shum
Editor In Chief
Dan Hutchinson
Publishing Director
Aaron Asadi
Head of Design
Ross Andrews
Contributors
Tobias Brinkmann, James Deeley, Mark Billen, David Howell,
Richard Wentk, Torben Dalgaard Jensen, Hakim El Hattab, Mark
Shufflebottom, Leon Brown, Sean Tracey, Ralph Saunders,
Stephanie Ellis, Tam Hanna, Tim Stone, Matt Gifford
Advertising
Digital or printed media packs are available on request.
Head of Sales
Hang Deretz
01202 586442
hang.deretz@imagine-publishing.co.uk
Advertising Manager
Alex Carnegie
01202 586430
“
It’s more useful to
think of animation as
a tool you can use to
enhance your site’s
production values
Sales Executive
Luke Biddiscombe
01202 586431
Richard Wentk
Richard is the director of Skydancer Media, a full-service media company
creating apps and building websites. He is also the author of numerous
web development books. This issue he delves into the world of web
animation and reveals what you need to know to get creative.
Page 40
FileSilo.co.uk
Assets and resource files for this magazine can
be found on this website.
Register now to unlock thousands of useful files.
Support
filesilohelp@imagine-publishing.co.uk
”
International
Web Designer
is available for licensing. Contact the
International department to discuss opportunities.
Head of International Licensing
Cathy Blackman
+44 (0) 1202 586401
licensing@imagine-publishing.co.uk
Stephanie Ellis
Stephanie has been working
in user experience since
2009. She has worked on
major brands including
Exxon, Unilever and
Vodafone. This issue she
reveals the crucial role of UX
in design and takes a look at
the latest trends.
Page 66
Tam Hanna
Tam is a veteran in the world
of coding and has worked
with a host of coding
languages. This issue he
provides an insight into the
very important role of testing.
From accessibility to unit
testing and the best tools,
they’re all here.
Page 72
Mark Shufflebottom
Mark Shufflebottom is
professor of Interaction
Design at Sheridan College,
Canada. The animation
library Snap.svg is his forte
this issue. He reveals how to
create an interactive
exploded-view infographic.
Page 48
Subscriptions
subscriptions@imagine-publishing.co.uk
To order a subscription to
Web Designer:
0844 848 8413
+44 1795 592 878
Email: webdesigner@servicehelpline.co.uk
13-issue subscription (UK) – £62.30
13-issue subscription (Europe) – £70
13-issue subscription (ROW) – £80
Circulation
Head of Circulation
Darren Pearce
01202 586200
Production
Production Director
Jane Hawkins
01202 586200
Finance
Finance Director
Marco Peroni
Founder
Group Managing Director
Damian Butt
Printing & Distribution
Printed by Southernprint Ltd, 17-21 Factory Road
Upton Industrial Estate, Poole, Dorset, BH16 5SN
Matt Gifford
Matt Gifford is a web
development consultant
and industry author from
Cambridge. He has over a
decade of industry
experience and in his latest
tutorial he reveals how to
develop a feature-rich API
with Hapi.js.
Page 84
Sean Tracey
Sean is a creative
technologist living and
working on the south coast.
He loves playing with the
latest JavaScript APIs. And,
this issue he reveals how to
build a Chrome OS app with
the popular programming
language.
Page 54
Mark Billen
Mark is a freelance
technology journalist with a
background in web design
and development. This
issue he tackles the
Lightbox pages and reveals
how to create a host of
quick-fire techniques you
need to know.
Page 16
Distributed in the UK, Eire & the Rest of the World by
Marketforce, Blue Fin Building, 110 Southwark Street,
London, SE1 0SU,
0203 148 3300,
www.marketforce.co.uk
Distributed in Australia by Network Services (a division of
Bauer Media Group), Level 21 Civic Tower, 66-68 Goulburn
Street, Sydney, New South Wales 2000, Australia,
+61 2 8667 5288
Disclaimer
The publisher cannot accept responsibility for any unsolicited material
lost or damaged in the post. All text and layout is the copyright of
Imagine Publishing Ltd. Nothing in this magazine may be reproduced
in whole or part without the written permission of the publisher.
All copyrights are recognised and used specifically for the purpose
of criticism and review. Although the magazine has endeavoured
to ensure all information is correct at time of print, prices and
availability may change. This magazine is fully independent and
not affiliated in any way with the companies mentioned herein.
If you submit material to Imagine Publishing via post, email, social
network or any other means, you automatically grant Imagine Publishing
an irrevocable, perpetual, royalty-free license to use the materials across
its entire portfolio, in print, online and digital, and to deliver the images
to existing and future clients, including but not limited to international
licensees for reproduction in international, licensed editions of Imagine
products. Any material you submit is sent at your risk and, although every
care is taken, neither Imagine Publishing nor its employees, agents or
subcontractors shall be liable for the loss or damage.
Tim Stone
Tim is a lead front-end
developer at Redweb and
has a first-class degree in
Interactive Media
Production. In this issue he
shows how to use Angular
1.4 to make user feedback in
forms easier for developers
and users.
Page 78
Ralph Saunders
Ralph is a front-end
developer living in
Bournemouth. He likes to
push the traditional
boundaries of web design
and this issue he explores
building aspect ratio-based
layouts with HTML and CSS.
Page 60
We’re always looking for the
hottest web-design talent. Email
webdesigner@imagine-publishing.co.uk
with examples of your creative work
Got
web skills?
© Imagine Publishing Ltd 2015
ISSN 1745-3534
4
__________________________________________________________________________meta
DOMAINS | MAIL | HOSTING | eSHOPS |
SERVERS
NEXT GENERATION
1&1 CLOUD
TRY FOR 1 MONTH – FREE!
Then from only £9.99 per month*
SERVER
Top performance tested by
EASY TO USE – READY TO GO
The new 1&1 Cloud Server offers all the advantages of dedicated hardware performance
combined with the flexibility of the cloud!
FLEXIBLE & AFFORDABLE
Customised configuration
SSD, RAM and CPU can be
adjusted independently,
flexibly and precisely
NEW:
Pre-configured
packages available
EASY & SECURE
1&1 Cloud Panel
Innovative, user-friendly interface
with smart administration
ALL-INCLUSIVE
Top performance
Unlimited traffic
Setup in 55 seconds
Premium SSD with the highest
possible performance
Private networks, professional API,
load balancers, firewalls and more,
all easy to configure
Ready-to-use applications including
WordPress, Drupal
TM
and Magento
®
Security
Built-in firewall to protect your server
from online threats
Backups and snapshots to prevent
accidental data loss
High-performance 1&1 Data Centres
are among the safest in Europe
Transparent costs
Billing by the minute
Clearly structured cost overview
enables efficient planning and
management
No minimum contract term
1
TRIAL
TRY FOR
30 DAYS
1
CLICK
UPGRADE OR
DOWNGRADE
1
CALL
SPEAK TO
AN EXPERT
0333 336 5509
*1&1 Cloud Server powered by Intel
®
Xeon
®
Processor E5-2683 (35M Cache, 2.00 GHz). 1 month free trial, then from £9.99 per month (minimum configuration). No setup fee. Prices exclude 20% VAT.
Visit www.1and1.co.uk for full offer details, terms and conditions. Windows is a registered trademark of Microsoft
®
Corporation. Linux is a registered trademark of Linus Torvalds. Intel and the Intel logo
are trademarks of Intel Corporation in the U.S. and/or other countries.
1and1.co.uk

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin