Tech is political: The people under attack in Palestine 🇵🇸, Iran 🇮🇷, and Lebanon 🇱🇧 are people like us. They’re our brothers and sisters, too. Read up on their history, scrutinize what you’re told, and demand respect and accountability. Hide

Frontend Dogma

“2022” News Archive (5)

Entry (Sources) and Additional TopicsDate#
Grow Your Design System From Good to Great149
design-systems
CSS—Understanding the Cascade (bra/9el)148
videos, css, cascade
“Evergreen” Does Not Mean Immediately Available (eri/css)147
browsers
Cascade Layers Are Coming to Your Browser (una)146
css, cascade, browsers, support
Building Like It’s 1984: A Comprehensive Guide to Creating Intuitive Context Menus145
guides, design, usability
5 Pitfalls of Using Micro Frontends and How to Avoid Them144
micro-frontends
Career Advice Nobody Gave Me: Never Ignore a Recruiter143
career, tips-and-tricks
24 Lesser-Known HTML Attributes You May Want to Use142
html, attributes
Website Themes and Color Schemes (hex)141
design, theming, colors, color-palettes
Structuring Your Storybook (sto)140
storybook
A More Easy Way to Write “if … or” Checks With Vanilla JavaScript (cfe)139
javascript
Preventing Smooth Scrolling With JavaScript (kil)138
javascript, scrolling
Use Cases for CSS “fit-content” (sha)137
css
4 Questions to Ask Before Using ARIA136
accessibility, aria, semantics, testing
Speed Matters, but It Isn’t Everything135
performance, user-experience, metrics
Accessibly Insecure134
accessibility, security
The Focus-Indicated Pseudo-Class “:focus-visible” (reg/web)133
css, selectors, focus
Learn Responsive Design132
courses, responsive-design
Inclusive Design (nng)131
design, dei
Cascade Layers: First Contact (mat)130
css, cascade
How Does “!important” Actually Work? (una)129
videos, css, cascade
Minimal TypeScript (ano)128
typescript, minimalism
WCAG, but in Language I Can Understand (tem)127
accessibility, wcag
What Web Frameworks Solve and How to Do Without Them (nom/sma)126
frameworks, react, svelte
Internal Onboarding for Design System Teams125
design-systems, onboarding
Why You Should Use a Developer Font124
fonts, typography, productivity
Why Testing After Is a Bad Practice123
testing
Caching Header Best Practices (sim)122
performance, caching, http, http-headers, best-practices
Cherry Picking Commits in Git (ami)121
git, command-line
Demystifying TypeScript Discriminated Unions (ada/css)120
typescript
Top Ten Most Common Web Accessibility Issues (tpg)119
accessibility
To Create an Excellent Design System, Treat It Like a Collaborative Process118
design-systems, processes, collaboration
Naming Design Tokens (luk)117
design-tokens, naming
A Pipe Operator for JavaScript: Introduction and Use Cases (rau)116
introductions, javascript, operators
There’s No Such Thing as Clean Code115
developer-experience, quality
WebAssembly Feature Detection114
webassembly, feature-detection, support
Fancy CSS Borders Using Masks (css/css)113
css, borders, decoration, masking
The Return of Server Side Routing (rya/thi)112
routing
Design System: How to Efficiently Scale Development?111
how-tos, design-systems, scalability
Prisma in 100 Seconds (fir)110
videos, introductions, orm, prisma
How to Convert Markdown to HTML (red)109
how-tos, markdown, html, conversion
The Baseline for Web Development in 2022108
browsers, support, web-platform, libraries, frameworks, comparisons
Overview of Accessibility Testing Using DevTools (pat+)107
overviews, dev-tools, accessibility, testing, browsers, edge
What’s New in DevTools? (pat/sma)106
dev-tools, browsers, chrome, edge, safari, firefox
The Double-Assignment Pattern in jQuery’s Source Code105
jquery, javascript
Here’s What I Didn’t Know About “:where()” (mat)104
css, selectors
An Introduction to CSS Cascade Layers (5t3/sma)103
introductions, css, cascade
Why Don’t Developers Take Accessibility Seriously? (a11/css)102
accessibility
Foundations: Text Descriptions (ihe/tet)101
accessibility, fundamentals, writing
Monorepo Explained100
websites, monorepos
The Risks and Rewards of App Modernization (uxm)99
maintenance, modernization, quality
Best Practices for Creating Your UX Design Portfolio (uxm)98
user-experience, design, career, best-practices
Introduction to esbuild: Tutorial for React, JavaScript, and TypeScript Bundling—Bye Bye Webpack97
videos, introductions, tutorials, esbuild, bundling, webpack, comparisons
More to Give Than Just the Div: Semantics and How to Get Them Right (hdv)96
html, semantics, accessibility
Drift: Why Your Design System Isn’t Working (chu)95
design-systems, design-debt
How to Check What Item Is in Focus When Accessibility Testing94
how-tos, accessibility, testing, focus
The Many Ways to Modify Leading and Trailing Characters From Strings With JavaScript (cfe)93
javascript, strings
New Robots Tag: “indexifembedded” (met)92
robotstxt, google, search, seo
CSS-Only External Link Favicons (zac)91
css, favicons
10 Things You Should Know About Lodash90
videos, lodash
Technology Time-Outs89
processes, productivity
Deploying Web Applications With GitHub Actions88
deploying, web-apps, github-actions
Using Git to Version Control the Entire “wp-content” Directory (phi)87
wordpress, themes, plugins, version-control, git
Context-Aware Web Components Are Easier Than You Think (css)86
web-components, html, javascript
Div Divisiveness (sco)85
html, semantics
Optimize Your PNGs With Oxipng and pre-commit (ada)84
images, png, performance, compression, tooling
The Future of CSS: Detect At-Rule Support With “@supports at-rule(@keyword)” (bra)83
css, support, feature-detection
Accessibility Acceptance Criteria82
websites, accessibility, testing, components
Big Images, Blazingly Fast81
performance, images, quality
Frontend Predictions for 2022 (jay)80
outlooks, micro-frontends, tech-stacks, jamstack, progressive-enhancement
Giving Web Standards a Seat at the Table (jay)79
standards, history
How to Avoid Layout Shifts Caused by Web Fonts (sim)78
how-tos, performance, user-experience, fonts
What Should Someone Learn About CSS if They Last Boned Up During CSS3? (chr/css)77
css
The Breakpoints We Tested in 2021 and 2022, and the Ones to Test in 2023 (kil/pol)76
responsive-design, breakpoints, css
Design Systems Are Flawed75
design-systems
Create an Open Graph Image Generator With Node.js (log)74
nodejs, open-graph, images
An Introduction to High Contrast Accessibility73
introductions, accessibility, colors, contrast
How to Set Up a Node.js Project With TypeScript (app)72
how-tos, nodejs, typescript
Becoming a Better Writer as a Software Engineer (ger)71
writing, career
Building UI Components With SVG and CSS (sha)70
components, svg, css
Quick Accessibility Tests Anyone Can Do (tet)69
accessibility, user-experience, testing
Using PostCSS With Media Queries Level 4 (log)68
postcss, media-queries, css
Naming Conventions for Your Design System (zer)67
design-systems, naming, conventions
TypeScript Features to Avoid66
typescript
Making IT Accessible for All! (vle)65
videos, accessibility
Comparing CSS Specificity Values (kil)64
css, selectors, cascade
Find HTML Parsing Errors (pat/dev)63
browsers, dev-tools, html, parsing, quality
On the Peculiarities of Counting the Number of HTML Elements (j9t)62
html
The Real Added Costs of Accessibility (joe)61
accessibility, economics
Modern Fluid Typography Using CSS Clamp (cod/sma)60
css, typography, liquid-design
Rethinking Component Libraries59
components
Frontend Challenges: Front-End Engineer Assignment58
react, javascript, typescript, training
“structuredClone()”: Deeply Copying Objects in JavaScript (rau)57
javascript, objects
State of the Web: Serverless Functions56
serverless, functions, edge-computing
Choosing Open Source License Wisely55
foss, licensing
CSS Cascade Layers: An Overview of the New “@layer” and “layer()” CSS Primitives (una)54
videos, overviews, css, cascade
Accessibility Data Is Not the Enemy (gar)53
accessibility, metrics
CSS Conditional Rules Module Level 3 (dba+/w3c)52
standards, css
Rationalise It! 5 Steps to Introduce a New Component to the Design System51
design-systems, components
Accessibility and 2022: 13 Design Trends From a Usability Perspective50
accessibility, design, trends, usability
Building an Accessible Digital World49
accessibility
Git Organized: A Better Git Flow48
git, command-line, processes
A Guide to Hosts File and Using It to Block Websites on Windows, Linux, and macOS47
guides, network, configuration, windows, unix-like
It’s Time for a More Sophisticated Color Contrast Check for Data Visualizations (lis/dat)46
accessibility, contrast, colors, apca, visualization, information-design
AngularJS Is Dead—Long Live Open AI! A Migration Miracle45
angularjs, angular, openai, ai, migrating
Boolean Attributes in HTML and ARIA: What’s the Difference? (hdv)44
html, attributes, aria
Web Accessibility Lawsuits Dramatically Rose in 202143
accessibility, conformance, legal
An Introduction to Tech Debt (and Why It Can Change Your Career)42
introductions, technical-debt, career
Website Performance and the Planet (fer)41
performance, sustainability, caching
Make Beautiful Gradients (jos)40
css, gradients
Remix vs. Next.js (rem)39
remix, nextjs, comparisons
Revisiting Why Hyperlinks Are Blue (moz)38
design, links
Social Media Image Sizes 2022: Cheat Sheet for Every Network37
cheat-sheets, social-media, images
PHP in 202236
php
Software Is Automating Design—What Does That Mean for Designers? (car)35
design, automation
A Deep CSS Dive Into Radial and Conic Gradients (sha/sma)34
css, gradients
Alt Tag Emptiness (ste)33
accessibility, html, images, alt-text, aria
Dependency Risk and Funding (mit)32
dependencies, github, economics
Don’t Fight the Cascade, Control It! (sto/css)31
css, cascade
Foundations: Animations and Flashing Content (pat/tet)30
accessibility, fundamentals, animations
HTML Is General, ARIA Is Specific (dav)29
html, aria
Writing With Respect28
writing
How Not to Learn TypeScript27
typescript
Memory Leaks, How to Avoid Them in a React App26
how-tos, memory, react
Two Ways to Clear an Array With Vanilla JavaScript (cfe)25
javascript, arrays
Your CSS Reset Needs “text-size-adjust” (Probably) (kil)24
css, resets
Ban Embed Codes23
embed-code
22 Smart Google SEO Tips for 2022 (moz)22
seo, google, tips-and-tricks
UnoCSS—an All-in-One Atomic CSS Engine21
videos, unocss
Reduce the Pressure on Young and Inexperienced Developers (j9t)20
career, training
How to Measure Your Design System? (zer)19
how-tos, design-systems, metrics
Labeling the Point: Scenarios of Label Misuse in WCAG (tpg)18
accessibility, forms, labels, wcag, html
Memory Leaks: The Forgotten Side of Web Performance (nol)17
performance, memory
CSS Buttons16
websites, css, buttons, examples
30 Frontend Tips (kit)15
career, tips-and-tricks
The 6 Most Important CSS Concepts for Beginners (kev)14
videos, css
Styling Strategies Using Typography13
typography
CSS Underlines Are Too Thin and Too Low in Chrome (sim/css)12
css, browsers, chrome
The Good, the Bad, and the Toggle11
design, forms, toggles
Fetch Commit Logs of Certain Function or Method in Git (ami)10
git, command-line
Responsive Image Gallery With Animated Captions (5t3)9
images, css, animations, responsive-design, examples
Improving WordPress Performance: An Open Letter (erw)8
open-letters, wordpress, performance, css, javascript
Accessible Heading Structure (ria)7
accessibility, html, headings
The Web Doesn’t Have Version Numbers (hdv)6
versioning, web
Imperative vs. Declarative Programming5
videos, programming, comparisons
8 Techniques to Write Cleaner JavaScript Code4
javascript
How Flexbox Works (web)3
css, flexbox, layout
A Contrast of Errors2
accessibility, wcag, colors, contrast
Five 2022 Accessibility Trends1
accessibility, trends