Color contrast: your colors pass the check and still fail
Lighthouse scored our test page 95 while its text failed contrast. Learn which color pairs teams forget, what the tools miss, and how to check them.
3 min readRead the guide
Practical guidance for choosing, building, and improving websites and digital products. Frontsiter explains the context and the trade-offs behind each choice, not only the code.
About FrontsiterWhy it matters
They never see your code. They see a page that is fast or slow, that works on their phone or breaks, and that lets them in or shuts them out. Each of those moments starts with a frontend decision.
The decision behind it
How the pages are rendered, how much JavaScript they load, and how the images are sized.
Improve performanceThe decision behind it
How the layout and CSS are built, and whether the page was tested on small screens.
Fix layout problemsThe decision behind it
How the HTML is structured, how focus is shown, and how much contrast the colors have.
Improve accessibilityEvery guide answers one frontend question, such as how to render your pages, how to fix a broken layout, or how to make a slow page faster. Whatever the topic, each guide follows the same three steps.
Each guide begins with the problem you face and a short answer, so you know where it leads in a minute.
It shows the ways to solve the problem and what each one costs, so you understand why one works better than another.
It tells you which option to pick, how to put it into practice, and when another choice is better.
Frontsiter covers the choices frontend developers make on every project: rendering and hosting, project structure, CSS and design systems, performance, accessibility, and SEO.
No company pays to be recommended. A recommendation depends only on what fits the problem.
Frontsiter uses no cookies and no analytics scripts, so you can read without being tracked.
Every guide ends with a recommendation, not with “it depends”.
A person reviews every page before it is published, and we fix mistakes when readers report them.
Have you solved a frontend problem that other developers still struggle with? Share it with Frontsiter readers. Published articles carry your name.
Email hello@frontsiter.com with a title, the problem, and three to five points you would cover. You do not need to write a long article.
We read every idea and reply when it fits Frontsiter's topics and readers.
We rewrite it in Frontsiter's format, a 2–3 minute read, and test every code sample.
The article appears on Frontsiter with your name, linked to your profile.
We publish an article only if we find it accurate and useful for our readers. Frontsiter does not pay or accept payment for articles, and articles cannot include ads or affiliate links. See the Terms for the details.
Email your ideaLighthouse scored our test page 95 while its text failed contrast. Learn which color pairs teams forget, what the tools miss, and how to check them.
3 min readRead the guide
The design shows two cards, but the content may have more. Choose Flexbox or Grid by asking what happens when items are added.
3 min readRead the decision
When prebuilt HTML is enough, and when pages have to be rendered on each request.
3 min readRead the decision
Corrections and topic ideas are always welcome. Email hello@frontsiter.com.