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 animate
healthy 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-shadow
inset
- ๐ 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
,picture
anddetail
- ๐ One Cool Find || Mymind.com
- ๐ญ Idea Cloud ||
rushing
relaxing
- ๐ 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 sense
really 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 sense
don'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 sense
don'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 hard
don'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 look
js
- ๐ 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 community
Learn 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]vw
instead ofmargin: [value]em [value]em
- ๐ One Cool Find || Animated Border Gradient in CSS
- ๐ญ Idea Cloud ||
Learn in public
Balance 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 ||
Astro
Perfectionism 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 ||
GSAP
Framer VS Webflow
Code 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. rules
TShaped Skills
- ๐ Blog Entry || n/a
- ๐ฅ YouTube Entry || n/a