UI Deploy

Curated, Short, Web UI Dev we Love.

Create transparent cut-out effects with jQuery

This tutorial takes a look at the portfolio of French designer Vivien Wack. The site contains some very interesting loading animations that keep the user entertained while the site loads.

When loaded the main image fades in and some line art triangles are drawn in place which cleverly spell out the initials VW. Once past this, the rest of the site is straightforward enough and uses the AngularJS library to load content, using the XMLHttpRequest to load the new content to the page. Altogether it gives a very slick web presence for an individual designer and is more akin to the kind of studio sites that they would produce for themselves.

view source


Advertisement