We are Piccalilli. A publication dedicated to providing high quality educational content to level up your front-end skills.
Live Last read · last published · next check
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…
Bulleted This 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 selector As Bramus says in the article, we can sort of do this already, but those substring selectors don't perform well. This…
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>…
Cooking Notebook Josh Nesbitt is an immense cook, trust us , and they've compiled some great recipes for this very nice website. They're using tabular recipe layouts, which is also a nice touch. Keeping type consistent in changing conditions Yet another article packed with sage advice from Elliot Jay Stocks here. Doodle Scan This is cool! The method for removing the background from scanned images…
For a long time, I've included last.fm and Open Scrobbler links on each music collection item's detail page in some shape or form because those are pretty straightforward to render, but something I really wanted on this new website was provide more links for different platforms. The more my music collection helps people discover music away from algorithmic recommendations, the better. A good way…
Your ‘App’ could have been a webpage (so I fixed it for you…) A thoroughly enjoyable read! SmoothCSS Complete CSS alumni, Rob McCormick, has built a really nice looking design system/CSS framework/UI kit. The CSS lh unit An extremely useful unit for vertical relative sizing, explained by one of the best in the business at explaining CSS stuff. Astro LilyPond Want to render musical notation in…
Highlighting in CSS has been beneficial for applying a highlight on specific text or text fragments during user selection, emphasizing a piece of information on a website, or visually emphasizing a text for the sake of branding. Particularly, this is pretty helpful when users want to scan your document from top to bottom because the majority of people don’t read your document initially; they scan…
