Articles
Introducing Frontend Mentor for Teams!
Project-based learning is a powerful approach to rapidly improving skills. We're excited to bring Frontend Mentor to teams and coding schools to help them take their developers to the next level.
CareerHow to get manager approval for Frontend Mentor for Teams
Professional training is a crucial part of career progression. In this article, we help you make the case for integrating project-based learning into your professional training to boost your skills.
Matt Studdert·5 Sep 2024
LearningCreating React animations with Framer Motion
Well-considered animations can add an extra layer of polish to your projects. In this article, Nefe looks at Framer Motion and how you can use it within your React projects.
Nefe Emadamerho-Atori·30 Jul 2024
NewsLearn how to test your front-end applications
We're delighted to announce that we've just launched our new "Introduction to front-end testing" learning path. In this path, we outline different testing methods to help you create more robust apps.
The Frontend Mentor team·24 Jul 2024
NewsAnnouncing our new JavaScript frameworks and libraries learning path!
Learn how to navigate the modern JS ecosystem and gain job-ready skills with JavaScript frameworks. Throughout this path, we dive into the core concepts of JS frameworks to help you find your feet.
The Frontend Mentor team·12 Jul 2024
NewsLearn advanced CSS techniques to help build more complex projects
Once you start building more complex projects, learning and implementing defined strategies to keep your code organized becomes essential. Our new path outlines critical topics you should know about.
The Frontend Mentor team·11 Jun 2024
CareerBuilding an effective front-end developer portfolio
A strong portfolio website can help you make a positive first impression with potential clients and employers. In this article, Nefe provides recommendations for creating a standout portfolio site.
Nefe Emadamerho-Atori·10 Jun 2024
NewsAccessibility learning path for beginners
We're delighted to share our introduction to web accessibility learning path. This path is perfect for beginners wanting to learn foundational concepts and practice building accessible projects.
The Frontend Mentor team·21 May 2024
LearningFigma for developers: How to work with a design file
Figma is a popular design tool that you'll probably use at some point in your development career. This article outlines how to work with a design file to build more accurate projects.
Matt Studdert·15 May 2024
LearningUnderstanding CSS naming conventions: BEM, OOCSS, SUIT CSS, and SMACSS
Following established CSS naming conventions can be a massive help, especially when you start building larger projects. In this article, Henry outlines several popular conventions and compares them.
Henry Agu·7 May 2024
LearningUnderstanding the four principles of accessibility
Creating accessible interfaces is one of a web developer's primary responsibilities. In this article, Queendoline outlines four accessibility principles to help you build more inclusive sites.
Queendoline Akpan·26 Apr 2024
LearningExploring 15 lesser-known CSS pseudo-class selectors
Pseudo-selectors offer us a range of useful ways to select elements based on state or position within the document. In this article, Sarah explores some lesser-known selectors you might find helpful.
Sarah Okolo·18 Apr 2024