In January 2024 I decided to learn Creative Web Development, transitioning from a 10+ yrs career in 3D and VFX.
- This is a minimalist daily log designed to track that journey, from beginning to infinite.
- It's a compassionate, constant reminder that getting 1% better everyday matters.
- It was inspired by this video and the learning in public manifesto .
- Important: the log is part of self-updating Github actions, do not edit the structure.
July
-
- 🎓 Learning || Figma in depth
- 🛠️ Building || n/a
- 🎨 Daily Design || https://dribbble.com/shots/24507401-Dark-Mode-Toggle
- 💡 Big Challenge || don't let yourself get squeezed
- 🏆 Big Solution || feel your space is equal to others'
- 🌟 One Cool Find || n/a
- 💭 Idea Cloud ||
no opinion can contain your freedom - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
April
-
- 🎓 Learning || responsive CSS from Scrimba
- 🛠️ Building || n/a
- 🎨 Daily Design || n/a
- 💡 Big Challenge || take note of all possibilities
- 🏆 Big Solution || write cliff notes everytime
- 🌟 One Cool Find || https://dev.37signals.com/modern-css-patterns-and-techniques-in-campfire/
- 💭 Idea Cloud ||
one idea at a time - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || .forEach(), data attributes, CDNs and more in Scrimba Twitter Clone
- 🛠️ Building || n/a
- 🎨 Daily Design || n/a
- 💡 Big Challenge || focusing will keep energy flowing and eradicate anxiety
- 🏆 Big Solution || just relax INTO focusing
- 🌟 One Cool Find || n/a
- 💭 Idea Cloud ||
focus - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || for of, import, querySelector, getElementsbyClassName, classList.add, classList.remove, .includes, .filter
- 🛠️ Building || n/a
- 🎨 Daily Design || n/a
- 💡 Big Challenge || having faith it will all come together
- 🏆 Big Solution || revise
- 🌟 One Cool Find || n/a
- 💭 Idea Cloud ||
it seems you're not moving, but you are - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || FormData, .classList, setTimeout, element.style
- 🛠️ Building || n/a
- 🎨 Daily Design || n/a
- 💡 Big Challenge || having the persistence to not skip understanding
- 🏆 Big Solution || investigate untill all the doubts are exinguished
- 🌟 One Cool Find || https://www.rayraylab.com/
- 💭 Idea Cloud ||
it gets easier! - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || css deep dive 1 on Scrimba
- 🛠️ Building || n/a
- 🎨 Daily Design || n/a
- 💡 Big Challenge || Visualizing css layout possibilities
- 🏆 Big Solution || flexbox will help for a variety of cases, add margin to children to expan options
- 🌟 One Cool Find || https://abduzeedo.com/rnls-elegant-and-minimalist-branding-identity-design
- 💭 Idea Cloud ||
you will get there - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || onValue and other Firebases JS methods
- 🛠️ Building || n/a
- 🎨 Daily Design || n/a
- 💡 Big Challenge || Visualize nested arrays
- 🏆 Big Solution || Use copilot to create small explanatory exercises
- 🌟 One Cool Find || http://madeinhaus.com
- 💭 Idea Cloud ||
find lightheartedness - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || To sort my taxes - The final coundown and Figma
- 🛠️ Building || n/a
- 🎨 Daily Design || Daily UI 022
- 💡 Big Challenge || Animate smoothly in Figma
- 🏆 Big Solution || Keep identical namings and consistent parameters modifications
- 🌟 One Cool Find || https://mailchi.mp/codrops/collective827-ghts
- 💭 Idea Cloud ||
smart animatehealthy heart - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || To sort my taxes - The Revenge
- 🛠️ Building || n/a
- 🎨 Daily Design || n/a
- 💡 Big Challenge || Going back to yoga
- 🏆 Big Solution || Just do it but do it respecting your body
- 🌟 One Cool Find || https://t.co/ZgYgvpdTcs
- 💭 Idea Cloud ||
be strong! close to the first round of decisions for moving - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || To sort my taxes
- 🛠️ Building || n/a
- 🎨 Daily Design || n/a
- 💡 Big Challenge || Going back to yoga
- 🏆 Big Solution || Just do it
- 🌟 One Cool Find || https://masaigon.space
- 💭 Idea Cloud ||
here or there.. italy or portugal - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
March
-
- 🎓 Learning || callback functions
- 🛠️ Building || n/a
- 🎨 Daily Design || Daily UI 020
- 💡 Big Challenge || Maintain the motivation during the storm
- 🏆 Big Solution || One Step at a time
- 🌟 One Cool Find ||
- 💭 Idea Cloud ||
Red or Apples... does it really matter? - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || function parameters
- 🛠️ Building || n/a
- 🎨 Daily Design || Daily UI 019
- 💡 Big Challenge || Keeping it up
- 🏆 Big Solution || Keep it up. You will make it soon
- 🌟 One Cool Find || https://dribbble.com/shots/23899274-DailyUI-019-Leaderboards
- 💭 Idea Cloud ||
I will make it - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || JSON parse and stringify and localStorage
- 🛠️ Building || n/a
- 🎨 Daily Design || Daily UI 018
- 💡 Big Challenge || The quickest sketch in Figma
- 🏆 Big Solution || duplicate stuff randomly and simmetrize it or flip it!
- 🌟 One Cool Find || My distant relative Laurie in the US
- 💭 Idea Cloud ||
localStorage - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Absolutely nothing today, proud to say!
- 🛠️ Building || n/a
- 🎨 Daily Design || Daily UI 017
- 💡 Big Challenge || Can you be idle?
- 🏆 Big Solution || A day at the beach and a glass of red wine
- 🌟 One Cool Find || https://x.com/samdape/status/1771937537558200328?s=20
- 💭 Idea Cloud ||
where - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Scrimba Frontend Path, Javascript and Figma!
- 🛠️ Building || n/a
- 🎨 Daily Design || Daily UI 016
- 💡 Big Challenge || Don't get caught in discussion
- 🏆 Big Solution || Use love instead of hate
- 🌟 One Cool Find || https://minimalism.substack.com/p/crafting-a-digital-garden
- 💭 Idea Cloud ||
step by step, don't look too far ahead but be confident you'll get there - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Scrimba Frontend Path, Javascript and Figma!
- 🛠️ Building || n/a
- 🎨 Daily Design || Daily UI 015
- 💡 Big Challenge || Figuring out template literals in JS
- 🏆 Big Solution || Just make simple examples
- 🌟 One Cool Find || Minimalist by Carl Barenbrug
- 💭 Idea Cloud ||
Minimalism works! - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Scrimba Frontend Path, Javascript and Figma!
- 🛠️ Building || n/a
- 🎨 Daily Design || Daily UI 014
- 💡 Big Challenge || Balancing dev and design
- 🏆 Big Solution || Dev till 6pm, design 1hr after
- 🌟 One Cool Find || https://labs.lusion.co/
- 💭 Idea Cloud ||
Minimalist frequency works! - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Scrimba Frontend Path, Javascript and Figma!
- 🛠️ Building || n/a
- 🎨 Daily Design || Daily UI 013
- 💡 Big Challenge || Struggling with balancing design and dev
- 🏆 Big Solution || You really prioritize one for now
- 🌟 One Cool Find || Polyvagal Practices
- 💭 Idea Cloud ||
Minimalist frequency - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Scrimba Frontend Path, Javascript and Figma!
- 🛠️ Building || n/a
- 🎨 Daily Design || Daily UI 012
- 💡 Big Challenge || Staying here
- 🏆 Big Solution || Yoga
- 🌟 One Cool Find || Official David Cross Show
- 💭 Idea Cloud ||
Decide the priority n.1 - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Scrimba Frontend Path, Javascript and Figma!
- 🛠️ Building || n/a
- 🎨 Daily Design || Daily UI 011
- 💡 Big Challenge || Staying here
- 🏆 Big Solution || Yoga
- 🌟 One Cool Find || https://codepen.io/amit_sheen/full/WNWoXdx
- 💭 Idea Cloud ||
Peace and happiness is your default, misery needs a motive - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Scrimba Frontend Path, Javascript and Figma!
- 🛠️ Building || n/a
- 🎨 Daily Design || Daily UI 010
- 💡 Big Challenge || Figma cannot smart animate strokes
- 🏆 Big Solution || Use shape transformations
- 🌟 One Cool Find || Downdog App for Yoga!
- 💭 Idea Cloud ||
The mind works peacefully in a peaceful body - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Scrimba Frontend Path, Javascript and Figma!
- 🛠️ Building || n/a
- 🎨 Daily Design || Daily UI 009
- 💡 Big Challenge || Use colors but cleanly
- 🏆 Big Solution || Play with vibrancy and reuse palette as much as possible
- 🌟 One Cool Find || GUI challenges
- 💭 Idea Cloud ||
Good to be empty and relaxed - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Scrimba Frontend Path, Javascript and Figma Animations
- 🛠️ Building || Animated Toggle Mode in Figma, it's cool!
- 🎨 Daily Design || Daily UI 008
- 💡 Big Challenge || Animate stuff in Figma
- 🏆 Big Solution || Let interpolation work by itself, fewer keys
- 🌟 One Cool Find || https://delights.flayks.com/
- 💭 Idea Cloud ||
Figma can also be a superpower - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Scrimba Frontend Path, Javascript and Figma Neumorphic
- 🛠️ Building || N/A
- 🎨 Daily Design || Daily UI 007
- 💡 Big Challenge || Use shadows to fake 3D in Figma
- 🏆 Big Solution || Combine inner and drop
- 🌟 One Cool Find || n/a
- 💭 Idea Cloud ||
Make today look like the day you'd love living everyday. - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Scrimba Frontend Path, Javascript
- 🛠️ Building || N/A
- 🎨 Daily Design || Daily UI 006
- 💡 Big Challenge || Remember to update the log!
- 🏆 Big Solution || update it the day after
- 🌟 One Cool Find || n/a
- 💭 Idea Cloud ||
thoughts don't last - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Scrimba Frontend Path, Javascript
- 🛠️ Building || N/A
- 🎨 Daily Design || Daily UI 005
- 💡 Big Challenge || Deal with not having infinite time n.2
- 🏆 Big Solution || use it well! focus n.2
- 🌟 One Cool Find || https://github.com/Fennec-hub/three-css-layout
- 💭 Idea Cloud ||
let stuff go and smile - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Scrimba Frontend Path, Javascript
- 🛠️ Building || N/A
- 🎨 Daily Design || Daily UI 004
- 💡 Big Challenge || Deal with not having infinite time
- 🏆 Big Solution || use it well! focus
- 🌟 One Cool Find || https://godly.website/website/philosophical-foxes-702
- 💭 Idea Cloud ||
let stuff go - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Scrimba Frontend Path, Javascript
- 🛠️ Building || N/A
- 🎨 Daily Design || Daily UI 003
- 💡 Big Challenge || Make something interest with type only
- 🏆 Big Solution || use center and font size
- 🌟 One Cool Find || Quenting Hocde website
- 💭 Idea Cloud ||
new vs old JS conventions - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Scrimba Frontend Path, Javascript
- 🛠️ Building || N/A
- 🎨 Daily Design || DailyUI 002
- 💡 Big Challenge || Working in the DailyUI routine within Scrimba
- 🏆 Big Solution || focus on clean and functional design
- 🌟 One Cool Find || Figma Dev Tutorial from Envato
- 💭 Idea Cloud ||
Possibility keeps you fresh - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Scrimba Frontend Path, Javascript
- 🛠️ Building || N/A
- 🎨 Daily Design || DailyUI 001
- 💡 Big Challenge || Getting ready for a party right now
- 🏆 Big Solution || use brutalism to design quickly
- 🌟 One Cool Find || the #dailyUI challenge
- 💭 Idea Cloud ||
learning JS is pure power - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Scrimba Frontend Path
- 🛠️ Building || N/A
- 🎨 Daily Design || Vaporwave 1 CSS
- 💡 Big Challenge || How to create a sense of depth in CSS
- 🏆 Big Solution || use
box-shadowinset - 🌟 One Cool Find || https://0xca0a.gumroad.com/l/B4N4N4S
- 💭 Idea Cloud ||
curiosity is raw power - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
February
-
- 🎓 Learning || Github Actions and hacks
- 🛠️ Building || this and a gradient generator top
- 🎨 Daily Design || N/A
- 💡 Big Challenge || How to make collapsible buttons in github
- 🏆 Big Solution || use
svg,pictureanddetail - 🌟 One Cool Find || Mymind.com
- 💭 Idea Cloud ||
rushingrelaxing - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Github Actions
- 🛠️ Building || this and a gradient generator top
- 🎨 Daily Design || N/A
- 💡 Big Challenge || FinalBoss serious
- 🏆 Big Solution || test yayyyy
- 🌟 One Cool Find || Mymind.com
- 💭 Idea Cloud ||
feel the power of learning - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || CSS, Javascript and DOM
- 🛠️ Building || this and a gradient generator
- 🎨 Daily Design || Vaporwave3
- 💡 Big Challenge || distribute CSS elements evenly to top, bottom, middle
- 🏆 Big Solution || use flexbox
- 🌟 One Cool Find || Mymind.com
- 💭 Idea Cloud ||
feel the power of learning - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Javascript and DOM
- 🛠️ Building || this and a gradient generator
- 🎨 Daily Design || Simple CSS Buttons
- 💡 Big Challenge || figuring out default parameters in ES6
- 🏆 Big Solution || "translate" them into English, "speak them"
- 🌟 One Cool Find || Carbon - Source Code "prettifier"
- 💭 Idea Cloud ||
JS starts to make 1% more sensereally don't stop - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Javascript and DOM
- 🛠️ Building || this and a gradient generator
- 🎨 Daily Design || Vaporwave2
- 💡 Big Challenge || managing cluttered logic
- 🏆 Big Solution || put it out but then refactor it and clean it up
- 🌟 One Cool Find || GSAP Jellyfish
- 💭 Idea Cloud ||
JS starts to make 1% more sensedon't stop - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Javascript
- 🛠️ Building || this and a gradient generator
- 🎨 Daily Design || Dark Shine
- 💡 Big Challenge || Converting HSL to HEX via Javascript
- 🏆 Big Solution || Use open source knowledge (jameslmilner.com/posts/converting-rgb-hex-hsl-colors/)
- 🌟 One Cool Find || https://www.jameslmilner.com/posts/converting-rgb-hex-hsl-colors/
- 💭 Idea Cloud ||
JS starts to make some sensedon't stop - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || JS Dom Manipulation
- 🛠️ Building || this
- 🎨 Daily Design || Dark Eclipse
- 💡 Big Challenge || Modern fluid responsive solution
- 🏆 Big Solution || Use CSS
clamp()mixingrem,vh/vw,px - 🌟 One Cool Find || Generative SVG Grids
- 💭 Idea Cloud ||
JS is harddon't stop - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || JS Dom Manipulation
- 🛠️ Building || this
- 🎨 Daily Design || Eclipse
- 💡 Big Challenge || Creating a color randomization logic in JS
- 🏆 Big Solution || Use HSL and keep some values constant while randomizing others
- 🌟 One Cool Find || gitness.com
- 💭 Idea Cloud ||
linear lookjs - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || CSS animations and transitions
- 🛠️ Building || this
- 🎨 Daily Design || Vaporwave1
- 💡 Big Challenge || glow effects in figma
- 🏆 Big Solution || just "GLOW" with the flow (just try stuff)
- 🌟 One Cool Find || linear look
- 💭 Idea Cloud ||
linear look - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || CSS animations and transitions
- 🛠️ Building || this
- 🎨 Daily Design || CSS Hover Blur Transition
- 💡 Big Challenge || how to better stack CSS animations
- 🏆 Big Solution || cascading them in a single animation property
- 🌟 One Cool Find || React LED Matrix
- 💭 Idea Cloud ||
CSS - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Figma
- 🛠️ Building || this
- 🎨 Daily Design || Hard Boiled
- 💡 Big Challenge || optimize my youtube workflow to avoid time wasting
- 🏆 Big Solution || voice-over 20%, 80% timelapse only
- 🌟 One Cool Find || @zozuar Shader Art
- 💭 Idea Cloud ||
Give back to communityLearn In Public - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Figma, Rive JS Runtime
- 🛠️ Building || this
- 🎨 Daily Design || Faint Idea
- 💡 Big Challenge || Responsive left/right margins
- 🏆 Big Solution || use
max-width:[percentage]vwinstead ofmargin: [value]em [value]em - 🌟 One Cool Find || Animated Border Gradient in CSS
- 💭 Idea Cloud ||
Learn in publicBalance Showing / Doing - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Astro, Figma grids
- 🛠️ Building || this
- 🎨 Daily Design || Difficult Palette
- 💡 Big Challenge || Align 4 spheres in a particular layout
- 🏆 Big Solution || Draw reference lines inside each circle
- 🌟 One Cool Find || Astro Crash Course in 60 minutes
- 💭 Idea Cloud ||
AstroPerfectionism paralysis VS just do something - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Rive JS/WASM Runtime
- 🛠️ Building || this
- 🎨 Daily Design || Soft Glow
- 💡 Big Challenge || Pulling a single artboard in the Rive JS runtime among multiple ones
- 🏆 Big Solution || artboard: "artboardName",
- 🌟 One Cool Find || Motion Design for the Web
- 💭 Idea Cloud ||
give others what they need - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Rive, Figma, Rive JS/WASM Runtime
- 🛠️ Building || this
- 🎨 Daily Design || Rothko Practice
- 💡 Big Challenge || How to sync multiple state machines from nested artboards in rive
- 🏆 Big Solution || Exposing input to parent artboard gives you more variables to play with
- 🌟 One Cool Find || World's Shortest Firma Course
- 💭 Idea Cloud ||
High VS Low Level coding - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Rive and motion design
- 🛠️ Building || An interactive 2D character animation and menu in Rive.
- 🎨 Daily Design || Bento UI Sketch
- 💡 Big Challenge || Blending multiple timelines to have seamless transitions in Rive.
- 🏆 Big Solution || Play with Exit Time/Duration of transition. Key with blending in mind.
- 🌟 One Cool Find || Chronicles by Basement Studio
- 💭 Idea Cloud ||
GSAPFramer VS WebflowCode VS Low Code - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a
-
- 🎓 Learning || Markdown, Rive and motion design
- 🛠️ Building || An interactive 2D character animation and menu in Rive.
- 🎨 Daily Design || 1% Better Banner
- 💡 Big Challenge || Creating visually enticing ideas in Github markdown.
- 🏆 Big Solution || Just keeping it simple and clean.
- 🌟 One Cool Find || Markdown Cheatsheet
- 💭 Idea Cloud ||
K.I.S.S. rulesTShaped Skills - 📝 Blog Entry || n/a
- 🎥 YouTube Entry || n/a