AlicanteFrontend / alicantefrontend.github.io

Alicante Frontend website
https://www.alicantefrontend.es
MIT License
12 stars 8 forks source link

Build an animated background header effect using HTML5 canvas, CSS3 gradients and the logo #15

Closed gazpachu closed 3 years ago

gazpachu commented 7 years ago

The initial idea is to create a composition with the logo, a colourful background and some interactive geometric shapes. It would be great to mix concepts from Alicante and front-end technologies.

Some useful resources:

aarongarciah commented 7 years ago

Keep in mind that we'll probably need to define previously the look and feel of the website.

gazpachu commented 7 years ago

I've been playing with this and it's quite cool! http://vincentgarreau.com/particles.js/

aarongarciah commented 7 years ago

Looks cool 😄 Let's see how it fits with the design once we've got one. The idea is to keep the website as lightweight as possible, so better if we do not use any library.

AlvYuste commented 7 years ago

A great and simple example by our friend from Spotify: https://codepen.io/jmperez/pen/rxxRRg

AlvYuste commented 6 years ago

Another great technique to keep in mind: https://codepen.io/ainalem/pen/WXdPQP

AlvYuste commented 6 years ago

The great work of @PacoSegovia may close this issue. 👌

AlvYuste commented 6 years ago

Still, let's keep it open until it is definitely merged with master.