08.02.2019 Views

Web_Designer_UK__May_2018

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

FileSilo<br />

96 Get the latest must-have resources and videos<br />

<br />

<br />

<br />

<br />

96<br />

Never miss<br />

an issue<br />

Subscribe<br />

Turn to page 32 now<br />

Save 20 percent and get the<br />

magazine delivered to your door<br />

WEB DESIGNER <br />

myfavouritemagazines.co.uk<br />

<br />

Tutorials<br />

<strong>Web</strong>gurustakeyoustep-by-step<br />

through professional techniques<br />

<br />

<br />

<br />

<br />

<br />

COMMENT — James Norman — p11<br />

34 18<br />

ProFile: <br />

Lightbox: <br />

Making data beautiful and engaging<br />

Dressing up eCommerce<br />

52 Code a dynamic SVG menu<br />

UseSVG,jQueryandtheGSAPanimationlibraryto<br />

create an animated radial menu<br />

56 Design isometric typography<br />

Learn how to build a city of letters, using the Pen tool,<br />

selections and layers in Photoshop<br />

70 Shrink your CSS<br />

UseCSS4variablestochangeavariableandeveryrule<br />

that depends on it<br />

<strong>Web</strong> Workshop<br />

50 Overlay graphics on video<br />

project-redspace.com<br />

Create designs to complement video backgrounds<br />

60 Multiple fade background colours<br />

rocka.co<br />

Code backgound colour changes on scroll<br />

<strong>Web</strong> Developer<br />

74 10 best Static Site Generators<br />

Discover the best options for creating HTML pages<br />

in double-quick time<br />

80 Automate your workflow<br />

Learn how to remove the nuisance of repetitive<br />

and mundane tasks with the help of Gulp<br />

86 Wire up TypeScript & React<br />

TypeScript makes coding easier, but deploying it with a<br />

framework can be a hassle. <strong>Web</strong>pack to the rescue<br />

contents _________________________________________________7

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!