Pro­gres­sive Web App ( PWA), We­bGL, Vue. js

net magazine - - CONTENTS -

Mark Cot­ton runs down his favourite web­sites of the month, in­clud­ing Foos­ball World Cup 18’s fu­tur­is­tic Three.js game

The cre­ative dig­i­tal agency Artists Web present its on­line port­fo­lio as an in­ter­ac­tive ex­pe­ri­ence. Its dy­namic, mod­ern ap­proach utilises the lat­est tech­nolo­gies to cre­ate a so­lu­tion that is im­pres­sive on a broad range of de­vices. With pro­gres­sive web app (PWA) pro­vi­sions in place, in­clud­ing ser­vice work­ers, the user is proac­tively prompted by the browser to ‘Add to home­screen’ when vis­it­ing the web­site on re­cent mo­bile ver­sions of Chrome.

Artists Web has been built on Vue.js and utilises Web­pack, with GSAP and We­bGL be­ing key fac­tors in its seam­less tran­si­tions. The port­fo­lio utilises mouse and touch ges­tures through­out to aid a unique nav­i­ga­tion. A com­bi­na­tion of sim­ple ges­tures have been im­ple­mented to give an im­pres­sive cus­tom feel, which is seam­less when tran­si­tion­ing be­tween ar­eas. The use of mouse and touch ges­tures is present again to trig­ger in­ter­ac­tions with the sur­rounds when hov­er­ing over el­e­ments of the page. Other in­ter­ac­tions – in­clud­ing the abil­ity to con­tact via au­dio clip – add to the im­mer­sive feel of the port­fo­lio.

Videos have been cre­ated for each of the in­cluded case stud­ies. These pro­vide a deeper over­view of each project in a small time frame, demon­strat­ing key fea­tures and in­ter­ac­tions that are avail­able for each piece.

Newspapers in English

Newspapers from Australia

© PressReader. All rights reserved.