Articles
Learn 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
- News
Announcing 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
- News
Learn 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
- Career
Building 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
- News
Accessibility 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
- Learning
Figma 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
- Learning
Understanding 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
- Learning
Understanding 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
- Learning
Exploring 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
- Learning
Understanding primitive and reference types in JavaScript
Understanding JavaScript's primitive and reference types is a core concept. In this article, Olasunkanmi dives into the critical information needed to understand the basics.
Olasunkanmi Balogun
·11 Apr 2024
- Learning
The benefits of writing a good challenge README
Taking some time to write a README for your projects has many benefits. In this article, Vanza outlines seven benefits of writing a comprehensive README, which you can practice on your challenges.
Vanza Setia
·27 Mar 2024
- Learning
Integrating with APIs: A beginner's guide for front-end developers
Integrating with APIs is something every professional front-end developer will do at some point. In this article, Hikmah outlines the main concepts.
Hikmah Yousuph
·13 Mar 2024
- News
We've just launched learning paths!
After consistent community feedback asking for more guidance, we're delighted to launch learning paths. Paths allow us to provide tips, recommendations, and a more engaging learning experience.
Matt Studdert
·5 Mar 2024
- Learning
How to efficiently manage CSS classes in React
Managing CSS classes in React can be tricky. Especially once you start conditionally updating styles based on state. In this article, Andrew outlines a few approaches and compares their merits.
Andrew Ezeani
·13 Feb 2024
- Resource
Kent C. Dodds: AI Assistants
AI tooling has exploded in popularity recently, with AI assistants promising productivity boosts and more. Kent C. Dodds has created a free course to show how he uses tools like ChatGPT and Copilot.
Matt Studdert
·9 Feb 2024
- Learning
10 fundamental web accessibility tips for front-end developers
Accessibility is an often under-represented topic in web dev learning. However, building accessible UIs is critical to being a good front-end developer. Nefe offers some tips to get you started.
Nefe Emadamerho-Atori
·6 Feb 2024
- Learning
Managing complex forms in React using Formik and Yup
Managing complex forms in React isn't easy. Luckily, libraries like Formik and Yup exist to make creating complex forms simpler. In this article, Jessica helps you get up and running with both.
Jessica Joseph
·2 Feb 2024
- Learning
CSS selectors: What they are and how to use them
Understanding how to use CSS to select HTML elements and apply styles is critical for all front-end developers. Benjamin outlines the different selector types and how to use them in this article.
Benjamin Semah
·30 Jan 2024
- Resource
A practical guide to responsive web design
An excellent, short(ish) video by Kevin Powell that's packed with helpful tips, tricks, and mental models for creating responsive layouts.
Matt Studdert
·24 Jan 2024
- News
We're adding useful resources to Frontend Mentor articles
There are so many resources around the web that it's tough to keep track of everything. We plan to curate and highlight helpful web development resources from around the web as they pop up.
Matt Studdert
·24 Jan 2024
- Learning
CSS preprocessors: Sass or Less – Which to choose?
CSS preprocessors can help write more maintainable CSS code. Especially when working with larger codebases. In this article, Sarah compares Sass and Less, two of the most popular choices.
Sarah Okolo
·23 Jan 2024
- Career
LinkedIn for developers: 4 effective strategies to enhance your personal brand
LinkedIn can be an excellent channel for creating career opportunities. In this article, Candice shares helpful tips web developers can use to stand out in the job market and use LinkedIn effectively.
Candice Zakariya
·16 Jan 2024
- Learning
Git and GitHub essentials: A beginner's guide
Getting comfortable with Git version control is something all developers need to do. In this article, Hikmah gives an overview of Git and GitHub and outlines the most common commands.
Hikmah Yousuph
·8 Jan 2024
- Learning
7 front-end web development trends for 2024
The front-end landscape changes fast. While mastering every new tool isn't necessary, knowing 2024's trends, as outlined in this article, can help keep your skills fresh and know what's coming.
Nefe Emadamerho-Atori
·5 Jan 2024