Joined June 2016
- Tweets 1,413
- Following 236
- Followers 94
- Likes 2,390
156 Photos and videos
JC retweeted
May 14
using css pow() you can create runtime-configurable fluid typography that responds to viewport or container size 😉
for example, "minimum of 14px at 375px and scale to maximum 24px at 1500px"
all powered by pow() and custom properties
May 10
One line of CSS. Perfectly responsive typography on every screen.
font-size: clamp(1rem, 1vw, 1.75rem);
🪄 1rem minimum keeps text readable on phones
🪄 1vw makes it scale fluidly with the viewport
🪄 1.75rem caps it elegantly on large displays
No media queries or breakpoints.
Try it!
19
62
1,064
117,230
JC retweeted
May 11
one more
7
118
2,794
41,242
JC retweeted
May 6
Use 𝚟𝚒𝚎𝚠-𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗𝚜 and 𝚌𝚕𝚒𝚙-𝚙𝚊𝚝𝚑 to animate theme switches instead of flipping them with a transition
𝚍𝚘𝚌𝚞𝚖𝚎𝚗𝚝.𝚍𝚘𝚌𝚞𝚖𝚎𝚗𝚝𝙴𝚕𝚎𝚖𝚎𝚗𝚝.𝚊𝚗𝚒𝚖𝚊𝚝𝚎(
{ 𝚌𝚕𝚒𝚙𝙿𝚊𝚝𝚑: ["𝚒𝚗𝚜𝚎𝚝(𝟶 𝟶 𝟷𝟶𝟶% 𝟶)", "𝚒𝚗𝚜𝚎𝚝(𝟶)"] },
{ 𝚙𝚜𝚎𝚞𝚍𝚘𝙴𝚕𝚎𝚖𝚎𝚗𝚝: "::𝚟𝚒𝚎𝚠-𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗-𝚗𝚎𝚠(𝚛𝚘𝚘𝚝)", 𝚍𝚞𝚛𝚊𝚝𝚒𝚘𝚗: 𝟼𝟶𝟶 },
),
::𝚟𝚒𝚎𝚠-𝚝𝚛𝚊𝚗𝚜𝚒𝚝𝚒𝚘𝚗-𝚗𝚎𝚠(𝚛𝚘𝚘𝚝) {
𝚊𝚗𝚒𝚖𝚊𝚝𝚒𝚘𝚗: 𝚗𝚘𝚗𝚎;
𝚖𝚒𝚡-𝚋𝚕𝚎𝚗𝚍-𝚖𝚘𝚍𝚎: 𝚗𝚘𝚛𝚖𝚊𝚕;
}
Here the clipPath ensures the transition happens from top to bottom
15
60
1,089
53,047
JC retweeted
May 5
Mastering icon design with this handy cheatsheet!
7
59
2,235
JC retweeted
May 4
reminder: this magnetic nav link effect?
jus' a few lines of css anchor positioning 🤙
li:has(a:is(:hover, :focus-visible)) { anchor-name: --a; }
ul::before {
position-anchor: --a;
left: anchor(left);
top: anchor(top);
width: anchor-size(width);
}
18
93
1,553
101,731
JC retweeted
Feb 24
CSS tip:
Stop duplicating your CSS for Dark Mode.
The new light-dark() function lets you define both values in a single line.
It eliminates the need for redundant media queries and keeps your variables in one place.
23
84
648
27,795
New update for pull requests. 🚀
You can now follow the discussion directly in the "Files changed" tab. No more context switching.
Plus, we streamlined change requests: If you’ve already commented, skip the summary and just submit.
Get the details. ⬇️
github.blog/changelog/2026-0…
ALT GitHub interface displaying code and a comments section. Text reads, "Improvement: Access all PR comments from the new 'Files changed' page."
15
33
356
32,167
JC retweeted
As a developer, you'll need to know how to test your code to make sure it's working as it should.
And in this tutorial, @ATechAjay teaches you how to test your JavaScript apps in a few different ways.
He covers Unit, Integration, and End-to-End testing as well as some AI-Augmented QA techniques.
freecodecamp.org/news/how-to…
4
39
252
10,674
16 Dec 2025
Part 5 of JavaScript 101: Control flow (if / else if / else) with clean examples boundary tips.
Read: thecoderaccoons.com/blog-pos…
Catch up: Functions → thecoderaccoons.com/blog-pos… | Data Types → thecoderaccoons.com/blog-pos…
#JavaScript #JS101
9
JC retweeted
10 Dec 2025
Most teams build backends by stitching together five or six different systems.
Motia shows how simple it can be when one primitive powers everything.
APIs, events, background jobs, workflows, AI agents, and real time streams all built with Steps.
Works in JavaScript, TypeScript, and Python.
4
10
86
13,116
1 Dec 2025
Got tired of rewriting loading/error state in every React screen… so I built a hook for it 😅
use-async-view handles loading, error & success views reload for you (React & React Native).
Post examples 👇
thecoderaccoons.com/blog-pos…
18
Cooking up some code? 🧑🍳 💻
Don't just guess the ingredients—check out the GitHub Copilot Chat Cookbook. 📖 Get recipes, tips, and prompt strategies to help you get the absolute most out of your AI pair programmer.
Start mixing up better workflows here.👇
docs.github.com/en/copilot/t…
7
53
322
44,450
JC retweeted
21 Nov 2025
context-aware css card glow/shine effect 👨🍳
the trick: duplicate and scale the icon. translate it on pointermove. apply feGaussianBlur 🤙
check it 👇
159
747
14,899
839,367
JC retweeted
18 Nov 2025
The VS Code Private Marketplace is now generally available!
Enterprises can finally self-host and control extension distribution for their dev teams. Secure, compliant, and seamless - right inside @code.
Start here: aka.ms/vscode/privatemarketp…
ALT A screenshot of a Private Marketplace for VS Code
15
85
579
76,971