Hello! I'm Felipe, a Frontend Developer obsessed with the intersection of code and art.
I write about Web Development and creative animations on my blog.
Accessibility
- web.dev Accessibility Testing - Accessibility testing demo
Algorithmic visualizations
- Beh Zee Ay - Using De Casteljau's Algorithm and Bernstein Polynomial to create Bézier curves
- Dithering - Floyd-Steinberg image dithering algorithm
- Game of life - The Conway's Game of Life is a cellular automaton
- Lissajous - A Lissajous curve is the graph of a system of parametric equations
- Truchet - Truchet tiles are square tiles decorated with patterns that are not rotationally symmetric
Blog
- Felipe OG blog posts - Repository for managing blog posts using GitHub Projects
Challenges
- CSS Battle - My CSSBattle solutions presented on a responsive grid
College
- Cid'Arte - Website created for an architecture project
- Padronagem - Interactive version of an Industrial Design exercise
Courses
- curso.dev -
tabnews.com.brclone
Creative coding and motion
- All day long - HTML and CSS recreation of an animation I found on Dribbble
- Do it! - HTML, CSS, and JS animation inspired by an animation I found on Dribbble
- Good mood - SVG recreation of an animation I found on Dribbble
- Homer - Homer is watching 👀
- Image to pattern - Create patterns from images
- Learn then do - HTML and CSS recreation of an animation I found on Pinterest
- Pseudo 3D microwave - An interactive web visualization of a pseudo 3D microwave
- Random scribble - A little experiment with SVG and GSAP
- Red flag - SVG recreation of an animation I found on Dribbble
- Sliced text - An animation made with clip path
- Tumbling dice - Experimenting with CSS 3D transforms