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

Frontend Dogma

“2022” News Archive (5)

Entry (Sources) and Additional TopicsDate#
Minimal TypeScript (ano)124
typescript, minimalism
WCAG, but in Language I Can Understand (tem)123
accessibility, wcag
What Web Frameworks Solve and How to Do Without Them (nom/sma)122
frameworks, react, svelte
Why Testing After Is a Bad Practice121
testing
Why You Should Use a Developer Font120
fonts, typography, productivity
A Pipe Operator for JavaScript: Introduction and Use Cases (rau)119
introductions, javascript, operators
Caching Header Best Practices (sim)118
performance, caching, http, http-headers, best-practices
Cherry Picking Commits in Git (ami)117
git, command-line
Demystifying TypeScript Discriminated Unions (ada/css)116
typescript
There’s No Such Thing as Clean Code115
developer-experience, quality
Top Ten Most Common Web Accessibility Issues (tpg)114
accessibility
WebAssembly Feature Detection (dev)113
webassembly, feature-detection, support
To Create an Excellent Design System, Treat It Like a Collaborative Process (uxd)112
design-systems, processes, collaboration
Naming Design Tokens (luk/uxd)111
design-tokens, naming
Fancy CSS Borders Using Masks (css/css)110
css, borders, decoration, masking
How to Convert Markdown to HTML (red)109
how-tos, markdown, html, conversion
Overview of Accessibility Testing Using DevTools (pat+/mic)108
overviews, dev-tools, accessibility, testing, browsers, microsoft, edge
Prisma in 100 Seconds (fir)107
videos, introductions, prisma
The Baseline for Web Development in 2022106
browsers, support, web-platform, libraries, frameworks, comparisons
The Double-Assignment Pattern in jQuery’s Source Code105
jquery, javascript
The Return of Server Side Routing (rya/thi)104
routing
What’s New in DevTools? (pat/sma)103
dev-tools, browsers, google, chrome, microsoft, edge, apple, safari, mozilla, firefox
Design System: How to Efficiently Scale Development? (uxd)102
how-tos, design-systems, scalability
Here’s What I Didn’t Know About “:where()” (mat)101
css, selectors
An Introduction to CSS Cascade Layers (5t3/sma)100
introductions, css, cascade
Best Practices for Creating Your UX Design Portfolio (uxm)99
user-experience, design, career, best-practices
Introduction to esbuild: Tutorial for React, JavaScript, and TypeScript Bundling—Bye Bye Webpack98
videos, introductions, tutorials, esbuild, bundling, webpack, comparisons
Monorepo Explained97
websites, monorepos
The Risks and Rewards of App Modernization (uxm)96
maintenance, modernization, quality
Why Don’t Developers Take Accessibility Seriously? (a11/css)95
accessibility
Foundations: Text Descriptions (ihe/tet)94
accessibility, fundamentals, writing
More to Give Than Just the Div: Semantics and How to Get Them Right (hdv)93
html, semantics, accessibility
Drift: Why Your Design System Isn’t Working (uxd)92
design-systems, design-debt
Context-Aware Web Components Are Easier Than You Think (css)91
web-components, html, javascript
Deploying Web Applications With GitHub Actions90
deploying, web-apps, github-actions
How to Check What Item Is in Focus When Accessibility Testing89
how-tos, accessibility, testing, focus
The Many Ways to Modify Leading and Trailing Characters From Strings With JavaScript (cfe)88
javascript, strings
Using Git to Version Control the Entire “wp-content” Directory (phi)87
wordpress, themes, plugins, version-control, git
Technology Time-Outs (uxd)86
processes, productivity
New Robots Tag: “indexifembedded” (met)85
robotstxt, google, search, seo
Accessibility Acceptance Criteria84
websites, accessibility, testing, components
Big Images, Blazingly Fast83
performance, images, quality
Div Divisiveness (sco)82
html, semantics
Frontend Predictions for 202281
outlooks, micro-frontends, tech-stacks, jamstack, progressive-enhancement
Optimize Your PNGs With Oxipng and pre-commit (ada)80
images, png, performance, compression, tooling
The Future of CSS: Detect At-Rule Support With “@ supports at-rule(@ keyword)” (bra)79
css, support, feature-detection
An Introduction to High Contrast Accessibility78
introductions, accessibility, colors, contrast
Create an Open Graph Image Generator With Node.js (log)77
nodejs, open-graph, images
Design Systems Are Flawed76
design-systems
Giving Web Standards a Seat at the Table (jay)75
standards, history
How to Avoid Layout Shifts Caused by Web Fonts (sim)74
how-tos, performance, user-experience, fonts
How to Set Up a Node.js Project With TypeScript (app)73
how-tos, nodejs, typescript
The Breakpoints We Tested in 2021 and 2022, and the Ones to Test in 2023 (kil/pol)72
responsive-design, css
What Should Someone Learn About CSS if They Last Boned Up During CSS3? (chr/css)71
css
Becoming a Better Writer as a Software Engineer (ger)70
writing, career
Building UI Components With SVG and CSS (sha)69
components, svg, css
Making IT Accessible for All!68
videos, accessibility
Naming Conventions for Your Design System (zer)67
design-systems, naming, conventions
Quick Accessibility Tests Anyone Can Do (tet)66
accessibility, user-experience, testing
TypeScript Features to Avoid65
typescript
Using PostCSS With Media Queries Level 4 (log)64
postcss, media-queries, css
Comparing CSS Specificity Values (kil)63
css, selectors, cascade
Find HTML Parsing Errors (pat/dev)62
browsers, dev-tools, html, parsing, quality
Frontend Challenges: Front-End Engineer Assignment61
react, javascript, typescript, training
On the Peculiarities of Counting the Number of HTML Elements (j9t)60
html
The Real Added Costs of Accessibility (joe)59
accessibility, economics
Rethinking Component Libraries58
components
Modern Fluid Typography Using CSS Clamp (cod/sma)57
css, typography, liquid-design
Choosing Open Source License Wisely56
foss, licensing
State of the Web: Serverless Functions55
serverless, functions, edge-computing
“structuredClone()”: Deeply Copying Objects in JavaScript (rau)54
javascript, objects
CSS Cascade Layers: An Overview of the New “@ layer” and “layer()” CSS Primitives (una)53
videos, overviews, css, cascade
Accessibility Data Is Not the Enemy (uxd)52
accessibility, metrics
Accessibility and 2022: 13 Design Trends From a Usability Perspective51
accessibility, design, trends, usability
Building an Accessible Digital World50
accessibility
CSS Conditional Rules Module Level 3 (dba+/w3c)49
standards, css
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, microsoft, unix-like
Rationalise It! 5 Steps to Introduce a New Component to the Design System46
design-systems, components
An Introduction to Tech Debt (and Why It Can Change Your Career)45
introductions, technical-debt, career
Boolean Attributes in HTML and ARIA: What’s the Difference? (hdv)44
html, attributes, aria
It’s Time for a More Sophisticated Color Contrast Check for Data Visualizations (lis/dat)43
accessibility, contrast, colors, apca, visualization, information-design
Web Accessibility Lawsuits Dramatically Rose in 202142
accessibility, conformance, legal
Website Performance and the Planet41
performance, sustainability, caching
AngularJS Is Dead—Long Live Open AI! A Migration Miracle40
angularjs, angular, openai, ai, migrating
Make Beautiful Gradients (jos)39
css, gradients
PHP in 202238
php
Remix vs. Next.js (rem)37
remix, nextjs, comparisons
Social Media Image Sizes 2022: Cheat Sheet for Every Network36
cheat-sheets, social-media, images
Software Is Automating Design—What Does That Mean for Designers?35
design, automation
Revisiting Why Hyperlinks Are Blue (moz)34
design, links
A Deep CSS Dive Into Radial and Conic Gradients (sha/sma)33
css, gradients
Alt Tag Emptiness (ste)32
accessibility, html, images, alt-text, aria
Dependency Risk and Funding (mit)31
dependencies, github, economics
Don’t Fight the Cascade, Control It! (sto/css)30
css, cascade
Foundations: Animations and Flashing Content (pat/tet)29
accessibility, fundamentals, animations
How Not to Learn TypeScript28
typescript
HTML Is General, ARIA Is Specific (dav)27
html, aria
Writing With Respect (uxd)26
writing
Memory Leaks, How to Avoid Them in a React App25
how-tos, memory, react
22 Smart Google SEO Tips for 2022 (moz)24
seo, google, tips-and-tricks
Ban Embed Codes23
embed-code
Two Ways to Clear an Array With Vanilla JavaScript (cfe)22
javascript, arrays
UnoCSS—an All-in-One Atomic CSS Engine21
videos, unocss
Your CSS Reset Needs “text-size-adjust” (Probably) (kil)20
css, resets
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
Reduce the Pressure on Young and Inexperienced Developers (j9t)17
career, training
Memory Leaks: The Forgotten Side of Web Performance (nol)16
performance, memory
30 Frontend Tips (kit)15
career, tips-and-tricks
CSS Underlines Are Too Thin and Too Low in Chrome (sim/css)14
css, browsers, google, chrome
The 6 Most Important CSS Concepts for Beginners (kev)13
videos, css
Styling Strategies Using Typography12
typography
The Good, the Bad, and the Toggle (uxd)11
design, forms, toggles
8 Techniques to Write Cleaner JavaScript Code10
javascript
Fetch Commit Logs of Certain Function or Method in Git (ami)9
git, command-line
Imperative vs. Declarative Programming8
videos, programming, comparisons
Improving WordPress Performance: An Open Letter (erw)7
wordpress, performance, css, javascript
Responsive Image Gallery With Animated Captions (5t3)6
images, css, animations, responsive-design, examples
The Web Doesn’t Have Version Numbers (hdv)5
versioning, web
Accessible Heading Structure (ria)4
accessibility, html, headings
How Flexbox Works (web)3
css, flexbox, layout
A Contrast of Errors2
accessibility, wcag, colors, contrast
Five 2022 Accessibility Trends (uxd)1
accessibility, trends