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





Featured Courses

See all courses
  • Next level discount event

    £249 £199.20

    JavaScript for Everyone

    Gain the confidence that comes with understanding JavaScript deeply. Reach a level that can otherwise take years to unlock in this extensive course.

  • Next level discount event

    £249 £199.20

    Complete CSS

    Go beyond syntax expertise and reach a level of skill that’s usually only achieved after years of experience. Embrace a more efficient method of extremely maintainable, organised and flexible CSS, rooted in core skills.

  • Next level discount event

    £249 £199.20

    Mindful Design

    Completely transform your UX and UI skills by learning how the mind really works. Learn how use that knowledge responsibly and effectively.

What we’re all about

  • Web standards since day one

    Piccalilli was founded in 2018 and since then we’ve always been focused on the web platform. We write less about frameworks and tools and more about embracing standards, progressive enhancement along with building excellent websites that work for everyone.

  • Industry education, rooted in quality

    We’ve gathered some of the brightest talents in the web industry to pass what they’ve learned in their years of elite-level experience on to you, via free articles, links, open working projects and a newsletter, underpinned by our premium courses.

  • A focus on career progression

    Our premium courses were designed with one clear aim: enhance your skills to an unrecognisable level, enabling you to take much larger, forward steps in your career that you could never imagine would be possible.

  • Workers first, AI technologies, dead last

    AI and LLMs are rooted in theft, exploitation, dishonesty and are over-promoted with ill-intentions for workers. Instead of running towards AI, we’re focusing on what’s actually important: content that helps people to succeed that is never produced by AI tools.

Latest content

  1. An in-depth guide to customising lists with CSS

    Richard Rutter helps you to make sense of list-style, list-item, ::marker, counters(), counter(), @counter-style, symbolic, symbols(), symbols and more to push your HTML and CSS lists to the next level.

    CSS

  2. You might not need role="presentation"

    Steve Frenzel shares some sage advice on correctly using this role and value combination by showing questionable examples, followed by some better approaches. Spoiler: the better ones are the simple ones.

    Accessibility

  3. Personal website redesign project post: Base-level planning

    Yeh, planning can be extremely boring — especially if you're excited about starting your personal website — but even a modest list can be crucial in building something that work well for you.

    Open Working Project: Personal website redesign

  4. It’s about to get a lot easier for your JavaScript to clean up after itself

    There’s some very useful capabilities coming to JavaScript: “[Symbol.dispose]()” and “using”. Mat Marquis is here to explain why they’re coming and how to use them effectively.

    JavaScript

  5. The open source design stack

    Scott Riley tested free and open source design tools out when researching his course, Mindful Design. They actually worked out better than Figma ever could, as he explains in this article with loads of options for you.

    Design

Newsletter


About