Piccalilli - Everything
https://piccalil.li/
We are Piccalilli. A publication dedicated to providing high quality educational content to level up your front-end skills.
フィード

The Index: Issue #144
Piccalilli - Everything
Fonts for a progressive futureTitle says it all. Amazing fonts designed for people doing actual good for the world.Busy simulatorThis is great and will give you a chuckle.Can AI write accessibility specs?Geri truly is a writing super talent. This piece is fantastic.Responsive letter spacingExtremely clever approach!Grid paperA handy tool here if you want to print grids, dot-grids and even isomorphic grids.P.S. this is cool.Sponsor messageOur Black Friday deals start on Tuesday, November 25! Mindful Design launches on the same day too.All courses are going to be ~£249~ £189, saving you £60. That's not all though. If you buy a course during this period, you'll get a 50% discount coupon code to use for your next purchase, any time you want.That means if you buy one course for £249 £189, you get the next one for £124.50, saving over £180 against the full, £498 price of both courses!Why not check out our courses in the meantime before Tuesday?Check them outThanks for reading this issue of T
1日前

The Index: Issue #143
Piccalilli - Everything
Butterick’s Practical TypographyThis book (available to read online) is absolutely packed full of gold.Staggered animation with CSS sibling-* functionsA great, practical article teaching you about the newer sibling-index() and sibling-count() functions in CSS.EchoFeedEverything you read outside of the Piccalilli site (including this email) is powered by tooling like this under the hood. Automation without the hassle is always a good thing too in our experience.Why do you need big tech for your SSG?We certainly need hefty infrastructure here but a personal site certainly doesn't. Maybe the recent Cloudflare and AWS outages, along with easy guides like this will make people think that simplification is actually better.Range syntax for style queriesThis is a great article if you might be thinking that style queries are not overly useful because they are, especially with the range syntax.P.S. this is funny.Sponsor messageNo sponsor today so I want to use this as another opportunity to shar
3日前

The Index: Issue #142
Piccalilli - Everything
public.monsterThis is fantastic. Free hosting for people that want a place on the internet that is their own as a throwback to the 90s.Little Character fontA free and open source font that has an incredible back-story. I saw Astrid (the creator) talk about it at beyond tellerrand last week and I'm still thinking about it.HandyA handy, free, open source speech-to-text tool designed to bring accessibility to as many people as possible.Stonking newsThis is cool: news ranked by engagement on Bluesky. It looks a bit like "Hacker" "News" but don't fret, it's nothing like that, thankfully.Perfecting BaselineLet's wrap up the week with another Piccalilli article. We've been busy this week!P.S. this is a good demo.Sponsor messageNo sponsor today so I want to use this opportunity to share our good friend, Jason Lengstorf's CodeTV.There’s so much great content on this site, such as Learn with Jason, Web Dev Challenge, Leet Heat, Unspoken Tech and #DoItAnyways.You can also become a supporter, to h
8日前

Perfecting Baseline
1
Piccalilli - Everything
FYII’m the co-chair of the W3C WebDX Community Group, which maintains the data and the definition that powers Baseline. Today, I want to take a step back and talk about what Baseline is starting to mean to web developers, what it is, and what it isn’t.Baseline has become hard to miss these days. There are banners at the top of most MDN reference pages and on caniuse.com. It also shows up in various coding editors and developer tools as tooltips, and people have started to mention it in blogs, social media, or conferences. It's definitely out there!After a couple of years of existence, it's fair to say that awareness of Baseline has grown pretty significantly among web developers. People seem to know about the term and have a (sometimes vague) idea about what it means.Baseline fills a gap but is also imperfectFor most people, Baseline is filling a gap. To them, the term acts as a simple way to say: this feature is supported across browsers. Even if they don't always know which browsers
9日前

The Index: Issue #141
Piccalilli - Everything
Reimagine the date pickerPikaday is back baby!Why do browsers throttle JavaScript timers?You might not initially think it, but this is a really fascinating read.Your URL is your stateThe URL is so overpowered and so often under-utilised. This article does a great job of explaining how much power you really have.It makes me think of Cassidy's PocketCal.Leveraging a web component for comparing iOS and macOS iconsYet another great example of web components being incredibly handy.Programming principles for self taught front-end developersThe majority of us are a bunch of self taught people with rather spotty knowledge and that's fine! Kilian (also self taught) is here to share some of the computer science fundamentals you probably are missing with the aim to improve your code in the long term.P.S. this is a good demo.Sponsor messageAll Day Hey! is a curated conference for curious developers, designers, and technology leaders.📍 Everyman Cinema, Leeds, UKCelebrating ten years of All Day Hey...
10日前
