SAnet.me.WebDesignerIssue2552016.pdf

(24836 KB) Pobierz
EX
PE PA
RT G
TUES O
TO F
RI
AL
S
FREE
OF HTML VIDEO
CSS3
jQuery
JavaScript
@WebDesignerMag
/WebDesignerUK
29
76 MINUTES
HTML5
R
YSE CUSTOME
ANAL
XPECTATIONS
E
CE
ER EXPERIEN
US
VS USABILIT Y
S
CONTENT
MUST-KNOW RULES
AND STRATEGIES
WORLD
CLASS
CREATE
KEY
PROTOT YPING
TOOLS
EASY ANGULAR APPS
FAST RESPONSIVE
CSS LAYOUTS
GET CREATIVE WITH
CINEMAGRAPHS
IMPLEMENT PUSH
NOTIFICIATIONS
BEST RESEARCH
ME THODS
IDENTIFIED
ILD AND TEST
BU
WIREFRAMES
SECURE
ISSUE 255
YOUR SITE
FREE SSL CERTIFICATES
WITH LET’S ENCRYPT
Digital
Edition
GreatDigitalMags.com
<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
Steven
Jenkins
Our agency
culture is incredibly
important, so most
of the people who
come to Bluecadet
are dedicated and
do a really good
job of creating
great work
Digital design gurus Bluecadet
imagine and build tomorrow’s
spaces.
Page 32
U
Don’t forget about the user experience
Complementing UX we have content strategy. Creating
great content is another step to a successful site. Poor
content has a negative effect on the user. If they are not
getting what they want, they go elsewhere. Find out the
must-know rules to help you and your client create a
world-class strategy. Give yourself a competitive edge.
Heading to the developer side, it is APIs that are the
focus this issue (page 72). They are everywhere. Think of
an online company and we guarantee that they have an
API you can use to power up your projects. We choose
25 must-haves and give you the lowdown on how and
why to use them.
In addition to all that, we bring you the usual top
tutorials. As always, enjoy the issue.
X – it’s only two letters but covers a
myriad of areas that cannot be
ignored if you want your site to be a
roaring success.
It could be argued that UX is just
common sense, but there is so much
more to user experience. This issue we
employ the talents of UX expert Chris
Cherrett to guide you through the process of
creating a great web experience. He’s tells why its
important, the difference between UX and
usability, identifies the best research methods,
best practices, why wireframes are important
and the best tools to test and prototype with.
As users of the
web, we’re keenly
aware what makes
a website or mobile
app easy to use and
understand (or,
what makes one
difficult)
Follow us on Twitter for all the news & conversation
@WebDesignerMag
Visit our blog for opinion, freebies & more
www.gadgetdaily.xyz
54
FREE
exclusive with this issue
Designer resources
Video Tuition
– 76 minutes of CSS grid and flexbox video guides
from Pluralsight (www.pluralsight.com)
Assets
– 20 random film effect Photoshop actions from
SparkleStock(sparklestock.com)
– 3 HTML5/Responsive web templates
www.filesilo.co.uk/webdesigner
meta
_________________________________________________________________________
3
<meta>
contributors
This issue’s panel of experts
Welcome to that
bit of the mag
where we learn
more about the
featured writers
and contributors…
Future Publishing Ltd
Richmond House, 33 Richmond Hill
Bournemouth, Dorset, BH2 6EZ
+44 (0) 1202 586200
Web:
www.gadgetdaily.xyz
www.greatdigitalmags.com
www.futureplc.com
Editorial
Editor
Steven Jenkins
steve.jenkins@futurenet.com
01202 586233
Designer
Harriet Knight
Photographer
James Sheppard
Senior Art Editor
Will Shum
Editor in Chief
Amy Hennessey
Contributors
Anton Stepanov, Jordan Poulton, Leon Brown, Epic, David Howell,
Hanna, Louis Pollard, Jamie Druce, Progress, Mark Billen, Carrie
Mok, Philip Morris, Amelia Jones, Phil King, Stephen Holmes
Advertising
Digital or printed media packs are available on request.
Head of Sales
Hang Deretz
01202 586442
hang.deretz@futurenet.com
Account Manager
Luke Biddiscombe
luke.biddiscombe@futurenet.com
The difference
between a good
website and a great
website is the
attention given to
micro-interactions,
emotional
reactions and
perception
Chris Cherrett
Chris is a creative developer and UX designer who blends user-centric
design with the hands-on technical skills to implement it. This issue he
provides a guide to all that is UX. Discover the best research methods, key
prototyping tools and how to build and test wireframes.
Page 40
International
Web Designer is available for licensing. Contact the International
department to discuss partnership opportunities.
Head of International Licensing
Cathy Blackman
+44 (0) 1202 586401
cathy.blackman@futurenet.com
Subscriptions
For all subscription enquiries:
webdesigner@servicehelpline.co.uk
0844 848 8413
Overseas +44 1795 592 878
www.imaginesubs.co.uk
Head of subscriptions
Sharon Todd
FileSilo.co.uk
be found on this website.
Louis Pollard
Louis helps brands to
develop stories that connect
meaningfully with their
audience. He believes that a
strong content strategy is a
vital asset in creating web
experiences that matter. This
issue he tells you what you
need to know.
Page 66
Tam Hanna
Tam’s career has seen him
wrestle with a variety of
stacks and languages. This
issue he takes a closer look at
25 of the best APIs that every
dev needs today. He checks
out the obvious and not so
obvious and shows how to
use them.
Page 72
Mark Shufflebottom
Mark is a professor of
Interaction Design at
Sheridan College of
Advanced Learning and is
also an Adobe Education
Leader. In this issue Mark
tackles push notifications
and demonstrates how to
add to projects.
Page 50
Support
filesilohelp@imagine-publishing.co.uk
Circulation
Circulation Director
Darren Pearce
01202 586200
Production
Production Director
Jane Hawkins
01202 586200
Management
Finance & Operations Director
Marco Peroni
Creative Director
Aaron Asadi
Editorial Director
Ross Andrews
Printing & Distribution
Printed by Southernprint Ltd, 17-21 Factory Road
Upton Industrial Estate, Poole, Dorset, BH16 5SN
Distributed in the UK, Eire & the Rest of the World by
Marketforce, 5 Churchill Place, Canary Wharf, London, E14 5HU
0203 787 9060 www.marketforce.co.uk
Distributed in Australia by
Gordon & Gotch Australia Pty Ltd,
26 Rodborough Road, Frenchs Forest, New South Wales 2086
+ 61 2 9972 8800 www.gordongotch.com.au
Disclaimer
damaged in the post. All text and layout is the copyright of Future Publishing Ltd.
Nothing in this magazine may be reproduced in whole or part without the written
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.
mentioned herein.
If you submit material to Future Publishing via post, email, social network or any
other means, you automatically grant Future Publishing an irrevocable, perpetual,
royalty-free licence to use the material across its entire portfolio, in print, online and
digital, and to deliver the material to existing and future clients, including but not
limited to international licensees for reproduction in international, licensed editions
of Future Publishing products. Any material you submit is sent at your risk and,
although every care is taken, neither Future Publishing nor its employees, agents or
subcontractors shall be liable for the loss or damage.
Jamie Druce
Jamie is a passionate full
stack web developer,
building apps in languages
and environments varying
from PHP to Node.js. This
issue he shows how to
secure your site with a free
SSL certificate from Let’s
Encrypt.
Page 80
Tim Stone
Tim is a front-end developer
at Lush with four years’ prior
experience working in digital
agencies. This month he’s
taking time to explore
Tachyons, a CSS toolkit with
backing by smart people at
Amazon, Facebook, Tesla
and gov.uk.
Page 58
Neil Pearce
Neil is a web designer from
Essex, UK and has been
contributing to the
magazine for many years.
This issue he reveals how to
use HTML and CSS to
create a snow effect, with
the option to adjust to suit
your project.
Page 62
Mark White
Mark White is senior staff
writer on
Photoshop
Creative.
This issue he
demonstrates how to use
video and Photoshop to
create an animated
cinemagraph with added
text to use as a page
header.
Page 54
Leon Brown
Leon is a freelance web
developer and trainer who
assists web developers in
creating efficient code for
projects. This issue he
reveals a host of techniques,
as seen on the top-class
websites to be featured in
our Lightbox.
Page 16
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?
© 2016 Future Publishing Ltd
ISSN 1745-3534
4
__________________________________________________________________________meta
Zgłoś jeśli naruszono regulamin