I

--shy-----shy--shy--shy--shy--shy-shy

~~_ ~ jQuery _ JavaScript WWebDesignerMag I1webDesigner

~ ~ V ANALYSf lVnO~fP-~ VSfP- flltPfP-ffNlf i ~Q- poundJ flltPflTATfONS ~ liS VSA8fUTY shy 12

-~ 0middot- _c=-shy-coo

~

m EASY ANGULAR APPS FAST RESPONSIVE + GSSL YOUTS GET CREAl(VE WITH

)3 eREI

L~ T~Yh I Ia T~ re WOR ~ v laquo ~ ~~ 18 ~ elA

CONTI MUST-KNO~

AND STRI

0

ampY pfl-OTOTYPI

TooL5

GlNEMAGRAPHS PlEMENT PUSH ~ 9 11~llll~lllIIIIJIJ~n~JIIIINOTIFICIATIONS

inside issue 255

Cutting-edgefeatures teclmiques and inspiration for web creatives Chat with the team and other readers and discuss the latest tech trends and techniques Heres how to stay in touchowebdesignerimagine-publishingcouk 0 WebDesignerMag i wwwgadgetdailyxyz

(1IIiclc cclc 08 New web accessiblity

Web accessibility guidlines are about to change

Web Designer looks at Imrs been happtnlng

and wlW things need to change

10 Webkit The best must-try resources out there

lSCover tile hbrAnes and frameworkslhi1t

will make your site a be ler place to visit

11 The power of infographics Antoll Stepanov Head of Sputnik DeSign

Cent e extolls tile virtues 01 visualinfonnation

14 Lightbox A shfJwcase of Inspirational sites and the

techniques used to aeate tl1em

26 Surfing soundly EPIC create an engaging musical experience for

Red Bull WebGL game Cilord Surfer was the

resul and heles how It came to be

32 DeSigning tomorrow Bluecadel dre an agency I king to the future

UL T I AT E ~

Covel-foa

32 14

They designs spaces thai ec ucate engage and

enter taln for a host of diverse chents

40 Ultimate UX The user experience IS mOl Impurlant than

ever Chrrs Cilerrett give the lowcJonw on the

best processe and tools eeded to creale Ihe

best web experrence

66 World-class content strategy Sit down and gel reuroilcly to read the rules needed

to reate an award winning content strategy that

will make your Site a success

72 25 vital APIs Discover the best APls thay every dev needs to

powel up prOjec

92 Hosting listings An extensl p Irst rweb 110sting compa ies

Pick the per fee I I lost for your needs

98 Next month ProFile Bluecadet Lightbox Great Animal Orcl wnats in he next Issue of Web Designer A digital agency that are designingfor tomorrow Learning to listen withsomegreat visual eJ

6 met~

inside issue 255

Cutting-edgefeatures teclmiques and inspiration for web creatives Chat with the team and other readers and discuss the latest tech trends and techniques Heres how to stay in touchowebdesignerimagine-publishingcouk 0 WebDesignerMag i wwwgadgetdailyxyz

(1IIiclc cclc 08 New web accessiblity

Web accessibility guidlines are about to change

Web Designer looks at Imrs been happtnlng

and wlW things need to change

10 Webkit The best must-try resources out there

lSCover tile hbrAnes and frameworkslhi1t

will make your site a be ler place to visit

11 The power of infographics Antoll Stepanov Head of Sputnik DeSign

Cent e extolls tile virtues 01 visualinfonnation

14 Lightbox A shfJwcase of Inspirational sites and the

techniques used to aeate tl1em

26 Surfing soundly EPIC create an engaging musical experience for

Red Bull WebGL game Cilord Surfer was the

resul and heles how It came to be

32 DeSigning tomorrow Bluecadel dre an agency I king to the future

UL T I AT E ~

Covel-foa

32 14

They designs spaces thai ec ucate engage and

enter taln for a host of diverse chents

40 Ultimate UX The user experience IS mOl Impurlant than

ever Chrrs Cilerrett give the lowcJonw on the

best processe and tools eeded to creale Ihe

best web experrence

66 World-class content strategy Sit down and gel reuroilcly to read the rules needed

to reate an award winning content strategy that

will make your Site a success

72 25 vital APIs Discover the best APls thay every dev needs to

powel up prOjec

92 Hosting listings An extensl p Irst rweb 110sting compa ies

Pick the per fee I I lost for your needs

98 Next month ProFile Bluecadet Lightbox Great Animal Orcl wnats in he next Issue of Web Designer A digital agency that are designingfor tomorrow Learning to listen withsomegreat visual eJ

6 met~

11

Get the latest must-have resources and videos

bull76 minutes of CSS grid and flexbox video guides from Pluralsight bull20 film effect Photoshop actions bull3 HTML5Responsive templates

Visit the WEB DESIGNER online shop at

imagineshopCOUk for back issues1Jookazinesand DVDs

lttlltc)rialsgt e gurus take you step-by-step

thro pr ues

50 Add push notification to apps

66

The tools and trends to nlmiddot1110 5

Get ready for new web accessibility guidelines The eb has 11()nged ano so are web

accessibllily gUidelines nnd out whats

happenln

1 Webkit The best must-try resources out there Nee a new Ir mework or library Then

Implement PushJS to give wide browser support to push

notifications using a simple javascript call

S4 Create a cinemagraph header Use Photoshops layers and masking capabilities to

create an animated gif with a difference

S8 Code fast-loading CSS layouts Create responsive bespoke lightweight layouts

using the Tachyons framework

el cIlcsIICIJ 4 Create a pop-up info panel

wwwbeoplaycom

Add extra information but keep it out of view

62 Code an animated snow effect wwwthefourthphasecom

Implement a snow fall effect with CSS3

72 25 Vital APls Discover the code libraires that every dev needs to make thiS Is where you need to start

Comment Anton Stepanov The power of inograprlics lies in its ability

10 present data in easy 10 read Isual

Information But w llat I ype should you

use

There are three different kinds of infographic that are conlmonly used by designers

AntonStepanov

your project that little more productive and special

80 Secure your site for free Unleash the power of Lets Encrypt to make your site

secure without spending a penny

86 Easy app creation with gular2 Combine the talents of NativeScript and Angular 2 to

create an app that draws info from a database

meta 7