Frontend Mentor

🧑‍💻 Build projects:
📈 Train your team:
🌟 Hire A+ juniors:

[Frontend Mentor @frontendmentor]

Worth checking out if you're job hunting

[Firecrawl @firecrawl]

Introducing job search tools for ChatGPT & Claude.

→ Match your resume to 7M+ open roles
→ Find hiring managers to email from 250M+ people
→ See what they care about before you reach out

Run your job hunt from any harness with the Firecrawl plugin.

https://t.co/hkV9aMOKkU

[Frontend Mentor @frontendmentor]

@NikemaCodes @emilkowalski @raunofreiberg You're welcome! Our product challenges are also a good practice ground where you get a spec, but no Figma design. Best of luck with everything!

[Frontend Mentor @frontendmentor]

Frontend-only roles are being squeezed. Engineers are now expected to cover more ground.

Two natural next steps:

🎨 Design Engineer: frontend + design craft
💻 Full-Stack Engineer: frontend + backend

Frontend skills are still essential. Build on them to open more doors.

[Lenny Rachitsky @lennysan]

Engineering is changing: FDE is ascendant while mobile and front-end roles are disappearing.

Open mobile and front-end engineers jobs have been nearly halved in the past year!

[Frontend Mentor @frontendmentor]

@NikemaCodes Fair point! You don't need to know everything to land your first role, though. Start noticing how spacing, type, and color work in good designs, redesign small parts of your own projects, and grow from there. @emilkowalski and @raunofreiberg are great to follow for this, too.

[Frontend Mentor @frontendmentor]

@lab_829 It's a good bet for sure

[Frontend Mentor @frontendmentor]

@evvvvince Yeah, Design Engineer might speak to more frontend folks for sure!

[Frontend Mentor @frontendmentor]

@chenzhangreal Frontend is a little more than that 😅 But yes, the role and responsibilities are definitely growing!

[Frontend Mentor @frontendmentor]

@sklyarov Full-stack is a good bet for entry-level

[Frontend Mentor @frontendmentor]

We have a new PREMIUM challenge launching tomorrow! 🎨

It's a color palette generator with five palette types, color locking, one-click copying, and a live page preview.

It's also our first challenge with an interaction pack: a spec and videos showing how every part behaves!

[Frontend Mentor @frontendmentor]

@Montanna_016 @FrontendDaily @MasterDotDev 🚀

[Frontend Mentor @frontendmentor]

@Ralph_Nj20 Thanks for the message! We’re delighted you find value in our platform

[Frontend Mentor @frontendmentor]

❤️

[Goodluck Rufus || Web Developer @GoodyCipher]

Its really amazing having you guys around you know🫶🩷
@frontendmentor

[Frontend Mentor @frontendmentor]

Very useful skill for anyone designing UIs. Here's a demo of our most recent gaming sign-up form challenge for anyone who hasn't seen it yet.

[Benji Taylor @benjitaylor]

Stageshow: a skill that helps your agent make better faux UI stills, animations, bento grids, and more.

npx skills add benjitaylor/skills --skill stageshow

[Frontend Mentor @frontendmentor]

We've widened our job sweep to more than 24,000 company boards and added 193 entry-level developer roles this week at companies like TikTok, LinkedIn, Stripe, Apple, Salesforce, and Cloudflare.

510 roles are live in total 🚀

https://t.co/ISr2mr54v4

[Frontend Mentor @frontendmentor]

@jacey10_ Have fun!

[Frontend Mentor @frontendmentor]

Our new FREE challenge is live! 🥳

Build a gaming sign-up form with live validation, show/hide passwords, a password-strength indicator, and a success state.

It's a great way to practice building accessible forms with JavaScript:

https://t.co/LYYBK96A3o

[Frontend Mentor @frontendmentor]

@km_fsdev Ha, go for it! This one will be a fun project. Enjoy!

[Frontend Mentor @frontendmentor]

@DevKanekii 💯

[Frontend Mentor @frontendmentor]

We've just launched a new PREMIUM challenge! 🥳

This character counter will test a range of your skills, especially your JavaScript, with the counters and letter density graph. The theme switcher is another little challenge.

Your users should be able to:

☑️ Analyze the character, word, and sentence counts for their text
☑️ Exclude/Include spaces in their character count
☑️ Set a character limit
☑️ Receive a warning message if their text exceeds their character limit
☑️ See the approximate reading time of their text
☑️ Analyze the letter density of their text
☑️ Select their color theme
☑️ Navigate the app and perform all actions using only their keyboard
☑️ View the optimal layout for the interface depending on their device's screen size
☑️ See hover and focus states for all interactive elements on the page

There are plenty of ways to extend the project as well, like adding more counters (e.g., lines, spaces, etc.) and adding a word density graph along with the letter density graph. These are perfect extras to customize the project and make it your own! ✨

Happy coding! 🙂

[Frontend Mentor @frontendmentor]

@dev_TEMITAYO That’s so awesome to hear ❤️ All the best in your new role!

[Frontend Mentor @frontendmentor]

We have a new FREE challenge launching tomorrow! 🥳

It's a fun gaming sign-up form with client-side validation, DOM updates, and a password-strength indicator.

If you want to practice building accessible forms, this is a great project.