Piccalilli
LightNews LightNews
piccalil.li
Piccalilli
@piccalil.li
4.8K followers 170 following 860 posts
Level up your front-end skills. Stay for the approachable, friendly content and go away with transferable skills you can use day to day.

https://piccalil.li
Posts Replies Media Videos
Pinned
piccalil.li
Piccalilli @piccalil.li · 28d
It's here. JavaScript for Everyone is now available to…everyone!

The amount of effort and experience packed into this course is unbelievable and we know you're going to love it.

Get yours for £189, down from £249, for 2 weeks and super-charge your career prospects

piccalilli.link/js4e-launch-...
JavaScript for Everyone
A high quality, expansive written course that will elevate your JavaScript skills to a level you never thought was achievable.
piccalilli.link
piccalil.li
Scroll padding is actually a lot more useful than you might think as the ultimate global style.

cssence.com/2025/scroll-...
Instant snapport
How to tweak the optimal viewing region of the scrollport.
cssence.com
November 10, 2025 at 4:02 PM
piccalil.li
"And for those who aren’t insiders in the tech industry, it’s vital that you understand that you’ve been presented with an extremely distorted view about what tech workers really think about AI. "

www.anildash.com/2025/10/17/t...
The Majority AI View - Anil Dash
A blog about making culture. Since 1999.
www.anildash.com
November 10, 2025 at 2:04 PM
Reposted by Piccalilli
bell.bz
New on the blog: bell.bz/get-the-core...
Get the core right and the resilient code will follow - Andy Bell
I delivered my talk for the last time at beyond tellerrand last week, so I thought I’d just mark it on my blog. I did it first at ffconf in response to a chat Remy and I had, so it’s only ...
bell.bz
November 10, 2025 at 12:24 PM
Reposted by Piccalilli
cassidoo.co
Another day, another deploy
Another reason to get some joy
The latest issue of my newsletter just dropped!

Subscribe to get it (or catch up in the archive):
cassidoo.co/newsletter
rendezvous with cassidoo
A weekly newsletter with web development content for everyone, from beginners to pros.
cassidoo.co
November 10, 2025 at 8:58 AM
Reposted by Piccalilli
piccalil.li
Declan Chidlow here with some really practical uses of view transitions, along with some of the stuff that will trip you up, with guidance to help you navigate that.

piccalil.li/blog/some-pr...
Some practical examples of view transitions to elevate your UI
Declan Chidlow here with some really practical uses of view transitions, along with some of the stuff that will trip you up, with guidance to help you navigate that.
piccalil.li
November 6, 2025 at 12:10 PM
piccalil.li
Lovely look and feel and a cool, musical theme switcher that has Zelda Ocarina of Time vibes.

farrant.me
Home — Josh Farrant
The homepage of Josh Farrant's weblog
farrant.me
November 7, 2025 at 4:05 PM
piccalil.li
An interesting look at the level of details that goes into creating a typeface.

jasonsantamaria.com/blog/learnin...
Learning Curves — jasonsantamaria.com
Assorted thoughts on slowly improving at designing type while working on a lowercase addition to Citywide.
jasonsantamaria.com
November 7, 2025 at 2:04 PM
Reposted by Piccalilli
sil.kryogenix.org
This is very good. Practical examples of view transitions are importantly so people can see how to use them for real and how there’s no need to hand over all page management to a framework just to get a form field to move between subpages. Nice work @vale.rocks
November 7, 2025 at 12:06 PM
piccalil.li
It's Friday, so let's wrap up with some good links in The Index #140.

piccalil.li/the-index/140/
The Index: Issue #140
It's Friday, so let's wrap up with some good links in The Index #140.
piccalil.li
November 7, 2025 at 12:07 PM
Reposted by Piccalilli
bell.bz
Like I said, this talk was built from the principles module on Complete CSS, which you can read for free!

piccalil.li/complete-css...
The art of concise, effective communication
A lesson from the Complete CSS course
piccalil.li
November 7, 2025 at 10:35 AM
Reposted by Piccalilli
vale.rocks
View transitions are pretty neat, and I was fortunate enough to write a piece for @piccalil.li about putting them to work.

They're such an exciting new part of the web platform, and I'm elated to see new and boundary-pushing effects making their way into production.

#WebDev #ViewTransitions #CSS
November 6, 2025 at 12:30 PM
Reposted by Piccalilli
bell.bz
More view transitions goodness for you to enjoy, this time from @vale.rocks
November 6, 2025 at 12:49 PM
piccalil.li
Great demos, a great build your own curve feature and of course, another great article by Josh.

www.joshwcomeau.com/animation/li...
Springs and Bounces in Native CSS • Josh W. Comeau
The “linear()” timing function is a game-changer; it allows us to model physics-based motion right in vanilla CSS! That said, there are some limitations and quirks to be aware of. I’ve been…
www.joshwcomeau.com
November 6, 2025 at 4:04 PM
piccalil.li
One for the Sim City fans. This is so cool!

terra.layoutit.com
Layoutit Terra - CSS Terrain Generator
An interactive CSS terrain generator. Define a grid and generate your terrain!
terra.layoutit.com
November 6, 2025 at 2:04 PM
piccalil.li
Declan Chidlow here with some really practical uses of view transitions, along with some of the stuff that will trip you up, with guidance to help you navigate that.

piccalil.li/blog/some-pr...
Some practical examples of view transitions to elevate your UI
Declan Chidlow here with some really practical uses of view transitions, along with some of the stuff that will trip you up, with guidance to help you navigate that.
piccalil.li
November 6, 2025 at 12:10 PM
piccalil.li
You might think “boring” but seriously, this is a masterpiece.

www.nan.fyi/database
Build Your Own Database
A step-by-step guide to building a key-value database from scratch.
www.nan.fyi
November 5, 2025 at 4:03 PM
piccalil.li
It’s always appreciated when someone comes through and gives us the performance facts with new(er) JavaScript capabilities.

jakearchibald.com/2025/importi...
Importing vs fetching JSON
They behave differently, so make sure you pick the right one.
jakearchibald.com
November 5, 2025 at 2:03 PM
piccalil.li
Happy Wednesday! It feels like today is better than it could have been, all of a sudden, because The Index #139 is here with the good links.

piccalil.li/the-index/139/
The Index: Issue #139
Happy Wednesday! It feels like today is better than it could have been, all of a sudden, because The Index #139 is here with the good links.
piccalil.li
November 5, 2025 at 12:07 PM
piccalil.li
Ahmad just doesn’t miss. Another outstanding article.

ishadeed.com/article/mode...
Solved By Modern CSS: Section Layout
Building a typical section design with modern CSS.
ishadeed.com
November 4, 2025 at 4:04 PM
piccalil.li
Don’t believe the hype, in short.

zeldman.com/2025/10/25/r...
Receipts: a brief list of prominent articles proclaiming the death of the web. Jeffrey Zeldman Presents
Personal site of author, designer, Automattician, and A List Apart founder & publisher Jeffrey Zeldman. Teaching and writing about web design and web standards since 1995. Also featuring “My…
zeldman.com
November 4, 2025 at 2:03 PM
Reposted by Piccalilli
pablolarah.bsky.social
👓 Start implementing view transitions on your websites today
by @piccalil.li @[email protected]
#ViewTransitions #webdev

piccalil.li/blog/start-i...
A vintage illustration of a wide variety of fruits and vegetables from the book, Nouveau Larousse Illustre (1898), by Larousse, Pierre, Augé and Claude with red text and white shadows: Start implementing view transitions on your websites today
November 3, 2025 at 4:02 PM
piccalil.li
This is a fantastic piece of writing with some really good, interactive examples to help the knowledge stick.

nik.digital/posts/tab-ro...
Tab Roving • Niklas Gadermann
Handling focus management for element groups
nik.digital
November 3, 2025 at 4:04 PM
piccalil.li
This is absolutely stunning and a great example of monochromatic design. The software itself is really interesting too.

automerge.org
Automerge
Automerge is a library for building collaborative, local-first applications.
automerge.org
November 3, 2025 at 2:04 PM
Reposted by Piccalilli
bell.bz
There appears to be a hell of a wave of new followers going on at the moment so:

1. Here's my publication @piccalil.li
2. Here's my newsletter piccalil.li/the-index/
3. Here's my course piccalil.li/complete-css/ (including free lessons)
4. Here's all of our courses! piccalil.li/courses/
Complete CSS
A high quality, expansive CSS course that will elevate your CSS and core skills to a level you never thought was achievable.
piccalil.li
November 3, 2025 at 9:09 AM
Reposted by Piccalilli
frontenddogma.com
NaN, the Not-a-Number Number That Isn’t NaN, by @[email protected] (@piccalil.li):

https://piccalil.li/blog/nan-the-not-a-number-number-that-isnt-nan/

#javascript
NaN, the not-a-number number that isn’t NaN
We're pretty aware, generally that JavaScript is weird, but did you know Not-A-Number (NaN) is a type of number? Mat Marquis walks us through why that is and how to deal with NaN well in your codebases.
piccalil.li
November 2, 2025 at 8:30 AM