Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s oppression and killing of Palestinians and the occupation and destruction of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“2022” News Archive (5)

Entry (Sources) and Other Related TopicsDate#
Naming Design Tokens (luk/uxd)114
design-tokens, naming
To Create an Excellent Design System, Treat It Like a Collaborative Process (uxd)113
design-systems, processes, collaboration
WebAssembly Feature Detection (dev)112
webassembly, feature-detection, support
Top Ten Most Common Web Accessibility Issues (tpg)111
accessibility
There’s No Such Thing as Clean Code110
developer-experience, quality
Design System: How to Efficiently Scale Development? (uxd)109
how-tos, design-systems, scalability
What’s New in DevTools? (pat/sma)108
dev-tools, browsers, google, chrome, microsoft, edge, apple, safari, mozilla, firefox
The Return of Server Side Routing (rya/thi)107
routing
The Double-Assignment Pattern in jQuery’s Source Code106
jquery, javascript
The Baseline for Web Development in 2022105
browsers, support, web-platform, libraries, frameworks, comparisons
Prisma in 100 Seconds (fir)104
videos, introductions, prisma
Overview of Accessibility Testing Using DevTools (pat+/mic)103
overviews, dev-tools, accessibility, testing, browsers, microsoft, edge
How to Convert Markdown to HTML (red)102
how-tos, markdown, html, conversion
Fancy CSS Borders Using Masks (css/css)101
css, borders, decoration, masking
Here’s What I Didn’t Know About “:where()” (mat)100
css, selectors
Why Don’t Developers Take Accessibility Seriously? (a11/css)99
accessibility
The Risks and Rewards of App Modernization (uxm)98
maintenance, modernization, quality
Monorepo Explained97
websites, monorepos
Introduction to esbuild: Tutorial for React, JavaScript, and TypeScript Bundling—Bye Bye Webpack96
videos, introductions, tutorials, esbuild, bundling, webpack, comparisons
Foundations: Text Descriptions (tet)95
accessibility, fundamentals, writing
Best Practices for Creating Your UX Design Portfolio (uxm)94
user-experience, design, career, best-practices
An Introduction to CSS Cascade Layers (5t3/sma)93
introductions, css, cascade
Drift: Why Your Design System Isn’t Working (uxd)92
design-systems, design-debt
More to Give Than Just the Div: Semantics and How to Get Them Right (hdv)91
html, semantics, accessibility
Technology Time-Outs (uxd)90
processes, productivity
Using Git to Version Control the Entire “wp-content” Directory (phi)89
wordpress, themes, plugins, version-control, git
The Many Ways to Modify Leading and Trailing Characters From Strings With JavaScript (cfe)88
javascript, strings
How to Check What Item Is in Focus When Accessibility Testing87
how-tos, accessibility, testing, focus
Deploying Web Applications With GitHub Actions86
deploying, web-apps, github-actions
Context-Aware Web Components Are Easier Than You Think (css)85
web-components, html, javascript
The Future of CSS: Detect At-Rule Support With “@ supports at-rule(@ keyword)” (bra)84
css, support, feature-detection
Optimize Your PNGs With Oxipng and pre-commit (ada)83
images, png, performance, compression, tooling
Frontend Predictions for 202282
outlooks, micro-frontends, tech-stacks, jamstack, progressive-enhancement
Div Divisiveness (sco)81
html, semantics
Big Images, Blazingly Fast80
performance, images, quality
Accessibility Acceptance Criteria79
websites, accessibility, testing, components
What Should Someone Learn About CSS if They Last Boned Up During CSS3? (chr/css)78
css
The Breakpoints We Tested in 2021 and 2022, and the Ones to Test in 2023 (kil/pol)77
responsive-design, css
How to Set Up a Node.js Project With TypeScript (app)76
how-tos, nodejs, typescript
How to Avoid Layout Shifts Caused by Web Fonts (sim)75
how-tos, performance, user-experience, fonts
Giving Web Standards a Seat at the Table (jay)74
standards, history
Design Systems Are Flawed73
design-systems
Create an Open Graph Image Generator With Node.js (log)72
nodejs, open-graph, images
An Introduction to High Contrast Accessibility71
introductions, accessibility, colors, contrast
Using PostCSS With Media Queries Level 4 (log)70
postcss, media-queries, css
TypeScript Features to Avoid69
typescript
Quick Accessibility Tests Anyone Can Do (tet)68
accessibility, user-experience, testing
Naming Conventions for Your Design System (zer)67
design-systems, naming, conventions
Making IT Accessible for All!66
videos, accessibility
Building UI Components With SVG and CSS (sha)65
components, svg, css
Becoming a Better Writer as a Software Engineer (ger)64
writing, career
Modern Fluid Typography Using CSS Clamp (cod/sma)63
css, typography, liquid-design
Rethinking Component Libraries62
components
The Real Added Costs of Accessibility (joe)61
accessibility, economics
On the Peculiarities of Counting the Number of HTML Elements (j9t)60
html
Frontend Challenges: Front-End Engineer Assignment59
react, javascript, typescript, training
Find HTML Parsing Errors (pat/dev)58
browsers, dev-tools, html, parsing, quality
Comparing CSS Specificity Values (kil)57
css, selectors, cascade
“structuredClone()”: Deeply Copying Objects in JavaScript (rau)56
javascript, objects
State of the Web: Serverless Functions55
serverless, functions, edge-computing
Choosing Open Source License Wisely54
foss, licensing
Accessibility Data Is Not the Enemy (uxd)53
accessibility, metrics
CSS Cascade Layers: An Overview of the New “@ layer” and “layer()” CSS Primitives (una)52
videos, overviews, css, cascade
Rationalise It! 5 Steps to Introduce a New Component to the Design System51
design-systems, components
A Guide to Hosts File and Using It to Block Websites on Windows, Linux, and macOS50
guides, network, configuration, windows, microsoft, unix-like
Git Organized: A Better Git Flow49
git, command-line, processes
CSS Conditional Rules Module Level 3 (dba+/w3c)48
standards, css
Building an Accessible Digital World47
accessibility
Accessibility and 2022: 13 Design Trends From a Usability Perspective46
accessibility, design, trends, usability
AngularJS Is Dead—Long Live Open AI! A Migration Miracle45
angularjs, angular, openai, ai, migrating
Website Performance and the Planet44
performance, sustainability, caching
Web Accessibility Lawsuits Dramatically Rose in 202143
accessibility, conformance, legal
It’s Time for a More Sophisticated Color Contrast Check for Data Visualizations (lis/dat)42
accessibility, contrast, colors, apca, visualization, information-design
Boolean Attributes in HTML and ARIA: What’s the Difference? (hdv)41
html, attributes, aria
An Introduction to Tech Debt (and Why It Can Change Your Career)40
introductions, technical-debt, career
Revisiting Why Hyperlinks Are Blue (moz)39
design, links
Software Is Automating Design—What Does That Mean for Designers?38
design, automation
Social Media Image Sizes 2022: Cheat Sheet for Every Network37
cheat-sheets, social-media, images
Remix vs. Next.js (rem)36
remix, nextjs, comparisons
PHP in 202235
php
Make Beautiful Gradients (jos)34
css, gradients
Writing With Respect (uxd)33
writing
HTML Is General, ARIA Is Specific (dav)32
html, aria
How Not to Learn TypeScript31
typescript
Foundations: Animations and Flashing Content (pat/tet)30
accessibility, fundamentals, animations
Don’t Fight the Cascade, Control It! (sto/css)29
css, cascade
Dependency Risk and Funding (mit)28
dependencies, github, economics
Alt Tag Emptiness (ste)27
accessibility, html, images, alt-text, aria
A Deep CSS Dive Into Radial and Conic Gradients (sha/sma)26
css, gradients
Memory Leaks, How to Avoid Them in a React App25
how-tos, memory, react
Your CSS Reset Needs “text-size-adjust” (Probably) (kil)24
css, resets
UnoCSS—an All-in-One Atomic CSS Engine23
videos, unocss
Two Ways to Clear an Array With Vanilla JavaScript (cfe)22
javascript, arrays
Ban Embed Codes21
embed-code
22 Smart Google SEO Tips for 2022 (moz)20
seo, google, tips-and-tricks
Reduce the Pressure on Young and Inexperienced Developers (j9t)19
career, training
Labeling the Point: Scenarios of Label Misuse in WCAG (tpg)18
accessibility, forms, labels, wcag, html
How to Measure Your Design System? (zer)17
how-tos, design-systems, metrics
Memory Leaks: The Forgotten Side of Web Performance (nol)16
performance, memory
The Good, the Bad, and the Toggle (uxd)15
design, forms, toggles
Styling Strategies Using Typography14
typography
The 6 Most Important CSS Concepts for Beginners (kev)13
videos, css
CSS Underlines Are Too Thin and Too Low in Chrome (sim/css)12
css, browsers, google, chrome
30 Frontend Tips (kit)11
career, tips-and-tricks
Accessible Heading Structure (ria)10
accessibility, html, headings
The Web Doesn’t Have Version Numbers (hdv)9
versioning, web
Responsive Image Gallery With Animated Captions (5t3)8
images, css, animations, responsive-design, examples
Improving WordPress Performance: An Open Letter (erw)7
wordpress, performance, css, javascript
Imperative vs. Declarative Programming6
videos, programming, comparisons
Fetch Commit Logs of Certain Function or Method in Git (ami)5
git, command-line
8 Techniques to Write Cleaner JavaScript Code4
javascript
How Flexbox Works (web)3
css, flexbox, layout
Five 2022 Accessibility Trends (uxd)2
accessibility, trends
A Contrast of Errors1
accessibility, wcag, colors, contrast