Day 61 π
Started my CSS journey today π¨β¨
learned why CSS is used, how it saves time, CSS syntax, rules, selectors, declaration blocks, and the CSS element selector π»π₯
#CSS#WebDesign#FrontendDev#CodingJourney
Comment SPELLS for the free link!
This is what Claude Code builds by default. This is what it builds with one free tool.
It's called Design Spells. Here's how it works:
β Browse a library of real, premium website animations
β Find one you love
β Copy the HTML
β Drop it into Claude Code and tell it to build the same thing
β Your site now moves like a brand worth millions
No more flat, static, "AI-built" websites.
This is the missing piece between functional and premium.
Save this for your next build π
#designspells#claudecode#webdesign#webanimation#frontenddev#aitools#webdevelopment
π Day 12/100 of #100DaysOfCode
Learned: functions, arguments scope (block & lexical) function expressions higher-order functions & methods
π‘ Key takeaway: scope changed how I see JS HOFs made code cleaner & reusable
Still building π»π₯
#JavaScript#WebDev#Coding#FrontendDev
Your design looks flawless in Figma. Then a keyboard user tabs through and vanishes into a black hole of invisible focus states.
Focus indicators are design elements. They deserve the same attention as hover states.
How do you test keyboard flow? #A11y#FrontEndDev
Day 26
Styled my book table today π
Learned that tables have their own logic. Tried flex on a `<td>`, fought it, then let the table structure do the work.
Sometimes the cleanest solution is the right one.
#CSS#FrontendDev
Just built this pricing card with Tailwind CSS!
Getting more comfortable with Tailwind every day. It's like having HTML and CSS work together seamlessly, making UI development much faster and cleaner.
#TailwindCSS#FrontendDev#WebDev
Day 58 π Web Workers API πβοΈ, running scripts in background without blocking the main thread π»π₯
Covered: worker file, Worker object, onmessage postMessage, browser support testing
Improves performance by handling heavy tasks in background β‘
#HTML#WebWorkers#FrontendDev
Your SaaS tables may be hurting usability.
The Breathable Data Grid:
β Fewer borders
β More spacing
β Transparent headers
β Aligned numbers
Read more π
creativeriz.com/the-breathabβ¦#UIUX#SaaS#FrontendDev
Today:
β Reading
β Exercise
β Worked on Articulation
β CS50 lecture
β Project work for Typescript
Not focused on perfection anymore just consistency.
See you again tomorrow. π₯
#buildinpublic#100DaysOfCode#frontenddev#programming
Day 56 π
Learned about the Web Storage API today π, explored localStorage, sessionStorage, testing browser support, and how data can be stored in the browser, including counting clicks with localStorage π»π₯
#HTML#WebAPI#FrontendDev#CodingJourney
6 hours debugging a broken API.
Switched APIs. 20 mins later...
AI Pulse is now pulling LIVE news from 80 countries π
World β Tech β AI β Business β
Day 3 done. Day 4 = OpenAI summaries π§ β‘
#BuildInPublic#AIPulse#frontenddev#nextjs#Intelligentnews
π Day 56
Learned about the Web Storage API πΎ , ocalStorage and sessionStorage. Also learned how to store, retrieve, and delete data in the browser.
localStorage keeps data after closing browser, sessionStorage clears when tab closes π
#HTML#FrontendDev#CodingJourney
Most developers reach for setInterval to animate. It's like checking your watch every second to guess when the sun will rise.
The browser already knows. Use requestAnimationFrame.
Are you guessing or are you measuring?
#FrontEndDev#WebPerformance
Hot take: SDC is the best thing to happen to Drupal theming in years.
2-week course. Real components. Cleaner architecture.
π buff.ly/fkzMXeU#Drupal#FrontendDev