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





  1. Why are my view transitions blinking?

    Miguel had been battling an annoying blinking with his view transitions and found the root cause. He’s sharing his learning in this article so you don’t fall into the same trap!

    CSS

  2. A view transitions fallback: DOMContentLoaded + requestAnimationFrame()

    Look, we get it, your boss wants everything to work the same in every browser. We're all about progressive enhancement here but we know a lot of organisations don’t like working like that, so Sunkanmi is here to help you navigate implementing view transitions with that in mind.

    CSS

  3. A pragmatic guide to modern CSS colours - part two

    Kevin is back with the follow up to part one of this series. This time, Kevin goes deep on how functional the newer colour capabilities are in practice to hopefully, encourage more designers to use their browser more often.

    CSS

  4. A Q&A with Mindful Design author, Scott Riley

    To celebrate the launch of Mindful Design, we gathered some questions from the community for Scott to answer to give you some more insight into his background, why he wanted to do this course and how it can help you.

    Announcements

  5. We made an email template to help convince your boss to pay for Mindful Design

    We recently launched Mindful Design, and plenty of people have mentioned that they don’t know how to approach their boss to ask them to pay for it. Here’s an email template for you to help with that.

    Advice

  6. Perfecting Baseline

    After two years, it’s clear that awareness about Baseline is grown a lot. As one of the co-chair of the group that makes Baseline, Patrick wanted to take a pause and reflect on how Baseline is starting to show up in developer’s lives, but also how it can be perfected.

    Opinion

  7. Programming principles for self taught front-end developers

    The majority of us are a bunch of self taught people with rather spotty knowledge and that's fine! Kilian (also self taught) is here to share some of the computer science fundamentals you probably are missing with the aim to improve your code in the long term.

    Advice

  8. Some practical examples of view transitions to elevate your UI

    Declan Chidlow here with some really practical uses of view transitions, along with some of the stuff that will trip you up, with guidance to help you navigate that.

    CSS

  9. Start implementing view transitions on your websites today

    Browser support for view transitions is rocketing and there's not many better out there to help you understand how to implement them than Cyd Stumpel.

    CSS

  10. NaN, the not-a-number number that isn’t NaN

    We're pretty aware, generally that JavaScript is weird, but did you know Not-A-Number (NaN) is a type of number? Mat Marquis walks us through why that is and how to deal with NaN well in your codebases.

    JavaScript