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.

フィード

記事のアイキャッチ画像
Save 35% on all courses for two weeks only
Piccalilli - Everything
The summer is over and the autumn (or fall, for our American friends) is here, so we're offering a huge 35% discount on all courses if you use the coupon code PRICEFALL at checkout.This is the time of year where people, fresh off a summer break, like to skill up, so we're making that easier with this large discount.We're running the discount for only two weeks — ending September 23 — so make sure you don't miss out.Purchasing Power Parity (PPP)Our PPP discounts are always based on the full price of the course, so our system will work out which deal is going to be the best for you.If your PPP discount is cheaper than the PRICEFALL discount, we'll present that. If the PRICEFALL discount is cheaper, we'll present that.We're all about people getting incredibly high quality education that's as affordable as possible.If you need to convince your bossWe've got you covered with letter templates for every course:Complete CSSJavaScript for EveryoneMindful DesignCheck it out!
7時間前
記事のアイキャッチ画像
The Index: Issue #196
Piccalilli - Everything
Before we get into this week's links, I just thought I'd let you know we're having a summer break next week, so the next issue won't be with you until September 11!Midnight Vinyl ClubA handy service that helps you explore music and find the best prices for vinyl.The search for a Spotify alternativeThere are so many better options than Spotify for music and Elliot helpfully breaks plenty of options for you.Little websites everywhereThis is a great piece. As we see it, the web — at large — always wins and those green shoots will come.ReelSwapA really cool service for cataloging physical media. The bookshelves are really nicely done too.WireLoopAn extremely satisfying web-based game.NaN, the not-a-number number that isn’t NaNHere'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 messageThere's no sponsor this week so I thought I'd use this slot to give a pep talk to those who are feeling incredibly b
12日前
記事のアイキャッチ画像
Personal website redesign project post: A CLI for adding new music to the collection
Piccalilli - Everything
Right, we are at the end of iteration one.The last thing to do is to make my life a little easier. Markdown files work perfectly fine for the music collection, but they're a bit of a faff. Mostly because I always forget the front matter structure, so to fix that, I created myself a Command Line Interface (CLI) which is a series of questions, resulting in a new item being added to the collection.I add a lot of music to my collection because I'm truly trying to get away from streaming platforms completely, so something that makes the process of keeping it up to date simple is very much needed.Let's break down the tool I built, piece-by-piece.import * as p from '@clack/prompts';import fs from 'node:fs';import path from 'node:path';import { Readable } from 'node:stream';import { finished } from 'node:stream/promises';import slugify from 'slugify';// The root is the current working directoryconst REPO_ROOT = process.cwd();// Music collection content locationconst MUSIC_COLLECTION_ROOT = pat
13日前
記事のアイキャッチ画像
The Index: Issue #195
Piccalilli - Everything
BulletedThis is the stuff that's exciting about the AT protocol. Not the "new twitter" bullshit, but the endless possibilities that this technology opens up. It's using the fancy new private data stuff too.The future of CSS: target multiple classes with the class prefix selectorAs Bramus says in the article, we can sort of do this already, but those substring selectors don't perform well. This new method is a very good improvement!Ruminations on notificationsA good write-up on how annoying and harmful notifications are.HTML can do thatSo much good stuff has arrived in HTML that gives us rich functionality for free and Chris helpfully breaks that down for us.Introducing MicrolighterAn extremely lightweight syntax highlighter using the new ::highlight() functionality? Yes please!Why I’m excited about text-box-trim as a designerHere'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 messageTake your c
19日前
記事のアイキャッチ画像
A look at the geolocation HTML element and how it works
Piccalilli - Everything
The <geolocation> HTML element does exactly what you might think it does. It’s a dedicated element that gets the user’s location, either once or continuously. The options are set using HTML attributes instead of JavaScript, but JavaScript is still needed. However, <geolocation> requires fewer lines of JavaScript and also offers superior error and permission handling. In fact, the <geolocation> element started off as an all-purpose <permission> element, but is now dedicated to handling geolocation.Fewer lines of code is always a good thing, but it’s the permission prompt that’s key here. When using the aging Geolocation JavaScript API, denying permission at any point can lock the user out with no way to recover unless they change the browser or operating system permissions manually. This can be a painful experience, especially for users that aren’t tech-savvy. Plus, as developers, we have to get the Permissions API involved.Whereas, the <geolocation> element offers:Better error handling
20日前