Xavier N-C
@xaviercodes.bsky.social
Software Engineer. #100Devs | https://github.com/xnealcarson
Takeaway 100:
TIL that CSS conditionals are possible with the recently added if() function:
developer.chrome.com/blog/if-arti...
#100DaysofTakeaways
TIL that CSS conditionals are possible with the recently added if() function:
developer.chrome.com/blog/if-arti...
#100DaysofTakeaways
CSS conditionals with the new if() function | Blog | Chrome for Developers
Learn about the new CSS if function, which enables a cleaner developer interface for dynamic styles like style queries and media queries.
developer.chrome.com
July 10, 2025 at 3:58 AM
Takeaway 100:
TIL that CSS conditionals are possible with the recently added if() function:
developer.chrome.com/blog/if-arti...
#100DaysofTakeaways
TIL that CSS conditionals are possible with the recently added if() function:
developer.chrome.com/blog/if-arti...
#100DaysofTakeaways
Takeaway 99:
Came across an articulate and digestible breakdown of the formidable Big O Notation via Sloth Bytes:
slothbytes.beehiiv.com/p/big-o-nota...
#100DaysofTakeaways
Came across an articulate and digestible breakdown of the formidable Big O Notation via Sloth Bytes:
slothbytes.beehiiv.com/p/big-o-nota...
#100DaysofTakeaways
🦥 Big O Notation for Dummies
Learn Big O notation through real examples. Discover why your code might work with 100 items but crash with 10,000 - and how to fix it.
slothbytes.beehiiv.com
July 9, 2025 at 4:24 AM
Takeaway 99:
Came across an articulate and digestible breakdown of the formidable Big O Notation via Sloth Bytes:
slothbytes.beehiiv.com/p/big-o-nota...
#100DaysofTakeaways
Came across an articulate and digestible breakdown of the formidable Big O Notation via Sloth Bytes:
slothbytes.beehiiv.com/p/big-o-nota...
#100DaysofTakeaways
Takeaway 98:
Found a great article that gives a rundown of the 'popover' API and its variations, specifically the lastest of the bunch, 'popover=hint':
una.im/popover-hint...
#100DaysofTakeaways
Found a great article that gives a rundown of the 'popover' API and its variations, specifically the lastest of the bunch, 'popover=hint':
una.im/popover-hint...
#100DaysofTakeaways
una.im | What is popover=hint?
Learn about what exactly this new popover feature does and how it relates to interest invokers.
una.im
July 8, 2025 at 4:30 AM
Takeaway 98:
Found a great article that gives a rundown of the 'popover' API and its variations, specifically the lastest of the bunch, 'popover=hint':
una.im/popover-hint...
#100DaysofTakeaways
Found a great article that gives a rundown of the 'popover' API and its variations, specifically the lastest of the bunch, 'popover=hint':
una.im/popover-hint...
#100DaysofTakeaways
Takeaway 97:
Learned some interesting new UI components & component terms from the latest Coding Sloth vid. My faves were 'skeleton screens' and 'bento grids':
www.youtube.com/watch?v=cjSp...
#100DaysofTakeaways
Learned some interesting new UI components & component terms from the latest Coding Sloth vid. My faves were 'skeleton screens' and 'bento grids':
www.youtube.com/watch?v=cjSp...
#100DaysofTakeaways
UI Components Every Programmer Should Know (Probably)
YouTube video by The Coding Sloth
www.youtube.com
July 7, 2025 at 4:00 AM
Takeaway 97:
Learned some interesting new UI components & component terms from the latest Coding Sloth vid. My faves were 'skeleton screens' and 'bento grids':
www.youtube.com/watch?v=cjSp...
#100DaysofTakeaways
Learned some interesting new UI components & component terms from the latest Coding Sloth vid. My faves were 'skeleton screens' and 'bento grids':
www.youtube.com/watch?v=cjSp...
#100DaysofTakeaways
Takeaway 96:
A real eye-opening post about ways to ensure efficient use of formatting in JS, without negatively impacting app performance:
itnext.io/the-dark-sid...
#100DaysofTakeaways
A real eye-opening post about ways to ensure efficient use of formatting in JS, without negatively impacting app performance:
itnext.io/the-dark-sid...
#100DaysofTakeaways
JS Perf #2: The Dark Side of Formatting
When a simple formatting function becomes a silent performance killer
itnext.io
July 6, 2025 at 4:34 AM
Takeaway 96:
A real eye-opening post about ways to ensure efficient use of formatting in JS, without negatively impacting app performance:
itnext.io/the-dark-sid...
#100DaysofTakeaways
A real eye-opening post about ways to ensure efficient use of formatting in JS, without negatively impacting app performance:
itnext.io/the-dark-sid...
#100DaysofTakeaways
Takeaway 95:
Some potentially useful monitoring tools summed up in this recent freeCodeCamp article:
www.freecodecamp.org/news/top-app...
#100DaysofTakeaways
Some potentially useful monitoring tools summed up in this recent freeCodeCamp article:
www.freecodecamp.org/news/top-app...
#100DaysofTakeaways
Top Application Monitoring Tools for Developers
If your app runs in production, you’ll need to know when it breaks. Preferably before your users tell you. That’s where application monitoring tools (APM) come in. They show you what’s working, what’...
www.freecodecamp.org
July 5, 2025 at 4:51 AM
Takeaway 95:
Some potentially useful monitoring tools summed up in this recent freeCodeCamp article:
www.freecodecamp.org/news/top-app...
#100DaysofTakeaways
Some potentially useful monitoring tools summed up in this recent freeCodeCamp article:
www.freecodecamp.org/news/top-app...
#100DaysofTakeaways
Takeaway 94:
Read a really neat blog post from Frontend Masters demo-ing a mobile-style custom
Read a really neat blog post from Frontend Masters demo-ing a mobile-style custom
Custom Select (that comes up from the bottom on mobile)
You've got A LOT of control over the design of select menus now, and it can be done as a progressive enhancement.
frontendmasters.com
July 4, 2025 at 4:19 AM
Takeaway 94:
Read a really neat blog post from Frontend Masters demo-ing a mobile-style custom
Read a really neat blog post from Frontend Masters demo-ing a mobile-style custom
Takeaway 93:
This article contained some interesting new (new to me, at least) dev tools for streamlining one's workflow:
javascript.plainenglish.io/7-powerful-d...
#100DaysofTakeaways
This article contained some interesting new (new to me, at least) dev tools for streamlining one's workflow:
javascript.plainenglish.io/7-powerful-d...
#100DaysofTakeaways
7 Powerful Developer Tools That Will Surprise You
If you’re a developer looking for the best tools that enhance your workflow and provide a better work experience to build apps, websites…
javascript.plainenglish.io
July 3, 2025 at 5:46 AM
Takeaway 93:
This article contained some interesting new (new to me, at least) dev tools for streamlining one's workflow:
javascript.plainenglish.io/7-powerful-d...
#100DaysofTakeaways
This article contained some interesting new (new to me, at least) dev tools for streamlining one's workflow:
javascript.plainenglish.io/7-powerful-d...
#100DaysofTakeaways
Takeaway 92:
TIL about feature flags, which allows for the deployment of new features in your project, with limited or no visibility to users,; an ideal tool for testing. This article breaks it down further:
slothbytes.beehiiv.com/p/feature-fl...
#100DaysofTakeaways
TIL about feature flags, which allows for the deployment of new features in your project, with limited or no visibility to users,; an ideal tool for testing. This article breaks it down further:
slothbytes.beehiiv.com/p/feature-fl...
#100DaysofTakeaways
🦥 Feature Flags
Learn how feature flags let you ship code safely and control when features go live. Includes gradual rollouts, A/B testing, and implementation.
slothbytes.beehiiv.com
July 2, 2025 at 4:48 AM
Takeaway 92:
TIL about feature flags, which allows for the deployment of new features in your project, with limited or no visibility to users,; an ideal tool for testing. This article breaks it down further:
slothbytes.beehiiv.com/p/feature-fl...
#100DaysofTakeaways
TIL about feature flags, which allows for the deployment of new features in your project, with limited or no visibility to users,; an ideal tool for testing. This article breaks it down further:
slothbytes.beehiiv.com/p/feature-fl...
#100DaysofTakeaways
Takeaway 91:
Default parameters are a small tweak in one's code syntax that can help write clean and clear functions. This article I found on daily.dev walks through the benefits of utilizing default parameters:
allthingssmitty.com/2025/06/29/d...
#100DaysofTakeaways
Default parameters are a small tweak in one's code syntax that can help write clean and clear functions. This article I found on daily.dev walks through the benefits of utilizing default parameters:
allthingssmitty.com/2025/06/29/d...
#100DaysofTakeaways
July 1, 2025 at 2:50 AM
Takeaway 91:
Default parameters are a small tweak in one's code syntax that can help write clean and clear functions. This article I found on daily.dev walks through the benefits of utilizing default parameters:
allthingssmitty.com/2025/06/29/d...
#100DaysofTakeaways
Default parameters are a small tweak in one's code syntax that can help write clean and clear functions. This article I found on daily.dev walks through the benefits of utilizing default parameters:
allthingssmitty.com/2025/06/29/d...
#100DaysofTakeaways
Takeaway 90:
Got 3 serious code maintenance principles out of this latest Serious CTO short:
www.youtube.com/watch?v=5mnu...
#100DaysofTakeaways
Got 3 serious code maintenance principles out of this latest Serious CTO short:
www.youtube.com/watch?v=5mnu...
#100DaysofTakeaways
3 Rules for Maintainable Code Nobody Teaches You #shorts
YouTube video by The Serious CTO
www.youtube.com
June 30, 2025 at 5:39 AM
Takeaway 90:
Got 3 serious code maintenance principles out of this latest Serious CTO short:
www.youtube.com/watch?v=5mnu...
#100DaysofTakeaways
Got 3 serious code maintenance principles out of this latest Serious CTO short:
www.youtube.com/watch?v=5mnu...
#100DaysofTakeaways
Takeaway 89 (bonus post to make up for yesterday's missed post):
Came across an instructive and fun breakdown of the different kinds of web bots and ways to detect them:
sinja.io/blog/bot-or-...
#100DaysofTakeaways
Came across an instructive and fun breakdown of the different kinds of web bots and ways to detect them:
sinja.io/blog/bot-or-...
#100DaysofTakeaways
A short history of web bots and bot detection techniques · OlegWock
Did you know your favorite website can detect when you're browsing it in public transport or when you scroll it in your bed? Moreover, this info sometimes helps them to fight bots.
sinja.io
June 29, 2025 at 4:06 AM
Takeaway 89 (bonus post to make up for yesterday's missed post):
Came across an instructive and fun breakdown of the different kinds of web bots and ways to detect them:
sinja.io/blog/bot-or-...
#100DaysofTakeaways
Came across an instructive and fun breakdown of the different kinds of web bots and ways to detect them:
sinja.io/blog/bot-or-...
#100DaysofTakeaways
Takeaway 88:
An article that makes a pretty solid case for using gaps over margins. The key highlights in a nutshell -> gaps are automatic, leave less code to write, and support both horizontal and vertical spacing:
kyleshevlin.com/prefer-gaps-...
#100DaysofTakeaways
An article that makes a pretty solid case for using gaps over margins. The key highlights in a nutshell -> gaps are automatic, leave less code to write, and support both horizontal and vertical spacing:
kyleshevlin.com/prefer-gaps-...
#100DaysofTakeaways
Prefer Gaps To Margins | Kyle Shevlin
Prefer using gaps to margins when it comes to your component layouts.
kyleshevlin.com
June 29, 2025 at 3:41 AM
Takeaway 88:
An article that makes a pretty solid case for using gaps over margins. The key highlights in a nutshell -> gaps are automatic, leave less code to write, and support both horizontal and vertical spacing:
kyleshevlin.com/prefer-gaps-...
#100DaysofTakeaways
An article that makes a pretty solid case for using gaps over margins. The key highlights in a nutshell -> gaps are automatic, leave less code to write, and support both horizontal and vertical spacing:
kyleshevlin.com/prefer-gaps-...
#100DaysofTakeaways
Takeaway 87:
Found out about a really cool Translator web API:
developer.mozilla.org/en-US/docs/W...
#100DaysofTakeaways
Found out about a really cool Translator web API:
developer.mozilla.org/en-US/docs/W...
#100DaysofTakeaways
Translator - Web APIs | MDN
The Translator interface of the Translator and Language Detector APIs contains all the associated translation functionality, including checking AI model availability, creating a new Translator instanc...
developer.mozilla.org
June 27, 2025 at 4:21 AM
Takeaway 87:
Found out about a really cool Translator web API:
developer.mozilla.org/en-US/docs/W...
#100DaysofTakeaways
Found out about a really cool Translator web API:
developer.mozilla.org/en-US/docs/W...
#100DaysofTakeaways
Takeaway 86:
Learned about the magic of CSS quantity query from this neat Frontend Masters post:
frontendmasters.com/blog/quantit...
#100DaysofTakeaways
Learned about the magic of CSS quantity query from this neat Frontend Masters post:
frontendmasters.com/blog/quantit...
#100DaysofTakeaways
Quantity Query Carousel
:has() makes quantities queries both easier and more powerful. We can alter how a grid is laid out and where the children go. Or, we can just blast it into a carousel.
frontendmasters.com
June 26, 2025 at 4:01 AM
Takeaway 86:
Learned about the magic of CSS quantity query from this neat Frontend Masters post:
frontendmasters.com/blog/quantit...
#100DaysofTakeaways
Learned about the magic of CSS quantity query from this neat Frontend Masters post:
frontendmasters.com/blog/quantit...
#100DaysofTakeaways
Takeaway 85:
Delved into this article that showcases the top level 'await' feature, which as I understand, enables 'await' logic to be placed at the top of an ES Module without needing to wrap it in an 'async' function:
allthingssmitty.com/2025/06/16/u...
#100DaysofTakeaways
Delved into this article that showcases the top level 'await' feature, which as I understand, enables 'await' logic to be placed at the top of an ES Module without needing to wrap it in an 'async' function:
allthingssmitty.com/2025/06/16/u...
#100DaysofTakeaways
Using await at the top level in ES modules - Matt Smith
Modern JavaScript is evolving. Learn how top-level await works, where to use it, and when to avoid it in your modules.
allthingssmitty.com
June 25, 2025 at 2:31 AM
Takeaway 85:
Delved into this article that showcases the top level 'await' feature, which as I understand, enables 'await' logic to be placed at the top of an ES Module without needing to wrap it in an 'async' function:
allthingssmitty.com/2025/06/16/u...
#100DaysofTakeaways
Delved into this article that showcases the top level 'await' feature, which as I understand, enables 'await' logic to be placed at the top of an ES Module without needing to wrap it in an 'async' function:
allthingssmitty.com/2025/06/16/u...
#100DaysofTakeaways
Takeaway 84:
The latest Coding Sloth vid really opened my eyes to vast number of resources you can gather from various GitHub repos: project guides, algorithms, free coding books, tech roadmaps, you name it!
www.youtube.com/watch?v=cgOP...
#100DaysofTakeaways
The latest Coding Sloth vid really opened my eyes to vast number of resources you can gather from various GitHub repos: project guides, algorithms, free coding books, tech roadmaps, you name it!
www.youtube.com/watch?v=cgOP...
#100DaysofTakeaways
16 Cool GitHub Repos You WILL Use (no pressure)
YouTube video by The Coding Sloth
www.youtube.com
June 24, 2025 at 12:55 AM
Takeaway 84:
The latest Coding Sloth vid really opened my eyes to vast number of resources you can gather from various GitHub repos: project guides, algorithms, free coding books, tech roadmaps, you name it!
www.youtube.com/watch?v=cgOP...
#100DaysofTakeaways
The latest Coding Sloth vid really opened my eyes to vast number of resources you can gather from various GitHub repos: project guides, algorithms, free coding books, tech roadmaps, you name it!
www.youtube.com/watch?v=cgOP...
#100DaysofTakeaways
Takeaway 83:
Found a post that lays out a concise and solid 7-part testimony to the effectiveness of React:
www.frontendjoy.com/p/is-react-r...
#100DaysofTakeaways
Found a post that lays out a concise and solid 7-part testimony to the effectiveness of React:
www.frontendjoy.com/p/is-react-r...
#100DaysofTakeaways
✨ Is React really that great?
7 reasons why React is still a top choice for frontend developers in 2025
www.frontendjoy.com
June 23, 2025 at 4:15 AM
Takeaway 83:
Found a post that lays out a concise and solid 7-part testimony to the effectiveness of React:
www.frontendjoy.com/p/is-react-r...
#100DaysofTakeaways
Found a post that lays out a concise and solid 7-part testimony to the effectiveness of React:
www.frontendjoy.com/p/is-react-r...
#100DaysofTakeaways
Takeaway 82:
A intriguing blog post that dissects the traditional 'structure/style/behavior' separations of concerns and re-shapes it into a condensed, two-part separation of concerns:
bradfrost.com/blog/post/th...
#100DaysofTakeaways
A intriguing blog post that dissects the traditional 'structure/style/behavior' separations of concerns and re-shapes it into a condensed, two-part separation of concerns:
bradfrost.com/blog/post/th...
#100DaysofTakeaways
The New Separation of Concerns
In our new comprehensive online course, Subatomic: The Complete Guide To Design Tokens, we discuss the need to revisit the powerful concept of separation of concerns.
https://www.youtube.com/watch...
bradfrost.com
June 22, 2025 at 5:25 AM
Takeaway 82:
A intriguing blog post that dissects the traditional 'structure/style/behavior' separations of concerns and re-shapes it into a condensed, two-part separation of concerns:
bradfrost.com/blog/post/th...
#100DaysofTakeaways
A intriguing blog post that dissects the traditional 'structure/style/behavior' separations of concerns and re-shapes it into a condensed, two-part separation of concerns:
bradfrost.com/blog/post/th...
#100DaysofTakeaways
Takeaway 81:
Learned about the difference between the 'strong' element and 'b' (Bring Attention To) element, the latter of which I've never knew about until today:
www.youtube.com/watch?v=A2gc...
#100DaysofTakeaways
Learned about the difference between the 'strong' element and 'b' (Bring Attention To) element, the latter of which I've never knew about until today:
www.youtube.com/watch?v=A2gc...
#100DaysofTakeaways
When should you use the strong element over the Bring Attention To element
YouTube video by freeCodeCamp Concepts
www.youtube.com
June 21, 2025 at 4:56 AM
Takeaway 81:
Learned about the difference between the 'strong' element and 'b' (Bring Attention To) element, the latter of which I've never knew about until today:
www.youtube.com/watch?v=A2gc...
#100DaysofTakeaways
Learned about the difference between the 'strong' element and 'b' (Bring Attention To) element, the latter of which I've never knew about until today:
www.youtube.com/watch?v=A2gc...
#100DaysofTakeaways
Takeaway 80:
Nabbed this dope article from today's Bytes.dev issue on playing with CSS 'transform' to make spiffy animations for zooming images (beware the contagious cuteness from the sample cat pic):
jakearchibald.com/2025/animati...
#100DaysofTakeaways
Nabbed this dope article from today's Bytes.dev issue on playing with CSS 'transform' to make spiffy animations for zooming images (beware the contagious cuteness from the sample cat pic):
jakearchibald.com/2025/animati...
#100DaysofTakeaways
Animating zooming using CSS: transform order is important… sometimes
How to get the right transform animation.
jakearchibald.com
June 20, 2025 at 3:47 AM
Takeaway 80:
Nabbed this dope article from today's Bytes.dev issue on playing with CSS 'transform' to make spiffy animations for zooming images (beware the contagious cuteness from the sample cat pic):
jakearchibald.com/2025/animati...
#100DaysofTakeaways
Nabbed this dope article from today's Bytes.dev issue on playing with CSS 'transform' to make spiffy animations for zooming images (beware the contagious cuteness from the sample cat pic):
jakearchibald.com/2025/animati...
#100DaysofTakeaways
Takeaway 79:
Found an extensive and engaging read on the importance of scoping in CSS to avoid style collisions among other benefits:
frontendmasters.com/blog/scope-i...
#100DaysofTakeaways
Found an extensive and engaging read on the importance of scoping in CSS to avoid style collisions among other benefits:
frontendmasters.com/blog/scope-i...
#100DaysofTakeaways
Scope in CSS
We've got @scope in CSS now, and it's got it's uses. But the concept of scope in CSS is a wider idea.
frontendmasters.com
June 19, 2025 at 3:38 AM
Takeaway 79:
Found an extensive and engaging read on the importance of scoping in CSS to avoid style collisions among other benefits:
frontendmasters.com/blog/scope-i...
#100DaysofTakeaways
Found an extensive and engaging read on the importance of scoping in CSS to avoid style collisions among other benefits:
frontendmasters.com/blog/scope-i...
#100DaysofTakeaways
Takeaway 78:
A reflective article that discusses the benefits of early implementation of suppression to nip build errors in the bud before they become much larger problems for stability of a project's code:
overreacted.io/suppressions...
#100DaysofTakeaways
A reflective article that discusses the benefits of early implementation of suppression to nip build errors in the bud before they become much larger problems for stability of a project's code:
overreacted.io/suppressions...
#100DaysofTakeaways
Suppressions of Suppressions — overreacted
I heard you like linting.
overreacted.io
June 18, 2025 at 2:49 AM
Takeaway 78:
A reflective article that discusses the benefits of early implementation of suppression to nip build errors in the bud before they become much larger problems for stability of a project's code:
overreacted.io/suppressions...
#100DaysofTakeaways
A reflective article that discusses the benefits of early implementation of suppression to nip build errors in the bud before they become much larger problems for stability of a project's code:
overreacted.io/suppressions...
#100DaysofTakeaways
Takeaway 77:
Here's a great rundown of the different types of network interfaces and how to configure them in Linux from freeCodeCamp:
www.freecodecamp.org/news/configu...
#100DaysofTakeaways
Here's a great rundown of the different types of network interfaces and how to configure them in Linux from freeCodeCamp:
www.freecodecamp.org/news/configu...
#100DaysofTakeaways
How to Configure Network Interfaces in Linux
Networking is an essential part of any Linux system. Proper networking allows communication between devices and the internet. Understanding the network interface is vital when setting up servers, solv...
www.freecodecamp.org
June 17, 2025 at 4:18 AM
Takeaway 77:
Here's a great rundown of the different types of network interfaces and how to configure them in Linux from freeCodeCamp:
www.freecodecamp.org/news/configu...
#100DaysofTakeaways
Here's a great rundown of the different types of network interfaces and how to configure them in Linux from freeCodeCamp:
www.freecodecamp.org/news/configu...
#100DaysofTakeaways
Takeaway 76:
Stumbled upon another retrospective deep dive post, but this time, looking at the constraints and evolving complexities of JavaScript between 2006-2015, flush with examples:
www.trevorlasn.com/blog/revisit...
#100DaysofTakeaways
Stumbled upon another retrospective deep dive post, but this time, looking at the constraints and evolving complexities of JavaScript between 2006-2015, flush with examples:
www.trevorlasn.com/blog/revisit...
#100DaysofTakeaways
How JavaScript Was Written Back In the Day
Have you ever been curious how JavaScript was written back in the day? I was, so I dug into some of the early frameworks and libraries to see what I could learn.
www.trevorlasn.com
June 16, 2025 at 4:24 AM
Takeaway 76:
Stumbled upon another retrospective deep dive post, but this time, looking at the constraints and evolving complexities of JavaScript between 2006-2015, flush with examples:
www.trevorlasn.com/blog/revisit...
#100DaysofTakeaways
Stumbled upon another retrospective deep dive post, but this time, looking at the constraints and evolving complexities of JavaScript between 2006-2015, flush with examples:
www.trevorlasn.com/blog/revisit...
#100DaysofTakeaways