Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Articles

News

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