30.05.2017 Views

Web_Designer_Issue_262_2017

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

FileSilo<br />

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

A comprehensive collection<br />

of free designer resources!<br />

• 72 minutes of troubleshooting<br />

video guides from Pluralsight<br />

• 70 vintage wood textures<br />

• 16 Orange and Teal PS actions<br />

96<br />

Visit the WEB DESIGNER online shop at<br />

myfavouritemagazines.co.uk<br />

for the latest issue, back issues and specials<br />

<br />

<strong>Web</strong> gurus take you step-by-step<br />

through professional techniques<br />

54 Code augmented reality markers<br />

Learn how augmented reality can be achieved in the<br />

browser using native web technologies<br />

60 Create custom social media buttons<br />

Create great social media buttons using the WordPress<br />

menu tool, built-in icon fonts and a little CSS<br />

66<br />

Which front-end framework do you need? We help you decide<br />

<br />

The tools and trends to<br />

inspire your web projects<br />

08 The current state of<br />

browser support<br />

What’s being supported and what’s not<br />

10 <strong>Web</strong>kit: The best must-try<br />

resources out there<br />

Need a new framework or library? Then<br />

this is where you should start<br />

11 Comment:<br />

Mark Stuckert<br />

Lead designer at Sequence discusses how<br />

fantasy inspiration could one day affect<br />

real-world UI and UX<br />

Nowadays we even<br />

have to avoid HTML<br />

code as hacking text.<br />

Audiences are just too<br />

easily pulled out of the<br />

illusion<br />

Mark Stuckert<br />

Never<br />

miss an issue<br />

Subscribe<br />

Turn to page 34 now<br />

USA readers turn to<br />

page 85 for an<br />

exclusive offer<br />

web workshop<br />

52 Animate multiple elements<br />

tram-house.com<br />

Introduce multiple animations across a single page<br />

58 Code draggable navigation<br />

poligraph.live<br />

Let the user take control<br />

64 Create interactive navigation<br />

ivanaivazovsky.life<br />

Implement different background images on hover<br />

web developer<br />

74 Get started with Vue.js<br />

Find out how to install and start using the<br />

popular JavaScript framework<br />

80 Say hello to Angular 4<br />

There’s been some fundamental changes to how Angular<br />

works. See how they can benefit your application<br />

86 Create a dashboard app with React<br />

Make the most out of reusable components to create a<br />

highly flexible data visualisation screen<br />

meta _________________________________________________________________________ 7

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

Saved successfully!

Ooh no, something went wrong!