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#
To Create an Excellent Design System, Treat It Like a Collaborative Process (uxd)116
design-systems, processes, collaboration
Naming Design Tokens (luk/uxd)115
design-tokens, naming
Demystifying TypeScript Discriminated Unions (ada/css)114
typescript
WebAssembly Feature Detection (dev)113
webassembly, feature-detection, support
There’s No Such Thing as Clean Code112
developer-experience, quality
Top Ten Most Common Web Accessibility Issues (tpg)111
accessibility
Cherry Picking Commits in Git (ami)110
git, command-line
Design System: How to Efficiently Scale Development? (uxd)109
how-tos, design-systems, scalability
Overview of Accessibility Testing Using DevTools (pat+/mic)108
overviews, dev-tools, accessibility, testing, browsers, microsoft, edge
The Double-Assignment Pattern in jQuery’s Source Code107
jquery, javascript
The Baseline for Web Development in 2022106
browsers, support, web-platform, libraries, frameworks, comparisons
Prisma in 100 Seconds (fir)105
videos, introductions, prisma
How to Convert Markdown to HTML (red)104
how-tos, markdown, html, conversion
What’s New in DevTools? (pat/sma)103
dev-tools, browsers, google, chrome, microsoft, edge, apple, safari, mozilla, firefox
The Return of Server Side Routing (rya/thi)102
routing
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
The Risks and Rewards of App Modernization (uxm)99
maintenance, modernization, quality
Monorepo Explained98
websites, monorepos
Introduction to esbuild: Tutorial for React, JavaScript, and TypeScript Bundling—Bye Bye Webpack97
videos, introductions, tutorials, esbuild, bundling, webpack, comparisons
Foundations: Text Descriptions (tet)96
accessibility, fundamentals, writing
Best Practices for Creating Your UX Design Portfolio (uxm)95
user-experience, design, career, best-practices
An Introduction to CSS Cascade Layers (5t3/sma)94
introductions, css, cascade
Why Don’t Developers Take Accessibility Seriously? (a11/css)93
accessibility
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
Deploying Web Applications With GitHub Actions89
deploying, web-apps, github-actions
Using Git to Version Control the Entire “wp-content” Directory (phi)88
wordpress, themes, plugins, version-control, git
Context-Aware Web Components Are Easier Than You Think (css)87
web-components, html, javascript
The Many Ways to Modify Leading and Trailing Characters From Strings With JavaScript (cfe)86
javascript, strings
How to Check What Item Is in Focus When Accessibility Testing85
how-tos, accessibility, testing, focus
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
Big Images, Blazingly Fast81
performance, images, quality
Accessibility Acceptance Criteria80
websites, accessibility, testing, components
Div Divisiveness (sco)79
html, semantics
How to Set Up a Node.js Project With TypeScript (app)78
how-tos, nodejs, typescript
Design Systems Are Flawed77
design-systems
Create an Open Graph Image Generator With Node.js (log)76
nodejs, open-graph, images
An Introduction to High Contrast Accessibility75
introductions, accessibility, colors, contrast
The Breakpoints We Tested in 2021 and 2022, and the Ones to Test in 2023 (kil/pol)74
responsive-design, css
What Should Someone Learn About CSS if They Last Boned Up During CSS3? (chr/css)73
css
How to Avoid Layout Shifts Caused by Web Fonts (sim)72
how-tos, performance, user-experience, fonts
Giving Web Standards a Seat at the Table (jay)71
standards, history
TypeScript Features to Avoid70
typescript
Naming Conventions for Your Design System (zer)69
design-systems, naming, conventions
Making IT Accessible for All!68
videos, accessibility
Using PostCSS With Media Queries Level 4 (log)67
postcss, media-queries, css
Quick Accessibility Tests Anyone Can Do (tet)66
accessibility, user-experience, testing
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
On the Peculiarities of Counting the Number of HTML Elements (j9t)61
html
Frontend Challenges: Front-End Engineer Assignment60
react, javascript, typescript, training
The Real Added Costs of Accessibility (joe)59
accessibility, economics
Find HTML Parsing Errors (pat/dev)58
browsers, dev-tools, html, parsing, quality
Comparing CSS Specificity Values (kil)57
css, selectors, cascade
State of the Web: Serverless Functions56
serverless, functions, edge-computing
Choosing Open Source License Wisely55
foss, licensing
“structuredClone()”: Deeply Copying Objects in JavaScript (rau)54
javascript, objects
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
Building an Accessible Digital World48
accessibility
Accessibility and 2022: 13 Design Trends From a Usability Perspective47
accessibility, design, trends, usability
CSS Conditional Rules Module Level 3 (dba+/w3c)46
standards, css
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
An Introduction to Tech Debt (and Why It Can Change Your Career)42
introductions, technical-debt, career
It’s Time for a More Sophisticated Color Contrast Check for Data Visualizations (lis/dat)41
accessibility, contrast, colors, apca, visualization, information-design
Boolean Attributes in HTML and ARIA: What’s the Difference? (hdv)40
html, attributes, aria
Revisiting Why Hyperlinks Are Blue (moz)39
design, links
Remix vs. Next.js (rem)38
remix, nextjs, comparisons
Software Is Automating Design—What Does That Mean for Designers?37
design, automation
Social Media Image Sizes 2022: Cheat Sheet for Every Network36
cheat-sheets, social-media, images
PHP in 202235
php
Make Beautiful Gradients (jos)34
css, gradients
Writing With Respect (uxd)33
writing
Don’t Fight the Cascade, Control It! (sto/css)32
css, cascade
How Not to Learn TypeScript31
typescript
HTML Is General, ARIA Is Specific (dav)30
html, aria
Dependency Risk and Funding (mit)29
dependencies, github, economics
Alt Tag Emptiness (ste)28
accessibility, html, images, alt-text, aria
A Deep CSS Dive Into Radial and Conic Gradients (sha/sma)27
css, gradients
Foundations: Animations and Flashing Content (pat/tet)26
accessibility, fundamentals, animations
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
Ban Embed Codes22
embed-code
22 Smart Google SEO Tips for 2022 (moz)21
seo, google, tips-and-tricks
Two Ways to Clear an Array With Vanilla JavaScript (cfe)20
javascript, arrays
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
Improving WordPress Performance: An Open Letter (erw)9
wordpress, performance, css, javascript
Imperative vs. Declarative Programming8
videos, programming, comparisons
8 Techniques to Write Cleaner JavaScript Code7
javascript
The Web Doesn’t Have Version Numbers (hdv)6
versioning, web
Responsive Image Gallery With Animated Captions (5t3)5
images, css, animations, responsive-design, examples
Fetch Commit Logs of Certain Function or Method in Git (ami)4
git, command-line
How Flexbox Works (web)3
css, flexbox, layout
Five 2022 Accessibility Trends (uxd)2
accessibility, trends
A Contrast of Errors1
accessibility, wcag, colors, contrast