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 that they be respected and included. Hide

Frontend Dogma

“2021” News Archive (3)

Entry (Sources) and Additional TopicsDate#
Defining a Strategy for Accessibility (cra)130
accessibility, strategies
Code in Quarantine (j9t)129
quality, maintenance
Sentence Case Versus Title Case (tem)128
accessibility, writing, headings
Using Design Tokens to Accelerate Design Systems127
design-systems, design-tokens, css
5 Things I’m Thinking About When I Check a Pull Request for Accessibility126
code-reviews, accessibility
How to Build a Developer Blog With Gatsby and MDX125
how-tos, gatsby, markdown, mdx, blogging
Primitive Values, Objects, and References in JavaScript Made Simple124
javascript, objects
Why Should We Care About Developer Experience (DX)123
developer-experience
Bypassing Cookie Consent Banners in Lighthouse and WebPageTest (and)122
consent-management, cookies, lighthouse, google, webpagetest, performance, testing
Human-Readable JavaScript: A Tale of Two Experts (ali)121
javascript, maintainability
Not Your Typical Horizontal Rules (sar)120
html, semantics
Reactivity in Vue (sma)119
vuejs, reactivity
A Deep Dive Into Eleventy Static Site Generator (5t3/sma)118
deep-dives, eleventy
How to Build a Great Developer Experience117
how-tos, developer-experience
Why Skip-Links Are Important for Accessibility (dev)116
accessibility, links
A Complete Guide to Accessible Front-End Components (vit/sma)115
guides, components, accessibility, focus, buttons, carousels, color-palettes, visualization, testing
Getting Started With Alpine.js—the Ultimate Guide114
introductions, guides, alpinejs
Taming Blend Modes: “difference” and “exclusion” (ana/css)113
css, blend-modes
Uninstalling Dev Dependencies With npm112
npm, dependencies
Git Maintenance (bku)111
git, maintenance
What Are Source Maps in JavaScript?110
videos, javascript, source-maps
React vs. Vue in 2021: Best JavaScript Framework109
frameworks, vuejs, react, comparisons
What Is esbuild?108
bundling, esbuild
Now That’s What I Call Service Worker (mal/ali)107
apis, web-workers, javascript
“prefers-reduced-motion”: Taking a No-Motion-First Approach to Animations106
css, animations, accessibility
What’s New in Flutter 2? (sma)105
flutter, dart
Why Your Website Should Work Without JavaScript104
accessibility, javascript, support, graceful-degradation
How I’m Dealing With Font Sizes (geo)103
css, typography
The 5-Hour CDN (fly)102
performance, content-delivery
Two Approaches to Win an Argument as a Software Engineer (nza)101
communication, career
What Is the JavaScript Internationalization API (I18N)? (cra)100
javascript, internationalization, apis
Getting Started With Git—a Simple Beginner’s Guide (kev)99
introductions, guides, git, command-line
What Is Laravel? A Simple Explanation for Beginners98
laravel, php, frameworks
A Year of Transformation: The Web and the World (w3c)97
w3c, web, anniversaries
Minimalism Is Boring96
design, minimalism
5 Different Ways to Declare Functions in jQuery (cra)95
jquery, javascript, functions
How to Use SVG Image Sprites (cra)94
how-tos, images, svg, sprites
A Comprehensive Guide to JavaScript Design Patterns93
guides, javascript, software-design-patterns
Comparing Svelte and React92
svelte, react, comparisons
Dates in Eleventy (bni)91
eleventy
Semantic Web and the Knowledge Graph (rob)90
semantic-web, metadata, structured-data, search
10 Graphic-Design Tips for UX Designers (uxm)89
design, user-experience, tips-and-tricks
You Want Enabling CSS Selectors, Not Disabling Ones (cit)88
css, selectors
Progressive Enhancement and Accessibility Redux (ppk)87
progressive-enhancement, accessibility
JavaScript: What Is the Meaning of “this”? (jaf)86
javascript
Why We Developed the Node.js Reference Architecture85
nodejs, architecture, dependencies
Beyond “console.log()”—Level Up Your Debugging Skills (cod)84
javascript, console, debugging
Why Does a Design Look Good? (nng)83
design, aesthetics
The SPACE of Developer Productivity (nic+/acm)82
productivity, metrics
Enforce, Enable, and Empower81
design-systems
A Short History of SvelteKit80
sveltekit, svelte, history, link-lists
How to Get a Dysfunctional Team Back on Track (ali)79
how-tos, engineering-management, culture, collaboration
Semantic Versioning Will Not Save You78
versioning, semver
Wasp—Language for Developing Full-Stack JavaScript Web Apps With No Boilerplate77
wasp
Measuring Web Performance in Mobile Safari (css)76
performance, testing, mobile, browsers, apple, safari
UX in Scrum75
videos, user-experience, scrum, agile, processes
Introduction to ARIA Live Regions74
introductions, accessibility, aria, live-regions
The Future of Web Software Is HTML-over-WebSockets (ali)73
outlooks, html, websockets
Create Responsive Image Effects With CSS Gradients and “aspect-ratio” (5t3/sma)72
images, responsive-design, css, gradients, aspect-ratio, effects
How to Use PostCSS as a Configurable Alternative to Sass (cra)71
how-tos, postcss, sass, tooling
Automating the Accessibility Tests of Your Source Code With GitHub Actions (bol)70
accessibility, testing, automation, github-actions
What Is CanIUse and How Can You Use It to Improve Your Website?69
caniuse, web-platform, support, browsers, user-experience
2004–2021: Retrospective (iam)68
design, tech-stacks, retrospectives
Context and Variables in the Hugo Static Site Generator (sma)67
hugo, variables
10 Tips to Make You a Productive GitLab User (dns+/git)66
gitlab, productivity, tips-and-tricks
Managing CSS Colors Systems With a Single Source of Truth65
css, colors, maintainability, sass, twig
Optimizing Your CSS: Writing DRY, Scalable Styles (ath)64
css, optimization, maintainability, principles
Front-of-the-Front-End and Back-of-the-Front-End Web Development (bra)63
career, concepts
Understanding Z-Index in CSS (sha)62
css, positioning
Garbage Collection in JavaScript61
javascript, garbage-collection
Changing Content Output (5t3)60
eleventy
Running End-to-End Tests With Playwright on AWS Lambda59
testing, playwright, aws, serverless, lambda
Learn Snowpack: A High-Performance Frontend Build Tool58
tooling, building
Dangerous UX: Consequential Options Close to Benign Options (nng)57
user-experience, usability
How to Test the Accessibility of Your Components With Storybook (bol)56
how-tos, accessibility, components, storybook
The Significance of Building Offline-First Apps55
offline, web-apps
Release Notes for Safari Technology Preview 120 (jon/web)54
release-notes, safari, apple, browsers
Seven Myths About Alt Text53
accessibility, alt-text, images, myths
The Never-Ending Job of Selling Design Systems (ben/ali)52
design-systems
Getting the Most Out of Git (tob/sma)51
git, command-line
10 Principles of the Best Landing Page Design50
principles, design, landing-pages
Revisiting Dark Patterns With the HTML “dialog” Tag (tan)49
modals, html, javascript
How to Test Content With Users (nng)48
how-tos, testing, usability
Practical Guide to XHTML47
guides, xhtml
Quick 7 Tips for Symfony Starters46
symfony, tips-and-tricks
9 Vital Qualities Every Developer Should Possess (wom)45
career
5 Tips for Your Next Promotion or Salary Raise (j9t)44
career
Things You Can Do With CSS Today (bel/sma)43
css, masonry, layout, selectors, functions, units
WebRTC Adopted as Official Web Standard42
webrtc, standards, apis, w3c
What’s New in ECMAScript 2021 (paw)41
ecmascript, standards
One Figma Component—3,360 Variants40
components, figma
Self-Hosting a Git Service: An Easy Way to More Personal Freedom (kzi)39
git, self-hosting, command-line
Hotwire: HTML Over the Wire38
hotwire
How to Use WordPress as a Headless CMS for Eleventy (cra)37
how-tos, wordpress, eleventy, content-management, headless
Uniwidth Typefaces for Interface Design36
typography, fonts
Building a Consistent Platform35
design-systems
The Unreasonable Effectiveness of Simple HTML (ede)34
html
What About Ember? (tka)33
emberjs, performance
JavaScript Obfuscation: What, Why, and How?32
javascript, obfuscation
Adding Tailwind CSS to a Static Site31
tailwind
An Introduction to the Rollup.js JavaScript Bundler (cra)30
introductions, javascript, bundling, tooling, rollup
Browser Makers Launch New Project for Writing Documentation for Web APIs (cam/zdn)29
web-platform, documentation, google, microsoft, mozilla, w3c, igalia
The Dos and Don’ts of Code Reviews28
code-reviews, quality, learning
Welcoming Open Web Docs to the MDN Family (chr/moz)27
mozilla, mdn, documentation, web-platform, community
Svelte 3: A Radical Compiler-Based JavaScript Framework26
svelte
Scroll-Bounce Page Background Colour (tem)25
backgrounds, colors, scrolling, css
In Critical Defense of Frontend Development (j9t)24
quality, craft
How I Use GitHub as My Blogging Platform23
github, blogging
HTML: The 16 Content Categories and Their Elements (j9t)22
html, semantics
The Definitive Guide to Feature Management21
guides, feature-management, releasing
A Laravel Exception Context Solution20
translations, laravel
How Does CSS Work?19
css
How to Set Up VS Code for React Development18
how-tos, vs-code, microsoft, code-editors, react
Laravel and Hotwire Intro17
introductions, laravel, hotwire
Understanding Rendering in Web Apps: SPA vs. MPA16
rendering, web-apps, single-page-apps, multi-page-apps, comparisons
PHP Reimagined (bre)15
php, wish-lists
2020 JavaScript Rising Stars14
javascript, frameworks, nodejs, react, vuejs, angular, building, testing, tooling, css-in-js, mobile, state-management, graphql, retrospectives
Front-End Performance 2021: Assets Optimizations (vit/sma)13
performance, checklists, link-lists, compression, images
Front-End Performance 2021: Build Optimizations (vit/sma)12
performance, checklists, link-lists, building
Front-End Performance 2021: Delivery Optimizations (vit/sma)11
performance, checklists, link-lists
Testing Performance (kel)10
performance, testing
Popup Problems (nng)9
videos, pop-ups, modals, usability
Developer Experience at Netlify (sar/net)8
netlify, developer-experience, processes
16 Great Tech Blogs by Women and Why You Should Read Them7
community, learning, link-lists
Custom Properties as State (chr/css)6
css, custom-properties
Move Your IDE to the Cloud: Introduction to GitHub Codespaces (thi)5
introductions, code-editors, github
Easier Input on Mobile Devices4
videos, mobile, usability
Web Crawling vs. Web Scraping3
crawling, scraping, comparisons, terminology
Form Validation With PHP2
forms, php, validation
Managing CSS “z-index” in Large Projects (sma)1
css, positioning, maintainability