Front-end education for the real world. Since 2018.





  1. JavaScript, what is this?

    In the second part of his series, Mat Marquis explains what “this” actually is and helps you to understand what it equates to, based on various contexts.

    JavaScript

  2. JavaScript, when is this?

    JavaScript’s “this” keyword trips up all developers — junior and senior. In the first of two parts, Mat Marquis goes deep on the groundwork you need to better understand “this” and how it works.

    JavaScript

  3. Advanced TypeScript manipulation features for the real world

    To expand on a previous Piccalilli article about TypeScript's utility types, Jordan Seiler walks us through some very useful advanced type manipulation features in the context of a home monitoring system.

    TypeScript

  4. How to write error messages that actually help users rather than frustrate them

    One of the most consistently neglected parts of today’s user experiences is our handling of errors. We’re so busy designing the happy paths through our products that we often forget to give the same care and attention to the times when things will go wrong

    Content and Copywriting

  5. Introducing JavaScript for Everyone and Mindful Design

    We're equal parts delighted and excited to share that Piccalilli will be working with Mat Marquis and Scott Riley to launch two premium courses this year: JavaScript for Everyone and Mindful Design.

    Announcements

  6. Simplify sharing with built-in APIs and progressive enhancement

    Instead of leaning into heavy social sharing widgets, you can create a truly user-friendly social sharing component that works for everyone, using built-in APIs and progressive enhancement.

    JavaScript

  7. If it works, it’s right

    I read a really interesting article on CSS layout that I don’t really agree with, so I thought I’d lay out some advice related to that.

    Advice

  8. Real-world uses of TypeScript’s utility types

    Sam Rose walks us through some real-world usage of TypeScript’s utility types in their day job’s open source codebase to help those new to the language get to grips with this key capability.

    TypeScript

  9. We gave The Index a much needed design refresh and introduced advertising, site-wide

    Our newsletter, The Index has had a full design refresh — root to branch. It’s clearer, easier to subscribe to and a much better reading experience. We’ve also introduced simple, non-intrusive ads to keep Piccalilli sustainable long-term.

    Announcements

  10. Tips on extensible and maintainable components

    Abbey Perini talks about how yes, there is a code angle to maintainable and extensible components, but it's also useful to appreciate the wider context, historical problems and the long term impact of opinions in your code.

    Advice

OSZAR »