This is a project @Sergiu Firez and I have built almost a year ago. We wanted to see what could be done with CSS3 gradients, Google fonts and, of course, some memorable quotes.

From a technical standpoint it was quite challenging. Making sure it runs smoothly was a priority, so we chose CSS3 gradients instead of Canvas. On large screens, on some browsers, Canvas would struggle to paint the gradient.

We used ajax to load the next quotes, but we also had to keep in mind the memory usage. Before optimising things, the website would just crash Safari on the iPad. Hardware compositing is expensive on mobile devices.

The HTML5 history api was pretty helpful to have nice urls when switching to a new quote.

I'm pretty sure it can still be improved, but for us it was nice experiment. You can see it in action here:



For other stuff Follow me on Twitter

More by Stelian Firez

View profile