Category Archives: inspiration

Creative Audio Visualizers

An exploration of modern, line-style sound visualization powered by p5.js and its p5.sound library. Today we’ll explore how to build a basic, line-style music visualization in the browser. We’ll be using p5.js for our drawings and its p5.sound library for analyzing sounds. The demo is kindly sponsored by monday.com: the visual & intuitive project management and software development tool. If...

Creative Audio Visualizers

CSS Space Shooter

CSS Space Shooter is an experiment in 3D rendering using only the DOM and CSS transforms. No canvas, webGL or images of any kind are used to render the game. Sound effects, music and audio visualization is handled by the Web Audio API. All code is available on GitHub. You can read more about it in this article. -

CSS Space Shooter

Error Pages: 35 Creative 404s For Your Inspiration

404 is a common thing and occurs on any website now and then. Your visitor may have typed an URL wrong or a once active link is no more. A useful 404 not only informs the user about that error but also tries to keep him on the page. Designing these 404 error pages is not what any designer loves...

Error Pages: 35 Creative 404s For Your Inspiration

Mobile App Animation | 20 Excellent Examples

This is a great collection of 20 excellent examples of how you can use various elements to make your applications more user-friendly and interactive. Let yourself be inspired by these mobile app animation examples! These inspirational mobile app animation designs will help you create stunning apps with dynamic features that everyone will love. You can use them to improve the...

Mobile App Animation | 20 Excellent Examples

Essential design trends, July 2016

There’s a lot of overlap in the biggest design themes of July. In many of the examples below, you’ll see that multiple trends are used in many of the examples. That’s because many of the trends are simple techniques that can be added to almost any type of design. This is a showcase of micro-trends. What’s particularly nice about these...

Essential design trends, July 2016

20 Innovative Web Layouts To Inspire You

Layouts are the foundation of a website. They separate the website’s sections and guide the visitors to the most important elements of a page. Layouts don’t have to be boring, though. A creative designer can combine both an unusual layout with user-friendliness so that the website will be fully functional and still attractive to the users. Original layouts play a great...

20 Innovative Web Layouts To Inspire You

30+ Best Infographic Templates for Illustrator

Infographics give you a way to represent information in a graphic format, designed to make it more understandable, relatable, and engaging. But they can be tricky to make! Infographics often require icons, schemes, progress elements, charts, timelines, maps, different arrows, graphs and much more.They’re a great way to convey a complex message in a simple way, so we’ve gathered together...

30+ Best Infographic Templates for Illustrator

20 Superb HTML5 Video Websites

Websites that feature a video on their welcome page are increasing in popularity, as they draw the visitor’s attention from the get-go and create a more interesting environment. If used properly, videos can give the visitor a better understanding of the website by telling a story that will stick with the viewer. They can also add a good and inviting...

20 Superb HTML5 Video Websites

Showcase Of 26 Awesome Sites Using HTML5 and CSS3

HTML5 and CSS3 have brought to the design world not only new techniques and an easier or more manageable code but also the chance to create features for a website that were previously available with flash, Javascript or some pretty hardcore designing. A few years ago I wasn’t expecting to find so many high quality websites that use HTML5 and...

Showcase Of 26 Awesome Sites Using HTML5 and CSS3