Top 5 CODEPENS

Let this se­lec­tion of in­ter­est­ing code­bases in­spire you

Web Designer - - Header Comment -

Vari­able font bit.ly/2elx­cee

A liv­ing, breath­ing font that is in a con­stant state of mo­tion. Check out the CSS and Javascript to see the finer points.

Dy­nam­i­cally Gen­er­ated Alt Text bit.ly/2phc­sth

In­stantly cre­ate alt text for your im­ages. This code­pen uses Azure’s Com­puter Vi­sion API to recog­nise im­age el­e­ments and cre­ate text.

Rainy Day bit.ly/2ssz0xz

This recre­ates the weather out­side, with mov­ing grey clouds cou­pled with con­stant rain. Uses can­vas and SVG to cre­ate.

Virus in the ma­chine bit.ly/2sp­bzjo

Move the mouse cur­sor and see a trail of let­ters and num­bers pour onto the screen and rise to the top.

Drone bit.ly/2ewh39h

A demo us­ing the three.js un­real bloom ef­fect. Watch the vir­tual drone fly through the lit arches from all an­gles.

Newspapers in English

Newspapers from UK

© PressReader. All rights reserved.