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. Hide

Frontend Dogma

“2021” News Archive (3)

Entry (Sources) and Additional TopicsDate#
Getting Started With Preact133
introductions, preact
Building an Accessibility Library132
accessibility, processes
Defining a Strategy for Accessibility (cra)131
accessibility, strategies
Code in Quarantine (j9t)130
quality, maintenance
Sentence Case Versus Title Case (tem)129
accessibility, writing, headings
Using Design Tokens to Accelerate Design Systems128
design-systems, design-tokens, css
5 Things I’m Thinking About When I Check a Pull Request for Accessibility127
code-reviews, accessibility
How to Build a Developer Blog With Gatsby and MDX126
how-tos, gatsby, markdown, mdx, blogging
Primitive Values, Objects, and References in JavaScript Made Simple125
javascript, objects
Why Should We Care About Developer Experience (DX)124
developer-experience
Human-Readable JavaScript: A Tale of Two Experts (ali)123
javascript, maintainability
Not Your Typical Horizontal Rules (sar)122
html, semantics
Reactivity in Vue (sma)121
vuejs, reactivity
Bypassing Cookie Consent Banners in Lighthouse and WebPageTest (and)120
consent-management, cookies, lighthouse, webpagetest, performance, testing
A Deep Dive Into Eleventy Static Site Generator (5t3/sma)119
deep-dives, eleventy
Why Skip-Links Are Important for Accessibility (dev)118
accessibility, links
How to Build a Great Developer Experience117
how-tos, developer-experience
A Complete Guide to Accessible Front-End Components (vit/sma)116
guides, components, accessibility, focus, buttons, carousels, color-palettes, visualization, testing
Taming Blend Modes: “difference” and “exclusion” (ana/css)115
css, blend-modes
Getting Started With Alpine.js—the Ultimate Guide (nim)114
introductions, guides, alpinejs
Uninstalling Dev Dependencies With npm113
npm, dependencies
Git Maintenance (bku)112
git, maintenance
What Are Source Maps in JavaScript?111
videos, javascript, source-maps
What Is esbuild?110
bundling, esbuild
React vs. Vue in 2021: Best JavaScript Framework109
frameworks, vuejs, react, comparisons
Now That’s What I Call Service Worker (mal/ali)108
apis, web-workers, javascript
“prefers-reduced-motion”: Taking a No-Motion-First Approach to Animations107
css, animations, accessibility
What’s New in Flutter 2? (sma)106
flutter, dart
Why Your Website Should Work Without JavaScript105
accessibility, javascript, support, graceful-degradation
How I’m Dealing With Font Sizes (geo)104
css, typography
The 5-Hour CDN (fly)103
performance, content-delivery
Two Approaches to Win an Argument as a Software Engineer (nza)102
communication, career
What Is the JavaScript Internationalization API (I18N)? (cra)101
javascript, internationalization, apis
Getting Started With Git—a Simple Beginner’s Guide (kev)100
introductions, guides, git, command-line
What Is Laravel? A Simple Explanation for Beginners99
laravel, php, frameworks
A Year of Transformation: The Web and the World (w3c)98
w3c, web, anniversaries
Minimalism Is Boring97
design, minimalism
5 Different Ways to Declare Functions in jQuery (cra)96
jquery, javascript, functions
How to Use SVG Image Sprites (cra)95
how-tos, images, svg, sprites
Comparing Svelte and React94
svelte, react, comparisons
Dates in Eleventy (bni)93
eleventy
Semantic Web and the Knowledge Graph (rob)92
semantic-web, metadata, structured-data, search
A Comprehensive Guide to JavaScript Design Patterns91
guides, javascript, software-design-patterns
10 Graphic-Design Tips for UX Designers (uxm)90
design, user-experience, tips-and-tricks
You Want Enabling CSS Selectors, Not Disabling Ones (cit)89
css, selectors
Progressive Enhancement and Accessibility Redux (ppk)88
progressive-enhancement, accessibility
JavaScript: What Is the Meaning of “this”? (jaf)87
javascript
Why We Developed the Node.js Reference Architecture86
nodejs, architecture, dependencies
Beyond “console.log()”—Level Up Your Debugging Skills (cod)85
javascript, console, debugging
Why Does a Design Look Good? (nng)84
design, aesthetics
The SPACE of Developer Productivity (nic+/acm)83
productivity, metrics
Enforce, Enable, and Empower82
design-systems
A Short History of SvelteKit81
sveltekit, svelte, history, link-lists
How to Get a Dysfunctional Team Back on Track (ali)80
how-tos, engineering-management, culture, collaboration
Semantic Versioning Will Not Save You79
versioning, semver
Wasp—Language for Developing Full-Stack JavaScript Web Apps With No Boilerplate78
wasp
UX in Scrum77
videos, user-experience, scrum, agile, processes
Measuring Web Performance in Mobile Safari (css)76
performance, testing, mobile, browsers, safari
Introduction to ARIA Live Regions75
introductions, accessibility, aria, live-regions
The Future of Web Software Is HTML-over-WebSockets (ali)74
outlooks, html, websockets
Create Responsive Image Effects With CSS Gradients and “aspect-ratio” (5t3/sma)73
images, responsive-design, css, gradients, aspect-ratio, effects
How to Use PostCSS as a Configurable Alternative to Sass (cra)72
how-tos, postcss, sass, tooling
Automating the Accessibility Tests of Your Source Code With GitHub Actions (bol)71
accessibility, testing, automation, github-actions
What Is CanIUse and How Can You Use It to Improve Your Website?70
caniuse, web-platform, support, browsers, user-experience
2004–2021: Retrospective (iam)69
design, tech-stacks, retrospectives
Context and Variables in the Hugo Static Site Generator (sma)68
hugo, variables
10 Tips to Make You a Productive GitLab User (dns+)67
gitlab, productivity, tips-and-tricks
Optimizing Your CSS: Writing DRY, Scalable Styles (ath)66
css, optimization, maintainability, principles
Managing CSS Colors Systems With a Single Source of Truth65
css, colors, maintainability, sass, twig
Front-of-the-Front-End and Back-of-the-Front-End Web Development (bra)64
career, concepts
Understanding Z-Index in CSS (sha)63
css, positioning
Garbage Collection in JavaScript62
javascript, garbage-collection
Changing Content Output (5t3)61
eleventy
Running End-to-End Tests With Playwright on AWS Lambda60
testing, playwright, aws, serverless, lambda
Learn Snowpack: A High-Performance Frontend Build Tool59
tooling, building
Dangerous UX: Consequential Options Close to Benign Options (nng)58
user-experience, usability
How to Test the Accessibility of Your Components With Storybook (bol)57
how-tos, accessibility, components, storybook
The Significance of Building Offline-First Apps56
offline, web-apps
Seven Myths About Alt Text55
accessibility, alt-text, images, myths
The Never-Ending Job of Selling Design Systems (ben/ali)54
design-systems
Release Notes for Safari Technology Preview 120 (jon/web)53
release-notes, safari, browsers
Getting the Most Out of Git (tob/sma)52
git, command-line
Revisiting Dark Patterns With the HTML “dialog” Tag (tan)51
modals, html, javascript
10 Principles of the Best Landing Page Design50
principles, design, landing-pages
CSS-in-JS in 200 Bytes (zse)49
css-in-js, css, javascript, tooling
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
What’s New in ECMAScript 2021 (paw)42
ecmascript, standards
One Figma Component—3,360 Variants41
components, figma
WebRTC Adopted as Official Web Standard40
webrtc, standards, apis, w3c
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
The Unreasonable Effectiveness of Simple HTML (ede)35
html
What About Ember? (tka)34
emberjs, performance
Adding Tailwind CSS to a Static Site33
tailwind
An Introduction to the Rollup.js JavaScript Bundler (cra)32
introductions, javascript, bundling, tooling, rollup
Building a Consistent Platform31
design-systems
JavaScript Obfuscation: What, Why, and How?30
javascript, obfuscation
Browser Makers Launch New Project for Writing Documentation for Web APIs (cam/zdn)29
web-platform, documentation, google, microsoft, mozilla, w3c, igalia
Svelte 3: A Radical Compiler-Based JavaScript Framework28
svelte
The Dos and Don’ts of Code Reviews27
code-reviews, quality, learning
Welcoming Open Web Docs to the MDN Family (chr/moz)26
mdn, documentation, web-platform, community
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
A Laravel Exception Context Solution21
translations, laravel
The Definitive Guide to Feature Management20
guides, feature-management, releasing
How Does CSS Work?19
css
How to Set Up VS Code for React Development18
how-tos, vs-code, 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)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
Form Validation With PHP3
forms, php, validation
Web Crawling vs. Web Scraping2
crawling, scraping, comparisons, terminology
Managing CSS “z-index” in Large Projects (sma)1
css, positioning, maintainability