9 11~llll~llliiiijij~n~jiiii - libdoc.dpu.ac.thlibdoc.dpu.ac.th/mtext/cont/145128.pdf · inside...
TRANSCRIPT
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~
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
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
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