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, accountability, and support. Hide

dxsrc

“2022” News Archive (5)

Entry (Sources) and Additional TopicsDate#
Improving JavaScript Bundle Performance With Code-Splitting (cod/sma)151
javascript, performance, bundling, code-splitting, optimization
Assistive Technology, Accessible Technology, and the Accessibility Tree150
accessibility, screen-readers, assistive-tech, tooling
Structuring Your Storybook (sto)149
storybook
CSS—Understanding the Cascade (bra/9el)148
videos, css, cascade
Website Themes and Color Schemes (hex)147
design, theming, colors, color-palettes
Cascade Layers Are Coming to Your Browser (una)146
css, cascade, browsers, support
“Evergreen” Does Not Mean Immediately Available (eri/css)145
browsers
24 Lesser-Known HTML Attributes You May Want to Use144
html, attributes
Career Advice Nobody Gave Me: Never Ignore a Recruiter143
career, tips-and-tricks
5 Pitfalls of Using Micro Frontends and How to Avoid Them142
micro-frontends
Building Like It’s 1984: A Comprehensive Guide to Creating Intuitive Context Menus141
guides, design, usability
Accessibly Insecure140
accessibility, security
Learn Responsive Design139
courses, responsive-design
Use Cases for CSS “fit-content” (sha)138
css
4 Questions to Ask Before Using ARIA137
accessibility, aria, semantics, testing
Speed Matters, but It Isn’t Everything136
performance, user-experience, metrics
Preventing Smooth Scrolling With JavaScript (kil)135
javascript, scrolling
The Focus-Indicated Pseudo-Class “:focus-visible” (reg/web)134
css, selectors, focus
A More Easy Way to Write “if … or” Checks With Vanilla JavaScript (cfe)133
javascript
Inclusive Design (nng)132
design, dei
Minimal TypeScript (ano)131
typescript, minimalism
Cascade Layers: First Contact (mat)130
css, cascade
How Does “!important” Actually Work? (una)129
videos, css, cascade
Why Testing After Is a Bad Practice128
testing
Why You Should Use a Developer Font127
fonts, typography, productivity
WCAG, but in Language I Can Understand (tem)126
accessibility, wcag
Internal Onboarding for Design System Teams125
design-systems, onboarding
What Web Frameworks Solve and How to Do Without Them (nom/sma)124
frameworks, react, svelte
Naming Design Tokens (luk)123
design-tokens, naming
Caching Header Best Practices (sim)122
performance, caching, http, http-headers, best-practices
Cherry Picking Commits in Git (ami)121
git, command-line
WebAssembly Feature Detection120
webassembly, feature-detection, support
There’s No Such Thing as Clean Code119
developer-experience, quality
Demystifying TypeScript Discriminated Unions (ada/css)118
typescript
Top Ten Most Common Web Accessibility Issues (tpg)117
accessibility
A Pipe Operator for JavaScript: Introduction and Use Cases (rau)116
introductions, javascript, operators
To Create an Excellent Design System, Treat It Like a Collaborative Process115
design-systems, processes, collaboration
Prisma in 100 Seconds (fir)114
videos, introductions, orm, prisma
What’s New in DevTools? (pat/sma)113
dev-tools, browsers, chrome, edge, safari, firefox
Fancy CSS Borders Using Masks (css/css)112
css, borders, decoration, masking
How to Convert Markdown to HTML (red)111
how-tos, markdown, html, conversion
The Return of Server Side Routing (rya/thi)110
routing
The Baseline for Web Development in 2022109
browsers, support, web-platform, libraries, frameworks, comparisons
Overview of Accessibility Testing Using DevTools (pat+)108
overviews, dev-tools, accessibility, testing, browsers, edge
Design System: How to Efficiently Scale Development?107
how-tos, design-systems, scalability
The Double-Assignment Pattern in jQuery’s Source Code106
jquery, javascript
Here’s What I Didn’t Know About “:where()” (mat)105
css, selectors
Monorepo Explained104
websites, monorepos
Foundations: Text Descriptions (ihe/tet)103
accessibility, fundamentals, writing
An Introduction to CSS Cascade Layers (5t3/sma)102
introductions, css, cascade
The Risks and Rewards of App Modernization (uxm)101
maintenance, modernization, quality
Why Don’t Developers Take Accessibility Seriously? (a11/css)100
accessibility
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
More to Give Than Just the Div: Semantics and How to Get Them Right (hdv)97
html, semantics, accessibility
Drift: Why Your Design System Isn’t Working (chu)96
design-systems, design-debt
Technology Time-Outs95
processes, productivity
New Robots Tag: “indexifembedded” (met)94
robotstxt, google, search, seo
CSS-Only External Link Favicons (zac)93
css, favicons
10 Things You Should Know About Lodash92
videos, lodash
Deploying Web Applications With GitHub Actions91
deploying, web-apps, github-actions
Context-Aware Web Components Are Easier Than You Think (css)90
web-components, html, javascript
Using Git to Version Control the Entire “wp-content” Directory (phi)89
wordpress, themes, plugins, version-control, git
How to Check What Item Is in Focus When Accessibility Testing88
how-tos, accessibility, testing, focus
The Many Ways to Modify Leading and Trailing Characters From Strings With JavaScript (cfe)87
javascript, strings
Div Divisiveness (sco)86
html, semantics
Big Images, Blazingly Fast85
performance, images, quality
Frontend Predictions for 2022 (jay)84
outlooks, micro-frontends, tech-stacks, jamstack, progressive-enhancement
Accessibility Acceptance Criteria83
websites, accessibility, testing, components
Optimize Your PNGs With Oxipng and pre-commit (ada)82
images, png, performance, compression, tooling
The Future of CSS: Detect At-Rule Support With “@supports at-rule(@keyword)” (bra)81
css, support, feature-detection
Design Systems Are Flawed80
design-systems
Giving Web Standards a Seat at the Table (jay)79
standards, history
An Introduction to High Contrast Accessibility78
introductions, accessibility, colors, contrast
How to Avoid Layout Shifts Caused by Web Fonts (sim)77
how-tos, performance, user-experience, fonts
How to Set Up a Node.js Project With TypeScript (app)76
how-tos, nodejs, typescript
Create an Open Graph Image Generator With Node.js (log)75
nodejs, open-graph, images
What Should Someone Learn About CSS if They Last Boned Up During CSS3? (chr/css)74
css
The Breakpoints We Tested in 2021 and 2022, and the Ones to Test in 2023 (kil/pol)73
responsive-design, breakpoints, css
Making IT Accessible for All! (vle)72
videos, accessibility
TypeScript Features to Avoid71
typescript
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
Becoming a Better Writer as a Software Engineer (ger)66
writing, career
Find HTML Parsing Errors (pat/dev)65
browsers, dev-tools, html, parsing, quality
Rethinking Component Libraries64
components
Comparing CSS Specificity Values (kil)63
css, selectors, cascade
The Real Added Costs of Accessibility (joe)62
accessibility, economics
Modern Fluid Typography Using CSS Clamp (cod/sma)61
css, typography, liquid-design
Frontend Challenges: Front-End Engineer Assignment60
react, javascript, typescript, training
On the Peculiarities of Counting the Number of HTML Elements (j9t)59
html
Choosing Open Source License Wisely58
foss, licensing
State of the Web: Serverless Functions57
serverless, functions, edge-computing
“structuredClone()”: Deeply Copying Objects in JavaScript (rau)56
javascript, objects
Accessibility Data Is Not the Enemy (gar)55
accessibility, metrics
CSS Cascade Layers: An Overview of the New “@layer” and “layer()” CSS Primitives (una)54
videos, overviews, css, cascade
Git Organized: A Better Git Flow53
git, command-line, processes
Building an Accessible Digital World52
accessibility
CSS Conditional Rules Module Level 3 (dba+/w3c)51
standards, css
Accessibility and 2022: 13 Design Trends From a Usability Perspective50
accessibility, design, trends, usability
Rationalise It! 5 Steps to Introduce a New Component to the Design System49
design-systems, components
A Guide to Hosts File and Using It to Block Websites on Windows, Linux, and macOS48
guides, network, configuration, windows, linux, macos
Website Performance and the Planet (fer)47
performance, sustainability, caching
Boolean Attributes in HTML and ARIA: What’s the Difference? (hdv)46
html, attributes, aria
Using a GitHub Repo Directory as an npm Package45
github, npm, dependencies, ghost
Web Accessibility Lawsuits Dramatically Rose in 202144
accessibility, conformance, legal
AngularJS Is Dead—Long Live Open AI! A Migration Miracle43
angularjs, angular, openai, ai, migrating
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
PHP in 202240
php
Remix vs. Next.js (rem)39
remix, nextjs, comparisons
Make Beautiful Gradients (jos)38
css, gradients
Software Is Automating Design—What Does That Mean for Designers? (car)37
design, automation
Revisiting Why Hyperlinks Are Blue (moz)36
design, links
Social Media Image Sizes 2022: Cheat Sheet for Every Network35
cheat-sheets, social-media, images
Alt Tag Emptiness (ste)34
accessibility, html, images, alt-text, aria
Writing With Respect33
writing
Dependency Risk and Funding (mit)32
dependencies, github, economics
How Not to Learn TypeScript31
typescript
HTML Is General, ARIA Is Specific (dav)30
html, aria
Don’t Fight the Cascade, Control It! (sto/css)29
css, cascade
Foundations: Animations and Flashing Content (pat/tet)28
accessibility, fundamentals, animations
A Deep CSS Dive Into Radial and Conic Gradients (sha/sma)27
css, gradients
Memory Leaks, How to Avoid Them in a React App26
how-tos, memory, react
Ban Embed Codes25
embed-code
22 Smart Google SEO Tips for 2022 (moz)24
seo, google, tips-and-tricks
UnoCSS—an All-in-One Atomic CSS Engine23
videos, unocss
Your CSS Reset Needs “text-size-adjust” (Probably) (kil)22
css, resets
Two Ways to Clear an Array With Vanilla JavaScript (cfe)21
javascript, arrays
How to Measure Your Design System? (zer)20
how-tos, design-systems, metrics
Labeling the Point: Scenarios of Label Misuse in WCAG (tpg)19
accessibility, forms, labels, wcag, html
Reduce the Pressure on Young and Inexperienced Developers (j9t)18
career, training
CSS Buttons17
websites, css, buttons, examples
Memory Leaks: The Forgotten Side of Web Performance (nol)16
performance, memory
30 Frontend Tips (kit)15
career, tips-and-tricks
The Good, the Bad, and the Toggle14
design, forms, toggles
Styling Strategies Using Typography13
typography
The 6 Most Important CSS Concepts for Beginners (kev)12
videos, css
CSS Underlines Are Too Thin and Too Low in Chrome (sim/css)11
css, browsers, chrome
Accessible Heading Structure (ria)10
accessibility, html, headings
The Web Doesn’t Have Version Numbers (hdv)9
versioning, web
Imperative vs. Declarative Programming8
videos, programming, comparisons
8 Techniques to Write Cleaner JavaScript Code7
javascript
Improving WordPress Performance: An Open Letter (erw)6
open-letters, wordpress, performance, css, javascript
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
A Contrast of Errors2
accessibility, wcag, colors, contrast
Five 2022 Accessibility Trends1
accessibility, trends