Sign in

Xavier N-C

@xaviercodes.bsky.social
99 followers 148 following 222 posts

Software Engineer. #100Devs | github.com/xnealcarson

PostsRepliesMedia
Xavier N-C @xaviercodes.bsky.social · 10/07/2025
Takeaway 100: TIL that CSS conditionals are possible with the recently added if() function: developer.chrome.com/blog/if-arti... #100DaysofTakeaways
developer.chrome.com
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.
051
Xavier N-C @xaviercodes.bsky.social · 09/07/2025
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
slothbytes.beehiiv.com
🦥 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.
031
Xavier N-C @xaviercodes.bsky.social · 08/07/2025
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
una.im
una.im | What is popover=hint?
Learn about what exactly this new popover feature does and how it relates to interest invokers.
050
Xavier N-C @xaviercodes.bsky.social · 07/07/2025
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
youtube.com
UI Components Every Programmer Should Know (Probably)
YouTube video by The Coding Sloth
030
Xavier N-C @xaviercodes.bsky.social · 06/07/2025
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
itnext.io
JS Perf #2: The Dark Side of Formatting
When a simple formatting function becomes a silent performance killer
020
Xavier N-C @xaviercodes.bsky.social · 05/07/2025
Takeaway 95: Some potentially useful monitoring tools summed up in this recent freeCodeCamp article: www.freecodecamp.org/news/top-app... #100DaysofTakeaways
freecodecamp.org
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’...
030
Xavier N-C @xaviercodes.bsky.social · 04/07/2025
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
frontendmasters.com
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.
020
Xavier N-C @xaviercodes.bsky.social · 03/07/2025
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
javascript.plainenglish.io
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…
020
Xavier N-C @xaviercodes.bsky.social · 02/07/2025
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
slothbytes.beehiiv.com
🦥 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.
020
Xavier N-C @xaviercodes.bsky.social · 01/07/2025
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
030
Xavier N-C @xaviercodes.bsky.social · 30/06/2025
Takeaway 90: Got 3 serious code maintenance principles out of this latest Serious CTO short: www.youtube.com/watch?v=5mnu... #100DaysofTakeaways
youtube.com
3 Rules for Maintainable Code Nobody Teaches You #shorts
YouTube video by The Serious CTO
010
Xavier N-C @xaviercodes.bsky.social · 29/06/2025
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
sinja.io
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.
030
Xavier N-C @xaviercodes.bsky.social · 29/06/2025
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
kyleshevlin.com
Prefer Gaps To Margins | Kyle Shevlin
Prefer using gaps to margins when it comes to your component layouts.
020
Xavier N-C @xaviercodes.bsky.social · 27/06/2025
Takeaway 87: Found out about a really cool Translator web API: developer.mozilla.org/en-US/docs/W... #100DaysofTakeaways
developer.mozilla.org
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...
040
Xavier N-C @xaviercodes.bsky.social · 26/06/2025
Takeaway 86: Learned about the magic of CSS quantity query from this neat Frontend Masters post: frontendmasters.com/blog/quantit... #100DaysofTakeaways
frontendmasters.com
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.
040
Xavier N-C @xaviercodes.bsky.social · 25/06/2025
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
allthingssmitty.com
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.
020
Xavier N-C @xaviercodes.bsky.social · 24/06/2025
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
youtube.com
16 Cool GitHub Repos You WILL Use (no pressure)
YouTube video by The Coding Sloth
130
Xavier N-C @xaviercodes.bsky.social · 23/06/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
frontendjoy.com
✨ Is React really that great?
7 reasons why React is still a top choice for frontend developers in 2025
020
Xavier N-C @xaviercodes.bsky.social · 22/06/2025
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
bradfrost.com
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...
030
Xavier N-C @xaviercodes.bsky.social · 21/06/2025
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
youtube.com
When should you use the strong element over the Bring Attention To element
YouTube video by freeCodeCamp Concepts
030
Xavier N-C @xaviercodes.bsky.social · 20/06/2025
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
jakearchibald.com
Animating zooming using CSS: transform order is important… sometimes
How to get the right transform animation.
050
Xavier N-C @xaviercodes.bsky.social · 19/06/2025
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
frontendmasters.com
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.
020
Xavier N-C @xaviercodes.bsky.social · 18/06/2025
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
overreacted.io
Suppressions of Suppressions — overreacted
I heard you like linting.
030
Xavier N-C @xaviercodes.bsky.social · 17/06/2025
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
freecodecamp.org
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...
040
Xavier N-C @xaviercodes.bsky.social · 16/06/2025
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
trevorlasn.com
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.
020
Xavier N-C @xaviercodes.bsky.social · 15/06/2025
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
denodell.com
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.
140
Xavier N-C @xaviercodes.bsky.social · 14/06/2025
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
blog.logrocket.com
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.
030
Xavier N-C @xaviercodes.bsky.social · 13/06/2025
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
youtube.com
What is the role of the Open graph tags and how does it affect SEO?
YouTube video by freeCodeCamp Concepts
020
Xavier N-C @xaviercodes.bsky.social · 12/06/2025
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
css-tricks.com
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 ...
021
Xavier N-C @xaviercodes.bsky.social · 11/06/2025
Takeaway 71: Became more informed about the somewhat eerie concept of federated learning from this Sloth Bytes post: slothbytes.beehiiv.com/p/federated-... #100DaysofTakeaways
slothbytes.beehiiv.com
🦥 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.
020
Xavier N-C @xaviercodes.bsky.social · 10/06/2025
Takeaway 70: Found a visualizer that puts a fun spin on breaking down the Event Loop: hromium.com/javascript-v... #100DaysofTakeaways
hromium.com
hromium.com - Event Loop Visualized
Understand the JavaScript Event Loop with visual explanations! Learn how the Call Stack, Web API, Microtasks, and Macrotasks work together to handle asynchronous operations. Interactive models include...
020
Xavier N-C @xaviercodes.bsky.social · 09/06/2025
Takeaway 69: Came across another niche CSS function `contrast-color()`, which only resolves color contrasts to either black or white, but could be useful for improved web accessibility if its color spectrum was increased: css-tricks.com/exploring-th... #100DaysofTakeaways
css-tricks.com
Exploring the CSS contrast-color() Function… a Second Time | CSS-Tricks
The contrast-color() function doesn’t check color contrast, but rather it outright resolves to either black or white (whichever one contrasts the most with your chosen color). Safari Technology Previe...
030
Xavier N-C @xaviercodes.bsky.social · 08/06/2025
Takeaway 68: This article introduced me to a few new extensions to jazz up my VSCode environment: dev.to/hadil/5-vsco... #100DaysofTakeaways
dev.to
🚀 5 VSCode Extensions That Will Make You Actually Enjoy Coding Again 🎉
Sometimes coding feels like battling a dragon at 2 AM with zero sleep and 15 Chrome tabs open 😴. But...
031
Xavier N-C @xaviercodes.bsky.social · 07/06/2025
Takeaway 67: "There are no real shortcuts to mastery. What looks like speed today may become a bottleneck tomorrow when something breaks and no one understands why." A solid cautionary tale about vibe coding: shiftmag.dev/the-illusion... #100DaysofTakeaways
shiftmag.dev
The Illusion of Vibe Coding: There Are No Shortcuts to Mastery - ShiftMag
In the age of AI-assisted development, it’s tempting to believe we’re entering a golden era where human effort in programming becomes obsolete.
010
Xavier N-C @xaviercodes.bsky.social · 06/06/2025
Takeaway 66: Some resourceful tips here for optimizing first page load performance: dev.to/werliton/wha... #100DaysofTakeaways
dev.to
What Every Frontend Dev Should Do to Optimize First Page Load: 10 tricks
When building fast and responsive websites, one of the key metrics to focus on is the first page load...
040
Xavier N-C @xaviercodes.bsky.social · 05/06/2025
Takeaway 65: Took away a few enlightening "gotchas" for JS promises from this article, plus some solid tips on dodging them: www.infoworld.com/article/3999... #100DaysofTakeaways
infoworld.com
JavaScript promises: 4 gotchas and how to avoid them
Promises, handlers, and chains are foundations of modern JavaScript, but they can be tricky. Here are four common traps to watch out for.
030
Xavier N-C @xaviercodes.bsky.social · 04/06/2025
Takeaway 64: "The term 'Memory leak' is misleading. The memory isn't leaking out, it's just stuck where you can't use it." Today's SlothBytes really helped expand my overall understanding of how and why memory leaks occur. #100DaysofTakeaways slothbytes.beehiiv.com/p/memory-leaks
slothbytes.beehiiv.com
What Is Memory and Why Does It Leak and Take up All Your RAM?
Learn what memory leaks are, why programs slow down over time, and how to fix them. Real examples in Python, Java, and C. No jargon, just facts.
040
Xavier N-C @xaviercodes.bsky.social · 03/06/2025
Takeaway 63: A thoughtful reminder of how keen judgement can help effectively use AI as a tool and the key to prevent getting lost in the generative sauce: notsocommonthoughts.com/blog/ai-and-... #100DaysofTakeaways
notsocommonthoughts.com
Not So Common Thoughts
A personal blog exploring the intersection of design, technology, and human creativity. Through thoughtful analysis and personal experiences, it examines how modern tools and AI are reshaping our appr...
020
Xavier N-C @xaviercodes.bsky.social · 02/06/2025
Takeaway 62: Learned about some neat HTML5 elements in this post that could be useful for keeping one's HTML semantic and accessible: dev.to/maxprilutski... #100DaysofTakeaways
dev.to
HTML5 Elements You Didn't Know You Need
As you know, we love unusual tech at Lingo.dev. So when in my last essay, David commented he was...
050
Xavier N-C @xaviercodes.bsky.social · 01/06/2025
Takeaway 61: Creating a system that hones in on the things that make you tick can be the key to helping you get through the mundane and/or challenging. #100DaysofTakeaways www.youtube.com/watch?v=C5Ty...
youtube.com
Dopamine Driven Development
YouTube video by bigboxSWE
030
Xavier N-C @xaviercodes.bsky.social · 31/05/2025
Takeaway 60: Another entertaining and educational Coding Sloth production that covers 10 blunders one should avoid in their coding endeavors: www.youtube.com/watch?v=bFaq... #100DaysofTakeaways
youtube.com
10 Programming Mistakes That Will RUIN YOUR LIFE
YouTube video by The Coding Sloth
020
Xavier N-C @xaviercodes.bsky.social · 30/05/2025
Takeaway 59: TIL about the <col> element, which in tandem with the <colgroup> element, provides a rather peculiar method of "grouping" columns together. This HeydonWorks article breaks down the weirdness further: heydonworks.com/article/the-... #100DaysofTakeaways
heydonworks.com
The col element
An unofficial guide to the HTML col element
171
Xavier N-C @xaviercodes.bsky.social · 29/05/2025
Takeaway 58: Take a little coding break and revel in a piece of Minecraft without having to boot up the game, courtesy of benjaminaster.com who gathered some divs to craft this gem using only HTML and CSS. #100DaysofTakeaways benjaminaster.com/css-minecraf...
030
Xavier N-C @xaviercodes.bsky.social · 28/05/2025
Takeaway 57: "GraphQL isn't better than REST. It solves different problems." - SlothBytes Two API builders with their own distinct qualities and drawbacks: slothbytes.beehiiv.com/p/graphql-fo... #100DaysofTakeaways
slothbytes.beehiiv.com
🦥 GraphQL for Dummies
Master GraphQL basics without the jargon. Learn why Facebook built, why it matters, and when to use it vs REST. With Real examples.
230
Xavier N-C @xaviercodes.bsky.social · 27/05/2025
Takeaway 56: Was reminded today about how those magic little three dots (...) in JS code have a couple different tricks up their sleeves, depending on the context in which they are used. Rest vs Spread: allthingssmitty.com/2025/05/05/t... #100DaysofTakeaways
allthingssmitty.com
The power of the spread and rest syntax in JavaScript - Matt Smith
Learn how the spread and rest syntax in JavaScript can power up the front-end, from array handling to React state updates, with tips every developer should know.
030
Xavier N-C @xaviercodes.bsky.social · 26/05/2025
Takeaway 55: An instructive and creative breakdown of markdown found scrolling through good ol' daily dev: heydonworks.com/article/the-... #100DaysofTakeaways
heydonworks.com
The code element
An unofficial guide to the HTML code element
030
Xavier N-C @xaviercodes.bsky.social · 25/05/2025
Takeaway 54: "Simplicity is filling everything with meaning". The value and challenge of prioritizing simplicity is so brilliantly conveyed here: www.doc.cc/syntax/simpl... #100DaysofTakeaways
doc.cc
Simplicity
On removing complexity to add meaning.
020
Xavier N-C @xaviercodes.bsky.social · 24/05/2025
Takeaway 53: This month marks 30 years since the first version of JavaScript was created. Here's a neat little chronicle via Deno of JS's 30-year impact on web development: deno.com/blog/history... #100DaysofTakeaways
deno.com
A brief history of JavaScript | Deno
In 30 years, JavaScript went from being a little scripting language to one of the world's most popular. Here are key moments to show how it has evolved and where it is headed.
191
Xavier N-C @xaviercodes.bsky.social · 23/05/2025
Takeaway 52: "We are not being oppressed by a new, inhuman mechanical evil. We are being haunted by our own ghosts." Overall, a unique supernatural take on AI and its potential impact on our future🤖👻: medium.com/@mariafati/a... #100DaysofTakeaways
medium.com
Artificial Intelligence and Humanity’s Future: A Ghost Story
We live in a world populated by digital ghosts of human injustice and cruelty, reanimated in AI software. But is it possible to tell a…
030
Xavier N-C @xaviercodes.bsky.social · 22/05/2025
Takeaway 51: Found a great post on freeCodeCamp that helped me better understand JS linters, particularly how they use Abstract Syntax Trees (ASTs) to comprehend codes in a consitent structure, no matter how that code is written. #100DaysofTakeaways www.freecodecamp.org/news/how-jav...
freecodecamp.org
How JavaScript Lint Rules Work (and Why Abstract Syntax Trees Matter)
Before I started to contribute to eslint-plugin-react, I didn’t think too deeply about the linters I used every day while writing code. Like many developers, I installed them at the start of a project...
030