codeXansu
@codexansu.bsky.social
Coding timelapses, daily progress logs, and dev motivation | Learning Python, JavaScript & Flutter | #CJPLOANSU
DAY 13/100
• Discovered the power of CSS Grid for perfect layouts
• Learned grid-template, fraction, repeat(), minmax(), and grid-gap
• Built multi-row layouts with grid areas & columns
• Discovered the power of CSS Grid for perfect layouts
• Learned grid-template, fraction, repeat(), minmax(), and grid-gap
• Built multi-row layouts with grid areas & columns
November 8, 2025 at 11:51 AM
DAY 13/100
• Discovered the power of CSS Grid for perfect layouts
• Learned grid-template, fraction, repeat(), minmax(), and grid-gap
• Built multi-row layouts with grid areas & columns
• Discovered the power of CSS Grid for perfect layouts
• Learned grid-template, fraction, repeat(), minmax(), and grid-gap
• Built multi-row layouts with grid areas & columns
DAY 12/100
• Learned how flex-direction controls layout flow (row, column, reverse)
• Explored flex-flow for direction + wrapping in one line
• Tried nested flexboxes — layouts inside layouts!
• Learned how flex-direction controls layout flow (row, column, reverse)
• Explored flex-flow for direction + wrapping in one line
• Tried nested flexboxes — layouts inside layouts!
November 4, 2025 at 10:13 AM
DAY 12/100
• Learned how flex-direction controls layout flow (row, column, reverse)
• Explored flex-flow for direction + wrapping in one line
• Tried nested flexboxes — layouts inside layouts!
• Learned how flex-direction controls layout flow (row, column, reverse)
• Explored flex-flow for direction + wrapping in one line
• Tried nested flexboxes — layouts inside layouts!
DAY 11/100
• Dived deeper into Flexbox — mastering layout control
• Learned flex-shrink, flex-basis, flex, flex-wrap, & align-content
• Dived deeper into Flexbox — mastering layout control
• Learned flex-shrink, flex-basis, flex, flex-wrap, & align-content
November 1, 2025 at 10:10 AM
DAY 11/100
• Dived deeper into Flexbox — mastering layout control
• Learned flex-shrink, flex-basis, flex, flex-wrap, & align-content
• Dived deeper into Flexbox — mastering layout control
• Learned flex-shrink, flex-basis, flex, flex-wrap, & align-content
DAY 10/100
• Discovered the power of Flexbox for clean, responsive layouts
• Learned display: flex, justify-content, align-items, and flex-grow
• Discovered the power of Flexbox for clean, responsive layouts
• Learned display: flex, justify-content, align-items, and flex-grow
October 30, 2025 at 11:03 AM
DAY 10/100
• Discovered the power of Flexbox for clean, responsive layouts
• Learned display: flex, justify-content, align-items, and flex-grow
• Discovered the power of Flexbox for clean, responsive layouts
• Learned display: flex, justify-content, align-items, and flex-grow
DAY 9
• Learned the importance of wireframes — the blueprint of every app & site
• Explored how to design prototypes & layouts before coding
• Learned the importance of wireframes — the blueprint of every app & site
• Explored how to design prototypes & layouts before coding
October 28, 2025 at 1:18 PM
DAY 9
• Learned the importance of wireframes — the blueprint of every app & site
• Explored how to design prototypes & layouts before coding
• Learned the importance of wireframes — the blueprint of every app & site
• Explored how to design prototypes & layouts before coding
DAY 8
• Learned about Secondary Navigation & Breadcrumbs
• Explored breadcrumb styles, types & common pitfalls
• Tiny UI element — massive boost in user clarity & experience
• Learned about Secondary Navigation & Breadcrumbs
• Explored breadcrumb styles, types & common pitfalls
• Tiny UI element — massive boost in user clarity & experience
October 27, 2025 at 1:48 AM
DAY 8
• Learned about Secondary Navigation & Breadcrumbs
• Explored breadcrumb styles, types & common pitfalls
• Tiny UI element — massive boost in user clarity & experience
• Learned about Secondary Navigation & Breadcrumbs
• Explored breadcrumb styles, types & common pitfalls
• Tiny UI element — massive boost in user clarity & experience
DAY 7
• Explored articles skeuomorphic vs flat design in buttons
• Built a small button styling project to apply it all
• Explored articles skeuomorphic vs flat design in buttons
• Built a small button styling project to apply it all
October 26, 2025 at 10:32 AM
DAY 7
• Explored articles skeuomorphic vs flat design in buttons
• Built a small button styling project to apply it all
• Explored articles skeuomorphic vs flat design in buttons
• Built a small button styling project to apply it all
DAY 6
• Styled browser links with hover & tooltips
• Explored skeuomorphic vs flat design
• Designed simple, clean buttons
• Styled browser links with hover & tooltips
• Explored skeuomorphic vs flat design
• Designed simple, clean buttons
October 25, 2025 at 8:14 AM
DAY 6
• Styled browser links with hover & tooltips
• Explored skeuomorphic vs flat design
• Designed simple, clean buttons
• Styled browser links with hover & tooltips
• Explored skeuomorphic vs flat design
• Designed simple, clean buttons
Yayy @developer.chrome.com I'm felling lucky today
October 25, 2025 at 8:10 AM
Yayy @developer.chrome.com I'm felling lucky today
DAY 5
• Basic CLI & Bash commands — ls, pwd, cd
• Creating files & folders with mkdir, touch
• The terminal feels less scary, more powerful
• Basic CLI & Bash commands — ls, pwd, cd
• Creating files & folders with mkdir, touch
• The terminal feels less scary, more powerful
October 24, 2025 at 8:37 AM
DAY 5
• Basic CLI & Bash commands — ls, pwd, cd
• Creating files & folders with mkdir, touch
• The terminal feels less scary, more powerful
• Basic CLI & Bash commands — ls, pwd, cd
• Creating files & folders with mkdir, touch
• The terminal feels less scary, more powerful
DAY 4
• Hosted a web page locally on my computer
• Published it online using GitHub Pages
• Explored cloud hosting for scalability
• Hosted a web page locally on my computer
• Published it online using GitHub Pages
• Explored cloud hosting for scalability
October 23, 2025 at 1:33 AM
DAY 4
• Hosted a web page locally on my computer
• Published it online using GitHub Pages
• Explored cloud hosting for scalability
• Hosted a web page locally on my computer
• Published it online using GitHub Pages
• Explored cloud hosting for scalability
DAY 3
• Used Chrome DevTools to inspect & debug code
• Created new files and folders in VS Code
• Used Chrome DevTools to inspect & debug code
• Created new files and folders in VS Code
October 22, 2025 at 1:54 AM
DAY 3
• Used Chrome DevTools to inspect & debug code
• Created new files and folders in VS Code
• Used Chrome DevTools to inspect & debug code
• Created new files and folders in VS Code