My Labs.
Projects, articles, notes, and experiments.
-
articleBuilding a Modern Web Development Workflow
A deep dive into setting up an efficient development environment for modern web applications
- Web Development
- DevOps
- Workflow Optimization
- Tooling
-
noteQuick Note on CSS Container Queries
A brief exploration of CSS Container Queries and their practical applications
- CSS
- Responsive Design
- Frontend Development
-
articleBuilding a Playful Pinterest-Style Grid with Pure CSS
One popular pattern is the masonry grid
- CSS
- Grid Layout
- Responsive Design
- Performance Optimization
-
project Personal Projectplaysoon
Never miss a premiere again.
- React
- TypeScript
- PostgreSQL
- Background Workers
-
experimentCSS Container Queries Layout System
Building a responsive card layout system using modern CSS Container Queries with fallback strategies for older browsers
- CSS Container Queries
- Progressive Enhancement
- Responsive Design
- Modern CSS
- Browser Compatibility
-
project Personal ProjectMemory Game in Python
Game developed in Python
- Python
- Terminal
-
project Personal Projectfrancesco.work
Powered by Astro and MDX content
- Astro
- MDX
- Vercel
- React
-
project Personal ProjectMath Safari App
App for kids to learn math
- Swift
- SwiftUI
-
project Personal ProjectHabit Hound App
Habit tracker app to build good habits
- Swift
- SwiftUI
-
project Personal ProjectHand War App
Rock Paper Scissors game
- Swift
- SwiftUI
-
project Personal ProjectLearning SwiftUI
Apps and experiments created while learning SwiftUI
- Swift
- SwiftUI
-
project Personal ProjectTic Tac React Game
Tic Tac Toe game developed in React
- React
- JavaScript
- SCSS
-
project Personal ProjectTodo App in React + Redux
Todo App developed in React and Redux
- React
- Redux
- Parcel
- JavaScript
- BEM
- SCSS
- Dark Mode
- Light Mode
- CSS Variables
-
project Personal ProjectTodo App in vanilla JavaScript
Todo App developed in vanilla JavaScript
- Javascript
- Parcel
- BEM
- SCSS
- Dark Mode
- Light Mode
- CSS Variables
-
project Personal ProjectTodo App in TypeScript
Todo App developed in TypeScript
- TypesScript
- Bootstrap
-
experimentTV Turn Off Animation Experiment
Recreating the classic CRT television turn-off effect using modern CSS transforms and GSAP animations
- CSS Transforms
- GSAP Animation
- Nostalgic UI Effects
- Performance Optimization
- Timeline Management
-
projectFrancesco - 3D Reel
3D character animation and modeling in Maya with Nuke compositing
- Adobe After Effects
- Animation
- Motion Graphics