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





  1. 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

  2. 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

  3. 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

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

  5. 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

  6. 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

  7. 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

  8. 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

  9. In praise of off-screen menus

    Jason Bradberry challenges the ideals of displaying your entire navigation as a cluster of links and presents a case for exploring off-screen menus where the context is right for it.

    Design

  10. Using the step and pattern attributes to make number inputs more useful

    Number input elements can be rather problematic but if you utilise the step and pattern attributes, they suddenly become a lot more useful.

    HTML