frontendmentor Profile Banner
Frontend Mentor Profile
Frontend Mentor

@frontendmentor

Followers
45K
Following
24K
Media
750
Statuses
7K

๐Ÿง‘โ€๐Ÿ’ป Build projects: https://t.co/Uuy2kA2Kze ๐Ÿ“ˆ Train your team: https://t.co/3628z84AVt ๐Ÿค Hire top talent: https://t.co/ZHIHWS3w8u

Join 1M+ developers โ†’
Joined May 2018
Don't wanna be here? Send us removal request.
@frontendmentor
Frontend Mentor
8 days
Well said, @ashtom ๐Ÿ‘.
@GergelyOrosz
Gergely Orosz
8 days
Many of companies have slowed or stopped hiring entry-level engineers. Some do this assuming AI tools might be as good as junior engineers soon. GitHub builds just these tools and is hiring more entry-level engineers than ever before. Why? CEO @ashtom explains:
0
2
12
@frontendmentor
Frontend Mentor
9 days
If you found this breakdown useful, please repost our original message ๐Ÿ™Œ. If you liked this format of analyzing common issues from community solutions, let us know, and we'll do more!.
@frontendmentor
Frontend Mentor
9 days
We see many people setting html { font-size: 62.5%; } in their Frontend Mentor projects without considering the implications. Here's why you might want to reconsider this approach ๐Ÿ‘‡
Tweet media one
0
2
3
@frontendmentor
Frontend Mentor
9 days
And there you go! Hopefully, if you're someone who sets html { font-size: 62.5%; } on their projects, you've now learned some new approaches to take. Go forth and refactor! โœจ.
1
0
3
@frontendmentor
Frontend Mentor
9 days
Another approach is to use clamp() for truly responsive typography, eliminating the need for media queries. The example below auto-scales between 16px and 20px based on the viewport width. No hacks, and no need to mess with root font-size percentages.
Tweet media one
1
0
1
@frontendmentor
Frontend Mentor
9 days
Define a type scale with custom properties for easy, scalable typography. If you ever need to bump the whole siteโ€™s font size, change just one variable. The same goes for defining spacing variables for consistent spacings. Here's a simple example for font sizes:
Tweet media one
1
1
2
@frontendmentor
Frontend Mentor
9 days
First, stick to the browser's default font size.
Tweet media one
1
0
2
@frontendmentor
Frontend Mentor
9 days
The problem? Setting html { font-size: 62.5%; } overrides user font settings and can hurt accessibility, if not properly managed. Instead of optimizing for math over accessibility, consider these alternative approaches that avoid overriding browser default font sizes. .
1
0
2
@frontendmentor
Frontend Mentor
9 days
Firstly, what does html { font-size: 62.5% } do?. The default browser font size is 16px. 62.5% of 16px = 10px. Now, 1rem equals 10px, so 1.6rem = 16px. This is often done to make rem-based sizing "decimal-friendly."
Tweet media one
1
0
3
@frontendmentor
Frontend Mentor
9 days
We see many people setting html { font-size: 62.5%; } in their Frontend Mentor projects without considering the implications. Here's why you might want to reconsider this approach ๐Ÿ‘‡
Tweet media one
2
16
45
@frontendmentor
Frontend Mentor
10 days
RT @thecodercoder: This is so true. I've worked with so many design files that have all the layers on the same level, named like "Layer 24,โ€ฆ.
0
2
0
@frontendmentor
Frontend Mentor
14 days
โค๏ธ.
@yellowdudecodes
Greatness.dev ๐Ÿ’ช
14 days
@frontendmentor Huge thanks to the front-end mentor ๐Ÿ™Œ .I have already advanced in Javascript and now MERN Stack, but I promise to return and finish every challenge both free and premium. I won't accept being full stack without achieving this ๐Ÿ’ฏ .Thanks for your impact in my life ๐Ÿ’ช๐Ÿ’ช๐Ÿ™Œ.
1
0
17
@frontendmentor
Frontend Mentor
15 days
We're actively working on AI-enhanced reports now that JS reports have shipped. So, you can expect some updates soon! ๐Ÿ™‚.
0
0
2
@frontendmentor
Frontend Mentor
15 days
In testing, AI-enhanced reports generate up to 3x (๐Ÿ˜ฑ) more report issues than the static analysis tools alone. The issue quality has also been impressive, as weโ€™re picking up issues the linters wouldnโ€™t (see screenshots from our prototype below).
Tweet media one
Tweet media two
1
0
1
@frontendmentor
Frontend Mentor
15 days
We want to find ways to guarantee quality insights with every submission, while preserving the community-focused feedback system for valuable peer-to-peer review. Our first crack at this is AI-enhanced reports.
1
0
1
@frontendmentor
Frontend Mentor
15 days
A major goal of ours is to provide helpful insights with every single solution submission. So, whether or not you receive community feedback, you can take valuable lessons from one solution to the next.
1
0
1
@frontendmentor
Frontend Mentor
15 days
With the addition of CSS and JS reports in the past month, weโ€™ve laid the foundations for our next major update, which weโ€™re actively working onโ€ฆ. AI-enhanced reports! ๐Ÿค–.
1
0
1
@frontendmentor
Frontend Mentor
15 days
For anyone who has already submitted solutions that include JavaScript, go to the reports section on your solutions and generate new reports to see them.
1
0
1
@frontendmentor
Frontend Mentor
15 days
Weโ€™re using a set of ESLint rules focused on best practices to help you write better JavaScript code. Weโ€™re trying not to be too nitpicky, but feel free to let us know if you have any feedback!.
1
0
1
@frontendmentor
Frontend Mentor
15 days
We're delighted to say weโ€™ve just shipped an exciting new featureโ€ฆ. Weโ€™ve added JavaScript reports to solutions! ๐Ÿฅณ. With this update, we now have accessibility, HTML, CSS, and JavaScript reports available for all solution submissions!
Tweet media one
6
8
68
@frontendmentor
Frontend Mentor
16 days
"Junior engineers are still the future seniors and tech leaders in the making. The organizations that recognize this will use AI as a force-multiplier for their junior talent, not as a replacement.". Excellent article by @addyosmani ๐Ÿ‘.
4
8
52