Schemetastic Renders

What is Schemetastic Renders?

It is a web app that I built for a Netlify competition in the DEV community. With Schemetastic Renders you can select a design to download, and from that design you can choose 10 different color variations, and specify your download preferences using the Netlify image CDN.

✨ Live Preview: https://renders.schemetastic.com

✨ Winners Announcement: https://dev.to/devteam/congrats-to-the-netlify-dynamic-site-challenge-winners-4of3

Made in HTML, CSS and JS 😎

A quick look at the UI

The design process

A cool on scroll rocket animation

Accessibility

Two similar images but with differences described by HTML alt attributes
A list of images showing how HTML aria attributes are used accross different elements

Thanks for watching 'til the end

My name is Rodrigo Calix and I love web design, programming, UI/UX and everything related. I feel a strong passion for what I do, and if you like what I do, you can follow me here or also, on X:

https://x.com/schemetastic

More by Rodrigo Calix

View profile