Piccalilli - Everything
https://piccalil.li/
Premium courses, articles, links and newsletters that give you a real-world, industry specific education that actually matters and that will far outlive any hype and help you level up your career.
フィード

The Index: Issue #185
Piccalilli - Everything
eyeballIncredibly addictive game. Best to use a mouse/trackpad than a touch device to give yourself a chance too!Dollar Slice Surf Report, New York CityA cool project by Scott Jehl as, using pen, pencil, Procreate and Figma as a much needed antidote to the slop era.Speaker feedsFFconf have a huge library of previous talks and speakers. Now, you can discover their RSS feeds and follow them. Handy!Let's get creativeFolks love it when we share indexes of cool stuff, so here's another!Protecting Blue CorridorsSome absolutely delightful design and data visualisation work here.Styling Tables the Modern CSS WayHere's one from the Piccalilli archives that you might have missed to wrap up this issue.P.S. this is a good website from personalsit.es.Sponsor messageIdentify and fix web performance issues with DebugBear.Is your website slower than it should be? DebugBear provides in-depth web performance insights based on synthetic tests and real user monitoring.Detect pages with critical issues, ge
5日前

A Front-end developer’s guide to the hybrid mobile app development landscape
Piccalilli - Everything
Just as with every aspect of my life, I find it hard to identify my software development skills. At my heart, I am a developer, though I spent way too much time as a high school senior fretting about whether or not I’d become an engineer. On paper, my job title has been product owner for almost the same amount of time as engineer/developer, but I was still writing code and reviewing PRs. Then comes the question of what kind of developer am I? Web developer? Mobile developer? Front-end? Full-stack? So many titles, but not a single one that fully encompasses my experience. I can tell you one thing that I’m not is a back-end developer 😆All that said, for the purposes of this article, I’m a front-end web developer who has spent their 7 year career building a product for testing accessibility of mobile apps. I’d like to give you — a front-end web developer, who may not have mobile experience — a quick run-through to the mobile apps built with web technologies landscape.What is a hybrid mob...
6日前

The Index: Issue #184
Piccalilli - Everything
musiqSome web components that render piano keys and guitar fretboards in various configurations. Handy for educators!ApheraThis is looking like a genuine challenger for Adobe Lightroom.Media queries range syntaxA very concise explainer on this ever-useful syntax by one of the best in the biz at explaining CSS syntax.You probably shouldn’t be annotating focus orderOne of the best overviews of dealing with focus well in UI design/development we've seen out there.Using safe-area-inset to build mobile-safe layoutsThis is fantastic. The writing is superb and the interactive demos really help nail, understanding the concepts.Printing the web: making webpages look good on paperHere's one from the Piccalilli archives that you might have missed to wrap up this issue.P.S. the standard.site Bluesky link cards integration is looking really cool.Sponsor messageOptimize visitor experience with DebugBearDebugBear real user monitoring tells you how fast your website is for your visitors and where you
12日前

Navigating the age-old problem of checkmarks in UI with progressive enhancement
Piccalilli - Everything
The ::checkmark pseudo-element was introduced in CSS Form Control Styling Module Level 1 and it’s a powerful CSS feature to say the least. I even wrote about it as an almanac entry for CSS-Tricks in 2025 to share what this pseudo-element can do.The CSS ::checkmark pseudo-element is used to style the checked state of input elements with checkers including the <select> dropdown, checkboxes, and radio buttons. There’s one problem: at the time of writing, ::checkmark lacks browser support on two major browsers: Safari & Firefox.That’s not all.According to the specification, ::checkmark is supposed to support styling of checkmarks present in checkboxes, radios, and option elements, but again, at the time of writing, it’s only supported for <option> elements in the <select> dropdown.This means that ::checkmark , as simple, powerful, and useful as it is, is still very limited, and that’s a problem. So, do we rely on the traditional solutions we used to use in the past to style checkmarks? Are
13日前

The Index: Issue #183
Piccalilli - Everything
On Google declaring war on the WebThe time to fight back against Google is right now or we end up with AOL, slop edition.Mechanical PencilBeautifully illustrated guides on how stuff works, by mechanical engineer and artist, Bryan Macomber.Nearly 50,000 Lake Tahoe residents have to find a new power source after their energy source looks to redirect lines to data centersBut AI is a bit useful though, right?ParachordSome great looking software that should make organising your combined stream-based and owned music collection easier.Extreme macro photos of insect wingsSome much needed art that does exactly what it says on the tin.You can style alt text like any other textHere's one from the Piccalilli archives that you might have missed to wrap up this issue.P.S. this is a good website from personalsit.es.Sponsor messageHow fast is your website?The free DebugBear website speed test provides an in-depth technical report on your page speed. You can also see how your Core Web Vitals have chang
19日前