Web_Designer_UK__May_2018
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
Meta<br />
Contributors<br />
This issue’s panel of experts<br />
Welcometothatbitofthemagwherewelearnmore<br />
aboutthefeaturedwritersandcontributors…<br />
“<br />
Typography and colour are the minimum<br />
components you would expect to use to form a design<br />
andcreatecontentthathasadistinctlookandfeel.”<br />
Steven Roberts<br />
Simon Jones<br />
Steven is a multi-disciplined<br />
creative developer from<br />
Teesside. He’s been<br />
designing and building<br />
layouts for over 10 years.<br />
This issue he’ll be revealing<br />
howtocreatelayoutswitha<br />
practicalfocusonCSSGrid.<br />
Page 62<br />
This issue Simon digs into<br />
the depths of his knowledge<br />
to talk about static site<br />
generators. They offer a<br />
simplewaytoproducehigh<br />
performance static pages<br />
for the web. Here he<br />
choosestenofthebestout<br />
there. Page 74<br />
Mark Shufflebottom<br />
Leon Brown<br />
MarkisaProfessorof<br />
Interaction Design at<br />
Sheridan College near<br />
Toronto. This issue he is<br />
exploring CSS4 variables<br />
andhowtheycanhelp<br />
designers experiment<br />
further with their web<br />
designs. Page 70<br />
Leon is a freelance web<br />
developerandtrainerwho<br />
assists web developers in<br />
creating efficient code for<br />
projects. This issue he<br />
recreates a host of<br />
techniques as seen on the<br />
top-class sites seen in<br />
Lightbox. Page 14<br />
Carl Cahill<br />
Carl is a creative who has<br />
been in the industy for over<br />
10yearswithapassionfor<br />
UID and has previously been<br />
awarded Creative of the Year.<br />
This issue Carl uses his<br />
knowledge to reveal how to<br />
pick the right font, the rules<br />
for combining fonts, how to<br />
choose the right colours and<br />
thetoolsandresourcesto<br />
help. Page 42<br />
Matej Latin<br />
Luke Harrison<br />
Matej is the author of<br />
Better <strong>Web</strong> Typography for<br />
aBetter<strong>Web</strong>andalsothe<br />
leadUX/UIdesigneratAuto<br />
Trader <strong>UK</strong>. This issue he<br />
unveils the six steps needed<br />
to create meaningful<br />
typography with some great<br />
examples. Page 46<br />
Luke is a web developer<br />
from Sheffield, <strong>UK</strong> who is all<br />
aboutscalable&efficient<br />
front-end architecture. In<br />
this issue, he explores how<br />
you can automate your<br />
workflow with Node.js<br />
powered task runner Gulp.<br />
Page 80<br />
Future PLC Richmond House, 33 Richmond Hill,<br />
Bournemouth, Dorset, BH2 6EZ<br />
Editorial<br />
Editor Steve Jenkins<br />
steve.jenkins@futurenet.com<br />
01202 586233<br />
<strong>Designer</strong> Harriet Knight<br />
Editor in Chief Amy Hennessey<br />
Senior Art Editor Will Shum<br />
Contributors<br />
James Norman, Mark BIllen, Leon Brown, David Howell, Carl<br />
<br />
White, Simon Jones, Luke Harrison, Tam Hanna, Philip Morris,<br />
<br />
Photography<br />
James Sheppard<br />
All copyrights and trademarks are recognised and respected<br />
Advertising<br />
<br />
Commercial Director Clare Dove<br />
clare.dove@futurenet.com<br />
Senior Advertising Manager Mike Pyatt<br />
michael.pyatt@futurenet.com<br />
01225 687538<br />
Account Director George Lucas<br />
george.lucas@futurenet.com<br />
Account Manager Chris Mitchell<br />
chris.mitchell@futurenet.com<br />
International<br />
<strong>Web</strong> <strong>Designer</strong><br />
Contact the International department<br />
to discuss partnership opportunities<br />
International Licensing Director Matt Ellis<br />
matt.ellis@futurenet.com<br />
Subscriptions<br />
contact@myfavouritemagazines.co.uk<br />
0344 848 2852<br />
+44 (0) 344 848 2852<br />
www.myfavouritemagazines.co.uk<br />
Sharon Todd<br />
Circulation<br />
Head of Newstrade Tim Mathers<br />
Production<br />
Head of Production Mark Constance<br />
Production Project Manager Clare Scott<br />
Advertising Production Manager Joanne Crosby<br />
Digital Editions Controller Jason Hudson<br />
Production Manager Nola Cokely<br />
Management<br />
Managing Director Aaron Asadi<br />
Commercial Finance Director Dan Jotcham<br />
Editorial Director Paul Newman<br />
Head of Art & Design Greg Whittaker<br />
Printed by<br />
Willenhall, WV13, 3XT<br />
Distributed by Marketforce, 5 Churchill Place, Canary Wharf,<br />
London, E14 5HU www.marketforce.co.uk Tel: 0203 787 9060<br />
ISSN 1745-3534<br />
We are committed to only using magazine paper which is derived from<br />
<br />
<br />
managed forests, conforming to strict environmental and socioeconomic<br />
standards. The manufacturing paper mill holds full FSC (Forest Stewardship<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
is, as far as we are aware, correct at the time of going to press. Future cannot<br />
<br />
are advised to contact manufacturers and retailers directly with regard<br />
<br />
<br />
<br />
<br />
companies mentioned herein.<br />
<br />
or have the necessary rights/permissions to supply the material and<br />
<br />
<br />
<br />
<br />
is sent at your own risk and, although every care is taken, neither Future<br />
<br />
<br />
<br />
Mark White<br />
MarkWhiteisTechiques<br />
editor on sister mag<br />
Photoshop Creative. He has<br />
been using Photoshop for<br />
over ten years. This issue he<br />
shows how to create an<br />
impressive isometric design<br />
that relies on vital features in<br />
Photoshop. Page 56<br />
Tam Hanna<br />
Tamhasawealthof<br />
experience in a breadth of<br />
different development<br />
langauges. This issue he<br />
takeacloserlookathowto<br />
bring together TypeScript<br />
and React with the help fo<br />
the module bundler<br />
webpack. Page 86<br />
Follow us!<br />
Facebook: www.facebook.com/<br />
<strong>Web</strong><strong>Designer</strong><strong>UK</strong><br />
Twitter: https://twitter.com/<br />
webdesignermag<br />
<br />
<br />
London Stock Exchange<br />
<br />
www.futureplc.com<br />
Chief executive Zillah Byng-Thorne<br />
Peter Allen<br />
Penny Ladkin-Brand<br />
Tel +44 (0)1225 442 244<br />
4 __________________________________________________experts