Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rudeevelops/creativedev-log
1% Better - Daily log of a Creative Dev
https://github.com/rudeevelops/creativedev-log
Last synced: 6 days ago
JSON representation
1% Better - Daily log of a Creative Dev
- Host: GitHub
- URL: https://github.com/rudeevelops/creativedev-log
- Owner: RuDeeVelops
- Created: 2024-02-07T11:53:33.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-07-11T20:45:15.000Z (4 months ago)
- Last Synced: 2024-07-11T23:35:12.925Z (4 months ago)
- Homepage:
- Size: 56.6 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://www.youtube.com/digitalclay)
[](https://twitter.com/3DRudy)
[](https://github.com/RuDeeVelops/creativedev-log/commits/main)
# 🚀 1% Better - Daily Log of a Creative Dev
In January 2024 I decided to learn Creative Web Development, transitioning from a [10+ yrs career in 3D and VFX](https://www.imdb.com/name/nm10480418/).
- **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](https://jamesclear.com/continuous-improvement) matters.
- It was inspired by [this video](https://youtu.be/YKkJwBzBYSk?si=WukU4o1ESfslJhUw) and the [learning in public manifesto](https://www.swyx.io/learn-in-public) .
- **Important:** the log is part of [self-updating Github actions](https://github.com/RuDeeVelops/RuDeeVelops/blob/main/.github/workflows/dynamic_logEntry.yml), do not edit the structure.
## 📅 2024
July
- #### 11-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
- #### 18-Apr
- 🎓 **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
- #### 15-Apr
- 🎓 **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
- #### 14-Apr
- 🎓 **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
- #### 12-Apr
- 🎓 **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
- #### 11-Apr
- 🎓 **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
- #### 09-Apr
- 🎓 **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
- #### 05-Apr
- 🎓 **Learning ||** To sort my taxes - The final coundown and Figma
- 🛠️ **Building ||** n/a
- 🎨 **Daily Design ||** [Daily UI 022](https://dribbble.com/shots/23959651-DailyUI-22-Search-Figma)
- 💡 **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
- #### 04-Apr
- 🎓 **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
- #### 03-Apr
- 🎓 **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
- #### 27-Mar
- 🎓 **Learning ||** callback functions
- 🛠️ **Building ||** n/a
- 🎨 **Daily Design ||** [Daily UI 020](https://dribbble.com/shots/23904586-DailyUI-020-Location-Tracker)
- 💡 **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
- #### 26-Mar
- 🎓 **Learning ||** function parameters
- 🛠️ **Building ||** n/a
- 🎨 **Daily Design ||** [Daily UI 019](https://dribbble.com/shots/23899274-DailyUI-019-Leaderboards)
- 💡 **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
- #### 25-Mar
- 🎓 **Learning ||** JSON parse and stringify and localStorage
- 🛠️ **Building ||** n/a
- 🎨 **Daily Design ||** [Daily UI 018](https://dribbble.com/shots/23892658-DailyUI-018-Chart-Figma)
- 💡 **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
- #### 24-Mar
- 🎓 **Learning ||** Absolutely nothing today, proud to say!
- 🛠️ **Building ||** n/a
- 🎨 **Daily Design ||** [Daily UI 017](https://dribbble.com/shots/23886698-DailyUI-017-Purchase-Receipt)
- 💡 **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
- #### 23-Mar
- 🎓 **Learning ||** Scrimba Frontend Path, Javascript and Figma!
- 🛠️ **Building ||** n/a
- 🎨 **Daily Design ||** [Daily UI 016](https://dribbble.com/shots/23882817-DailyUI-016-Pop-Up-overlay-Rive)
- 💡 **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
- #### 22-Mar
- 🎓 **Learning ||** Scrimba Frontend Path, Javascript and Figma!
- 🛠️ **Building ||** n/a
- 🎨 **Daily Design ||** [Daily UI 015](https://dribbble.com/shots/23878809-DailyUI-015-On-Off-Button-Rive)
- 💡 **Big Challenge ||** Figuring out template literals in JS
- 🏆 **Big Solution ||** Just make simple examples
- 🌟 **One Cool Find ||** [Minimalist by Carl Barenbrug](https://carlbarenbrug.com/)
- 💭 **Idea Cloud ||** `Minimalism works!`
- 📝 **Blog Entry ||** n/a
- 🎥 **YouTube Entry ||** n/a
- #### 21-Mar
- 🎓 **Learning ||** Scrimba Frontend Path, Javascript and Figma!
- 🛠️ **Building ||** n/a
- 🎨 **Daily Design ||** [Daily UI 014](https://dribbble.com/shots/23872145-DailyUI-14-100-Countdown-Figma)
- 💡 **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
- #### 20-Mar
- 🎓 **Learning ||** Scrimba Frontend Path, Javascript and Figma!
- 🛠️ **Building ||** n/a
- 🎨 **Daily Design ||** [Daily UI 013](https://dribbble.com/shots/23864842-DailyUI-013-Direct-Message-Figma)
- 💡 **Big Challenge ||** Struggling with balancing design and dev
- 🏆 **Big Solution ||** You really prioritize one for now
- 🌟 **One Cool Find ||** [Polyvagal Practices](https://www.amazon.com/Polyvagal-Practices-Anchoring-Self-Safety/dp/1324052279)
- 💭 **Idea Cloud ||** `Minimalist frequency`
- 📝 **Blog Entry ||** n/a
- 🎥 **YouTube Entry ||** n/a
- #### 19-Mar
- 🎓 **Learning ||** Scrimba Frontend Path, Javascript and Figma!
- 🛠️ **Building ||** n/a
- 🎨 **Daily Design ||** [Daily UI 012](https://dribbble.com/shots/23858016-DailyUI-012-Ecommerce)
- 💡 **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
- #### 18-Mar
- 🎓 **Learning ||** Scrimba Frontend Path, Javascript and Figma!
- 🛠️ **Building ||** n/a
- 🎨 **Daily Design ||** [Daily UI 011](https://dribbble.com/shots/23848618-DailyUI-011-Flash-Message)
- 💡 **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
- #### 17-Mar
- 🎓 **Learning ||** Scrimba Frontend Path, Javascript and Figma!
- 🛠️ **Building ||** n/a
- 🎨 **Daily Design ||** [Daily UI 010](https://dribbble.com/shots/23843924-DailyUI-010-Share-Animation)
- 💡 **Big Challenge ||** Figma cannot smart animate strokes
- 🏆 **Big Solution ||** Use shape transformations
- 🌟 **One Cool Find ||** [Downdog App for Yoga!](https://www.downdogapp.com/)
- 💭 **Idea Cloud ||** `The mind works peacefully in a peaceful body`
- 📝 **Blog Entry ||** n/a
- 🎥 **YouTube Entry ||** n/a
- #### 16-Mar
- 🎓 **Learning ||** Scrimba Frontend Path, Javascript and Figma!
- 🛠️ **Building ||** n/a
- 🎨 **Daily Design ||** [Daily UI 009](https://dribbble.com/shots/23840720-DailyUI-009-Music-Player-Figma)
- 💡 **Big Challenge ||** Use colors but cleanly
- 🏆 **Big Solution ||** Play with vibrancy and reuse palette as much as possible
- 🌟 **One Cool Find ||** [GUI challenges](https://www.youtube.com/playlist?list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ)
- 💭 **Idea Cloud ||** `Good to be empty and relaxed`
- 📝 **Blog Entry ||** n/a
- 🎥 **YouTube Entry ||** n/a
- #### 15-Mar
- 🎓 **Learning ||** Scrimba Frontend Path, Javascript and Figma Animations
- 🛠️ **Building ||** [Animated Toggle Mode in Figma, it's cool!](https://dribbble.com/shots/23835942-Animated-Dark-Mode-Figma)
- 🎨 **Daily Design ||** [Daily UI 008](https://dribbble.com/shots/23835964-DailyUI-008-404)
- 💡 **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
- #### 14-Mar
- 🎓 **Learning ||** Scrimba Frontend Path, Javascript and Figma Neumorphic
- 🛠️ **Building ||** N/A
- 🎨 **Daily Design ||** [Daily UI 007](https://dribbble.com/shots/23829612-DailyUI-007-Settings-Figma)
- 💡 **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
- #### 13-Mar
- 🎓 **Learning ||** Scrimba Frontend Path, Javascript
- 🛠️ **Building ||** N/A
- 🎨 **Daily Design ||** [Daily UI 006](https://dribbble.com/shots/23820444-DailyUI-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
- #### 12-Mar
- 🎓 **Learning ||** Scrimba Frontend Path, Javascript
- 🛠️ **Building ||** N/A
- 🎨 **Daily Design ||** [Daily UI 005](https://dribbble.com/shots/23812275-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
- #### 11-Mar
- 🎓 **Learning ||** Scrimba Frontend Path, Javascript
- 🛠️ **Building ||** N/A
- 🎨 **Daily Design ||** [Daily UI 004](https://dribbble.com/shots/23807243-DailyUI-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
- #### 10-Mar
- 🎓 **Learning ||** Scrimba Frontend Path, Javascript
- 🛠️ **Building ||** N/A
- 🎨 **Daily Design ||** [Daily UI 003](https://dribbble.com/shots/23800615-DailyUI-003)
- 💡 **Big Challenge ||** Make something interest with type only
- 🏆 **Big Solution ||** use center and font size
- 🌟 **One Cool Find ||** [Quenting Hocde website](https://godly.website/website/quentin-hocde-736)
- 💭 **Idea Cloud ||** `new vs old JS conventions`
- 📝 **Blog Entry ||** n/a
- 🎥 **YouTube Entry ||** n/a
- #### 09-Mar
- 🎓 **Learning ||** Scrimba Frontend Path, Javascript
- 🛠️ **Building ||** N/A
- 🎨 **Daily Design ||** [DailyUI 002](https://dribbble.com/shots/23796590--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](https://www.youtube.com/watch?v=L5p9iX8wKos)
- 💭 **Idea Cloud ||** `Possibility keeps you fresh`
- 📝 **Blog Entry ||** n/a
- 🎥 **YouTube Entry ||** n/a
- #### 08-Mar
- 🎓 **Learning ||** Scrimba Frontend Path, Javascript
- 🛠️ **Building ||** N/A
- 🎨 **Daily Design ||** [DailyUI 001](https://dribbble.com/shots/23791536--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
- #### 07-Mar
- 🎓 **Learning ||** Scrimba Frontend Path
- 🛠️ **Building ||** N/A
- 🎨 **Daily Design ||** [Vaporwave 1 CSS](https://dribbble.com/shots/23786021-Daily-CSS-Sketch-Vaporwave-1)
- 💡 **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
- #### 29-Feb
- 🎓 **Learning ||** Github Actions and hacks
- 🛠️ **Building ||** [this](https://x.com/3DRudy/status/1757100457065857474?s=20) and a gradient generator **top**
- 🎨 **Daily Design ||** N/A
- 💡 **Big Challenge ||** How to make collapsible buttons in github
- 🏆 **Big Solution ||** use `svg`, `picture` and `detail`
- 🌟 **One Cool Find ||** [Mymind.com](https://access.mymind.com/onboard)
- 💭 **Idea Cloud ||** `rushing` `relaxing`
- 📝 **Blog Entry ||** n/a
- 🎥 **YouTube Entry ||** n/a
- #### 27-Feb
- 🎓 **Learning ||** Github Actions
- 🛠️ **Building ||** [this](https://x.com/3DRudy/status/1757100457065857474?s=20) and a gradient generator **top**
- 🎨 **Daily Design ||** N/A
- 💡 **Big Challenge ||** FinalBoss **serious**
- 🏆 **Big Solution ||** test yayyyy
- 🌟 **One Cool Find ||** [Mymind.com](https://access.mymind.com/onboard)
- 💭 **Idea Cloud ||** `feel the power of learning`
- 📝 **Blog Entry ||** n/a
- 🎥 **YouTube Entry ||** n/a
- #### 21-Feb
- 🎓 **Learning ||** CSS, Javascript and DOM
- 🛠️ **Building ||** [this](https://x.com/3DRudy/status/1757100457065857474?s=20) 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](https://access.mymind.com/onboard)
- 💭 **Idea Cloud ||** `feel the power of learning`
- 📝 **Blog Entry ||** n/a
- 🎥 **YouTube Entry ||** n/a
- #### 20-Feb
- 🎓 **Learning ||** Javascript and DOM
- 🛠️ **Building ||** [this](https://x.com/3DRudy/status/1757100457065857474?s=20) and a gradient generator
- 🎨 **Daily Design ||** [Simple CSS Buttons](https://codepen.io/3DRudy/pen/WNmWgjB)
- 💡 **Big Challenge ||** figuring out default parameters in ES6
- 🏆 **Big Solution ||** "translate" them into English, "speak them"
- 🌟 **One Cool Find ||** [Carbon - Source Code "prettifier"](https://carbon.now.sh/)
- 💭 **Idea Cloud ||** `JS starts to make 1% more sense` `really don't stop`
- 📝 **Blog Entry ||** n/a
- 🎥 **YouTube Entry ||** n/a
- #### 19-Feb
- 🎓 **Learning ||** Javascript and DOM
- 🛠️ **Building ||** [this](https://x.com/3DRudy/status/1757100457065857474?s=20) and a gradient generator
- 🎨 **Daily Design ||** [Vaporwave2](https://dribbble.com/shots/23672949-Daily-Design-13-Vaporwave-2-Figma)
- 💡 **Big Challenge ||** managing cluttered logic
- 🏆 **Big Solution ||** put it out but then refactor it and clean it up
- 🌟 **One Cool Find ||** [GSAP Jellyfish](https://codepen.io/ninecodes/full/eYXXGjP)
- 💭 **Idea Cloud ||** `JS starts to make 1% more sense` `don't stop`
- 📝 **Blog Entry ||** n/a
- 🎥 **YouTube Entry ||** n/a
- #### 18-Feb
- 🎓 **Learning ||** Javascript
- 🛠️ **Building ||** [this](https://x.com/3DRudy/status/1757100457065857474?s=20) and a gradient generator
- 🎨 **Daily Design ||** [Dark Shine](https://dribbble.com/shots/23665722-Daily-Design-12-Dark-Shine-Figma)
- 💡 **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
- #### 17-Feb
- 🎓 **Learning ||** JS Dom Manipulation
- 🛠️ **Building ||** [this](https://x.com/3DRudy/status/1757100457065857474?s=20)
- 🎨 **Daily Design ||** [Dark Eclipse](https://dribbble.com/shots/23661515-Daily-Design-11-Dark-Eclipse)
- 💡 **Big Challenge ||** Modern fluid responsive solution
- 🏆 **Big Solution ||** Use CSS `clamp()` mixing `rem,vh/vw,px`
- 🌟 **One Cool Find ||** [Generative SVG Grids](https://frontend.horse/articles/generative-grids/)
- 💭 **Idea Cloud ||** `JS is hard` `don't stop`
- 📝 **Blog Entry ||** n/a
- 🎥 **YouTube Entry ||** n/a
- #### 16-Feb
- 🎓 **Learning ||** JS Dom Manipulation
- 🛠️ **Building ||** [this](https://x.com/3DRudy/status/1757100457065857474?s=20)
- 🎨 **Daily Design ||** [Eclipse](https://dribbble.com/shots/23657187-Daily-Design-10-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](https://gitness.com/)
- 💭 **Idea Cloud ||** `linear look` `js`
- 📝 **Blog Entry ||** n/a
- 🎥 **YouTube Entry ||** n/a
- #### 15-Feb
- 🎓 **Learning ||** CSS animations and transitions
- 🛠️ **Building ||** [this](https://x.com/3DRudy/status/1757100457065857474?s=20)
- 🎨 **Daily Design ||** [Vaporwave1](https://dribbble.com/shots/23650281-Daily-Design-09-Vaporwave-1)
- 💡 **Big Challenge ||** glow effects in figma
- 🏆 **Big Solution ||** just "GLOW" with the flow (just try stuff)
- 🌟 **One Cool Find ||** [linear look](https://frontend.horse/articles/the-linear-look/)
- 💭 **Idea Cloud ||** `linear look`
- 📝 **Blog Entry ||** n/a
- 🎥 **YouTube Entry ||** n/a
- #### 14-Feb
- 🎓 **Learning ||** CSS animations and transitions
- 🛠️ **Building ||** [this](https://x.com/3DRudy/status/1757100457065857474?s=20)
- 🎨 **Daily Design ||** [CSS Hover Blur Transition](https://github.com/RuDeeVelops/daily_CSS_hovers)
- 💡 **Big Challenge ||** how to better stack CSS animations
- 🏆 **Big Solution ||** cascading them in a single animation property
- 🌟 **One Cool Find ||** [React LED Matrix](https://codepen.io/jh3y/pen/bGZQXYB)
- 💭 **Idea Cloud ||** `CSS`
- 📝 **Blog Entry ||** n/a
- 🎥 **YouTube Entry ||** n/a
- #### 13-Feb
- 🎓 **Learning ||** Figma
- 🛠️ **Building ||** [this](https://x.com/3DRudy/status/1757100457065857474?s=20)
- 🎨 **Daily Design ||** [Hard Boiled](https://dribbble.com/shots/23636219-Daily-Design-07-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](https://x.com/zozuar/status/1757194474973769884?s=20)
- 💭 **Idea Cloud ||** `Give back to community` `Learn In Public`
- 📝 **Blog Entry ||** n/a
- 🎥 **YouTube Entry ||** n/a
- #### 12-Feb
- 🎓 **Learning ||** Figma, Rive JS Runtime
- 🛠️ **Building ||** [this](https://x.com/3DRudy/status/1757100457065857474?s=20)
- 🎨 **Daily Design ||** [Faint Idea](https://dribbble.com/shots/23628520-Daily-Design-06-Faint-Idea)
- 💡 **Big Challenge ||** Responsive left/right margins
- 🏆 **Big Solution ||** use `max-width:[percentage]vw` instead of `margin: [value]em [value]em`
- 🌟 **One Cool Find ||** [Animated Border Gradient in CSS](https://codepen.io/shshaw/pen/QWoVdgd)
- 💭 **Idea Cloud ||** `Learn in public` `Balance Showing / Doing`
- 📝 **Blog Entry ||** n/a
- 🎥 **YouTube Entry ||** n/a
- #### 11-Feb
- 🎓 **Learning ||** Astro, Figma grids
- 🛠️ **Building ||** [this](https://x.com/3DRudy/status/1756254507393077458?s=20)
- 🎨 **Daily Design ||** [Difficult Palette](https://dribbble.com/shots/23621347-Daily-Design-05-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](https://www.youtube.com/watch?v=NniT0vKyn-E)
- 💭 **Idea Cloud ||** `Astro` `Perfectionism paralysis VS just do something`
- 📝 **Blog Entry ||** n/a
- 🎥 **YouTube Entry ||** n/a
- #### 10-Feb
- 🎓 **Learning ||** Rive JS/WASM Runtime
- 🛠️ **Building ||** [this](https://x.com/3DRudy/status/1756254507393077458?s=20)
- 🎨 **Daily Design ||** [Soft Glow](https://dribbble.com/shots/23615606-Daily-Design-04-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](https://www.youtube.com/watch?v=vqXLGX0szIQ)
- 💭 **Idea Cloud ||** `give others what they need`
- 📝 **Blog Entry ||** n/a
- 🎥 **YouTube Entry ||** n/a
- #### 09-Feb
- 🎓 **Learning ||** Rive, Figma, Rive JS/WASM Runtime
- 🛠️ **Building ||** [this](https://x.com/3DRudy/status/1756101931720667232?s=20)
- 🎨 **Daily Design ||** [Rothko Practice](https://dribbble.com/shots/23613844-Daily-Design-03-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](https://youtu.be/1pW_sk-2y40?si=-qMFzeqxAOCtyZCg)
- 💭 **Idea Cloud ||** `High VS Low Level coding`
- 📝 **Blog Entry ||** n/a
- 🎥 **YouTube Entry ||** n/a
- #### 08-Feb
- 🎓 **Learning ||** Rive and motion design
- 🛠️ **Building ||** An interactive 2D character animation and menu in Rive.
- 🎨 **Daily Design ||** [Bento UI Sketch](https://dribbble.com/shots/23607027-Daily-Design-02-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](https://chronicles.basement.studio/)
- 💭 **Idea Cloud ||** `GSAP` `Framer VS Webflow` `Code VS Low Code`
- 📝 **Blog Entry ||** n/a
- 🎥 **YouTube Entry ||** n/a
- #### 07-Feb
- 🎓 **Learning ||** Markdown, Rive and motion design
- 🛠️ **Building ||** An interactive 2D character animation and menu in Rive.
- 🎨 **Daily Design ||** [1% Better Banner](https://dribbble.com/shots/23603120-Daily-Design-01-1-better)
- 💡 **Big Challenge ||** Creating visually enticing ideas in Github markdown.
- 🏆 **Big Solution ||** Just keeping it simple and clean.
- 🌟 **One Cool Find ||** [Markdown Cheatsheet](https://docs.github.com/en/get-started/writing-on-github)
- 💭 **Idea Cloud ||** `K.I.S.S. rules` `TShaped Skills`
- 📝 **Blog Entry ||** n/a
- 🎥 **YouTube Entry ||** n/a