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 #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
2日前

Perfecting Baseline
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
3日前

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...
4日前

Programming principles for self taught front-end developers
Piccalilli - Everything
Like many front-end developers, I don’t have a formal computer science background. I rolled into this discipline as a designer wanting more control over the end product and though I did get a bachelors of ICT degree, the actual studies were, ahem, quite light in terms of “fundamental computer science”. This means all I know about capital-s Software Development, I learned as I went from various sources. If that’s you too, this article hopefully saves you a few years.After 20+ years, the things that have the most effect on my day-to-day aren’t that I learned how to model my OOP systems using UML or know what a Monad is. Instead, it’s a bunch of (sometimes pithy) statements that fall under the umbrella of “programming principles”.Now, there are many, many programming principles out there. Some are more like “laws” that describe how systems and people behave (like Hofstadter’s law: It always takes longer than you expect, even when you take into account Hofstadter’s law.) and while those ar
5日前

The Index: Issue #140
Piccalilli - Everything
Transition to the other side with container query unitsSomething we're always looking for is usages of container queries and their units that you might not have thought of. Ryan has exactly that for you here.Trusting the browserA really interesting read about long lasting accessibility damage thanks to previous browser defaults and of course, AI generated code.Fluid responsive typography: easy when you know howFrom James of Utopia fame:You don’t need to be a hot-shot developer to get this working. Anybody who has access to their website’s CSS can do it.Some practical examples of view transitions to elevate your UIAnother one from us on view transitions! This time, it's Declan Chidlow with some fantastic, practical examples.The scope creepLet's wrap up with a visually stunning and really good game on scope creep.P.S. this is a cool.Sponsor messageDid you know, we've made the whole “Principles” module free to everyone?It's eight free lessons, introducing what we think are the most import
9日前
