Xavier N-C

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.

Takeaway 100:
TIL that CSS conditionals are possible with the recently added if() function:
developer.chrome.com/blog/if-arti...

#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.

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

una.im | What is popover=hint? Learn about what exactly this new popover feature does and how it relates to interest invokers.

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

YouTube video by The Coding Sloth UI Components Every Programmer Should Know (Probably)

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

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

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’...

Takeaway 95:
Some potentially useful monitoring tools summed up in this recent freeCodeCamp article:

www.freecodecamp.org/news/top-app...

#100DaysofTakeaways

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.

Takeaway 94:
Read a really neat blog post from Frontend Masters demo-ing a mobile-style custom <select> menu that opens from the bottom up:

frontendmasters.com/blog/custom-...

#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…

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

🦥 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.

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

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

YouTube video by The Serious CTO 3 Rules for Maintainable Code Nobody Teaches You #shorts

Takeaway 90:
Got 3 serious code maintenance principles out of this latest Serious CTO short:

www.youtube.com/watch?v=5mnu...

#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.

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

Prefer Gaps To Margins | Kyle Shevlin Prefer using gaps to margins when it comes to your component layouts.

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

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...

Takeaway 87:
Found out about a really cool Translator web API:

developer.mozilla.org/en-US/docs/W...

#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.

Takeaway 86:
Learned about the magic of CSS quantity query from this neat Frontend Masters post:

frontendmasters.com/blog/quantit...

#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.

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

YouTube video by The Coding Sloth 16 Cool GitHub Repos You WILL Use (no pressure)

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

✨ Is React really that great? 7 reasons why React is still a top choice for frontend developers in 2025

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

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...

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

YouTube video by freeCodeCamp Concepts When should you use the strong element over the Bring Attention To element

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

Animating zooming using CSS: transform order is important… sometimes How to get the right transform animation.

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

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.

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

Suppressions of Suppressions — overreacted I heard you like linting.

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

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...

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

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

Hacking Layout Before CSS Even Existed The early web had no layout system. No CSS. So we improvised, slicing, stretching, and nesting our way to structure.

Takeaway 75:
Before CSS existed, it was all about keeping up with HTML table hacks, as this article breaks down:

denodell.com/blog/hacking...

#100DaysofTakeaways

7 common CSS navigation menu mistakes and how to fix them - LogRocket Blog Navigation menu errors are common, even for seasoned developers. Learn seven common navigation menu errors and how to solve them using CSS.

Takeaway 74:
Found an article with some common nav design pitfalls and great tips on how to avoid them:

blog.logrocket.com/7-common-css...

#100DaysofTakeaways

YouTube video by freeCodeCamp Concepts What is the role of the Open graph tags and how does it affect SEO?

Takeaway 73:
Never knew about open graph tags and their role in affecting how site content appears across different social media platforms, until today:

www.youtube.com/watch?v=Bat8...

#100DaysofTakeaways

Creating an Auto-Closing Notification With an HTML Popover | CSS-Tricks The HTML popover attribute transforms elements into top-layer elements that can be opened and closed with a button or JavaScript. Popovers can be dismissed a number of ways, but there is no option to ...

Takeaway 72:
Learned about the `popover` attribute and how it can be combined with CSS and JavaScript to make functioning, auto-closing notifications:
css-tricks.com/creating-an-...

#100DaysofTakeaways

🦥 How To Train AI Without Sharing Data Learn how federated learning trains AI models on millions of devices while keeping data private. The tech behind Gboard, Siri, and modern ML.

Takeaway 71:
Became more informed about the somewhat eerie concept of federated learning from this Sloth Bytes post:
slothbytes.beehiiv.com/p/federated-...

#100DaysofTakeaways