Piccalilli

The Index: Issue #113 Our two week break for The Index is over and we're back with a great issue for you to enjoy. This issue is sponsored by our friends at Screencast Drafting.

Our two week break for The Index is over and we're back with a great issue for you to enjoy. This issue is sponsored by our friends at Screencast Drafting.

piccalil.li/the-index/113/

I'm so bloody happy with how our new article stuff looks and how we've handled better advertising options.

@leannerenard.co.uk and @jasonbradberry.bsky.social, smashing it as per usual.

A new article layout and better options for advertisers We’ve been working really hard to balance making articles easier to read and to provide advertisers with much better options to sustain Piccalilli in the long term.

We’ve been working really hard to balance making articles easier to read and to provide advertisers with much better options to sustain Piccalilli in the long term.

piccalil.li/blog/a-new-a...

I may be biased, but the new marketing pages are looking incredible.

We’ve implemented full brands for our upcoming courses After a truck-load of work, we’ve given our upcoming courses branded landed pages so that our authors have their own little home to express themselves on Piccalilli.

After a truck-load of work, we’ve given our upcoming courses branded landed pages so that our authors have their own little home to express themselves on Piccalilli.

piccalil.li/blog/weve-im...

We had two of the same form on the page and the "for" attribute of the labels was not unique. Easy to do and thankfully, easy to fix

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

A nice run-down of how to deal with a more complex UI state problem, using the new popover capabilities.

una.im/popover-hint/

Something you’d historically have to do with a service worker that’s super simple, thanks to edge functions.

blog.jim-nielsen.com/2025/transfo...

WDC2025 - October 10 2025, Watershed, Bristol, UK WDC is the web conference based in Bristol, taking place in autumn each year. With great speakers and attendees alike.

This is such a nice site. It’s always good to see when people recreate a vintage desktop UI with the web too.

webdevconf.com

An unbelievably vast collection of outstanding stuff you should be subscribing to in your RSS reader.

The Index: Issue #112 Our last issue of The Index for a couple of weeks is here! We're taking a nice summer break and will be back August 5th with more great links.

Our last issue of The Index for a couple of weeks is here! We're taking a nice summer break and will be back August 5th with more great links.

piccalil.li/the-index/112/

We’re aiming to run Piccalilli full time - Andy Bell Recently we ran a survey that turned out some interesting results. We decided to do the survey off the back of the success of redesigning Piccalilli last year and launching our first course. The response...

One here about our future and how you can help make it happen

bell.bz/were-aiming-...

Actions speak louder than words or siloed initiatives, and men in these leadership positions need to exercise the opportunity to act.

I've written about this previously, and something I'm actively involved in leading wherever I go.

HTML Form inspector | Polypane Paste your HTML form code to get a detailed overview of its structure and fields.

Polypane here with another really useful tool. They even found issues with our forms while they were testing it!

For sure!

A handy use of subgrid to enhance a simple layout subgrid in CSS is really handy for getting a nice level of design detail in place, especially in terms of maintaining a nice reading line, as Andy shows in this article.

subgrid in CSS is really handy for getting a nice level of design detail in place, especially in terms of maintaining a nice reading line, as Andy shows in this article.

piccalil.li/blog/a-handy...

Not only is this some great, user-centred design, but the website is absolutely stunning.

namesake.fyi/blog/new-nam...

JavaScript dos and donts @ Mu-An Chiou Do When the core functionality of a feature cannot function with only HTML. When the core functionality of a feature can benefit from some JavaScript. Start with only HTML, then progressively enhance...

A very simple and effective ruleset to follow

The Index: Issue #111 The Index #111 is here, featuring good JavaScript advice, user-centred design, form inspection, object-fit and object position.

The Index #111 is here, featuring good JavaScript advice, user-centred design, form inspection, object-fit and object position.

piccalil.li/the-index/111/

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.

Chris here with a useful run-down of working with the new select element capabilities we have available to us.

frontendmasters.com/blog/custom-...

A revisit of the Every Layout sidebar with :has() and selector performance Heydon Pickering takes a fresh look the Every Layout Sidebar layout, 6 years on, to see if modern CSS selectors can improve it.

A revisit of the Every Layout sidebar with :has() and selector performance from @heydonworks.com on @piccalil.li

piccalil.li/blog/a-revis...

#FrontEnd #WebDev #CSS #WebDesign

Newsletters that regularly hit my inbox these days Here’s a sampling of some of the newsletters I look forward to.

Newsletters! I love 'em. Here's some that I look forward to reading every week, an idea shamelessly stolen from @marcthiele.com 😅 ericwbailey.website/published/ne...

Katamari Node-Modules Use WASD to move around. Press Space to Jump if you get stuck. Music by Liam Webber.

This is hilarious and fun

Introducing pay per crawl: Enabling content owners to charge AI crawlers for access Cloudflare have come up with an interesting method of preventing publishers being ripped off by AI crawlers. We look at what it could do for us and everyone else.

Cloudflare have come up with an interesting method of preventing publishers being ripped off by AI crawlers. We look at what it could do for us and everyone else.

piccalil.li/links/introd...

Was my IAAP Certification worth it? - Nic Chan Plus a bunch of easily detectable errors, you're welcome!

An interesting account from Nic and their IAAP accessibility certification. It’ll be especially useful to read for those wanting that formal qualification.

www.nicchan.me/blog/was-my-...

Wondermake | Creative studio for brands, web, apps & games A creative studio, crafting bold brands and daring digital experiences with personality, passion and purpose · Web Design · Branding · Development

A very creative studio site here with butter smooth animations, nice custom cursors and really nice layout work.

wondermake.xyz

I saw this at the end of last week and it's prompted me to only use ChatGPT if I get stuck. Although I have probably been a bit lax in paying attention to my efficiency, I certainly noticed an improvement when I used documentation instead of AI for a couple of little tasks over the weekend.

Measuring the Impact of Early-2025 AI on Experienced Open-Source Developer Productivity Measuring the Impact of Early-2025 AI on Experienced Open-Source Developer Productivity

"When developers are allowed to use AI tools, they take 19% longer to complete issues—a significant slowdown that goes against developer beliefs and expert forecasts.”

metr.org/blog/2025-07...

Is your boss encouraging you to/making you use AI tools for development?

I’m thinking about working on a piece about that on @piccalil.li.

It’s sensitive for sure, so more than happy for people to be anonymised.

Catch me in all these places (including signal) bell.bz/links/

Wondermake | Creative studio for brands, web, apps & games A creative studio, crafting bold brands and daring digital experiences with personality, passion and purpose · Web Design · Branding · Development

So much to love about Wondermake’s website. (via @piccalil.li)