I use this repo to try out some fun projects and keep samples of code I like.
Some of them are live here:
I enjoy interesting hover effects. Still collecting...
Animations with @keyframes.
Draw on canvas with various colors and download your creation.
- Animated Placeholders
- fieldset & legend
- optgroup
- accent-color
- the inputmode attribute to display the appropiate keyboard
- background-blend-mode
Mostly tiny things I come across that I find interesting. For example:
- HTML only Accordion
- Typing Effect
- Conic Gradient
- Pie Chart with Conic Gradient
- 'resize' property
- 'filter: hue-rotate()'
- flip animations
- text transformations
When building the website for Hamburg Coding School my boss kept pushing me to find a CSS only solution, so to not slow down the site.
Just starting out back then I thought it couldn't be done.
Thank you for the push, Teresa! 🤗
Just coded along with a great tutorial.
All honors for this one go to Amit Sheen and Kevin Powell. 🙏
2 images positioned above each other, using the 'resize: horizontal;' property on the top one.
Might come in handy for info boxes or the like.
Followed a tutorial by Dev Ed to get a better grip on localStorage.
Followed a tutorial by Online Tutorials to learn about Particles.js.
Code also in Codepen.
Using the API from The Movie Database, following a tutorial from Brad Traversy.
I build this clock because I liked the styling so much. Props to Tommy Kelly for that.
Based on a project from Brad Traversy's course on Udemy: "50 projects in 50 days". Pictures from Unsplash.