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

Frontend Dogma

“2021” News Archive (3)

Entry (Sources) and Additional TopicsDate#
How Modernizr Can Help You Implement CSS Fallbacks (kar/spe)136
modernizr, css
Getting Started With Preact135
introductions, preact
Building an Accessibility Library134
accessibility, processes
Defining a Strategy for Accessibility (cra)133
accessibility, strategies
Code in Quarantine (j9t)132
quality, maintenance
Sentence Case Versus Title Case (tem)131
accessibility, writing, headings
Using Design Tokens to Accelerate Design Systems130
design-systems, design-tokens, css
How to Build a Developer Blog With Gatsby and MDX (spe)129
how-tos, gatsby, markdown, mdx, blogging
5 Things I’m Thinking About When I Check a Pull Request for Accessibility128
code-reviews, accessibility
Primitive Values, Objects, and References in JavaScript Made Simple127
javascript, objects
Why Should We Care About Developer Experience (DX)126
developer-experience
Not Your Typical Horizontal Rules (sar)125
html, semantics
Bypassing Cookie Consent Banners in Lighthouse and WebPageTest (and)124
consent-management, cookies, lighthouse, webpagetest, performance, testing
Human-Readable JavaScript: A Tale of Two Experts (ali)123
javascript, maintainability
Reactivity in Vue (sma)122
vuejs, reactivity
A Deep Dive Into Eleventy Static Site Generator (5t3/sma)121
deep-dives, eleventy
Why Skip-Links Are Important for Accessibility (dev)120
accessibility, links
How to Build a Great Developer Experience119
how-tos, developer-experience
A Complete Guide to Accessible Front-End Components (vit/sma)118
guides, components, accessibility, focus, buttons, carousels, color-palettes, visualization, testing
Taming Blend Modes: “difference” and “exclusion” (ana/css)117
css, blend-modes
Getting Started With Alpine.js—the Ultimate Guide (nim)116
introductions, guides, alpinejs
Uninstalling Dev Dependencies With npm115
npm, dependencies
Git Maintenance (bku)114
git, maintenance
What Are Source Maps in JavaScript?113
videos, javascript, source-maps
React vs. Vue in 2021: Best JavaScript Framework112
frameworks, vuejs, react, comparisons
What Is esbuild?111
bundling, esbuild
Now That’s What I Call Service Worker (mal/ali)110
apis, web-workers, javascript
“prefers-reduced-motion”: Taking a No-Motion-First Approach to Animations109
css, animations, accessibility
Why Your Website Should Work Without JavaScript108
accessibility, javascript, support, graceful-degradation
What’s New in Flutter 2? (sma)107
flutter, dart
How I’m Dealing With Font Sizes (geo)106
css, typography
Two Approaches to Win an Argument as a Software Engineer (nza)105
communication, career
The 5-Hour CDN (fly)104
performance, content-delivery
What Is the JavaScript Internationalization API (I18N)? (cra)103
javascript, internationalization, apis
Getting Started With Git—a Simple Beginner’s Guide (kev)102
introductions, guides, git, command-line
What Is Laravel? A Simple Explanation for Beginners101
laravel, php, frameworks
A Year of Transformation: The Web and the World (w3c)100
w3c, web, anniversaries
5 Different Ways to Declare Functions in jQuery (cra)99
jquery, javascript, functions
How to Use SVG Image Sprites (cra)98
how-tos, images, svg, sprites
Minimalism Is Boring97
design, minimalism
Dates in Eleventy (bni)96
eleventy
A Comprehensive Guide to JavaScript Design Patterns95
guides, javascript, software-design-patterns
Comparing Svelte and React94
svelte, react, comparisons
Semantic Web and the Knowledge Graph (rob)93
semantic-web, metadata, structured-data, search
10 Graphic-Design Tips for UX Designers (uxm)92
design, user-experience, tips-and-tricks
You Want Enabling CSS Selectors, Not Disabling Ones (cit)91
css, selectors
Progressive Enhancement and Accessibility Redux (ppk)90
progressive-enhancement, accessibility
JavaScript: What Is the Meaning of “this”? (jaf)89
javascript
Why We Developed the Node.js Reference Architecture88
nodejs, architecture, dependencies
Beyond “console.log()”—Level Up Your Debugging Skills (cod)87
javascript, console, debugging
Why Does a Design Look Good? (nng)86
design, aesthetics
The SPACE of Developer Productivity (nic+/acm)85
productivity, metrics
Enforce, Enable, and Empower84
design-systems
A Short History of SvelteKit83
sveltekit, svelte, history, link-lists
How to Get a Dysfunctional Team Back on Track (ali)82
how-tos, engineering-management, culture, collaboration
Wasp—Language for Developing Full-Stack JavaScript Web Apps With No Boilerplate81
wasp
Semantic Versioning Will Not Save You80
versioning, semver
UX in Scrum79
videos, user-experience, scrum, agile, processes
Measuring Web Performance in Mobile Safari (css)78
performance, testing, mobile, browsers, safari
Introduction to ARIA Live Regions77
introductions, accessibility, aria, live-regions
The Future of Web Software Is HTML-over-WebSockets (ali)76
outlooks, html, websockets
Information Architecture—Secret to Converting Complexity Into Clarity75
information-architecture, user-experience, principles, examples
Create Responsive Image Effects With CSS Gradients and “aspect-ratio” (5t3/sma)74
images, responsive-design, css, gradients, aspect-ratio, effects
How to Use PostCSS as a Configurable Alternative to Sass (cra)73
how-tos, postcss, sass, tooling
Automating the Accessibility Tests of Your Source Code With GitHub Actions (bol)72
accessibility, testing, automation, github-actions
What Is CanIUse and How Can You Use It to Improve Your Website?71
caniuse, web-platform, support, browsers, user-experience
2004–2021: Retrospective (iam)70
design, tech-stacks, retrospectives
Context and Variables in the Hugo Static Site Generator (sma)69
hugo, variables
10 Tips to Make You a Productive GitLab User (dns+)68
gitlab, productivity, tips-and-tricks
Optimizing Your CSS: Writing DRY, Scalable Styles (ath)67
css, optimization, maintainability, principles
Managing CSS Colors Systems With a Single Source of Truth66
css, colors, maintainability, sass, twig
Front-of-the-Front-End and Back-of-the-Front-End Web Development (bra)65
career, concepts
Understanding Z-Index in CSS (sha)64
css, positioning
Garbage Collection in JavaScript63
javascript, garbage-collection
Changing Content Output (5t3)62
eleventy
Learn Snowpack: A High-Performance Frontend Build Tool61
tooling, building
Running End-to-End Tests With Playwright on AWS Lambda60
testing, playwright, aws, serverless, lambda
Dangerous UX: Consequential Options Close to Benign Options (nng)59
user-experience, usability
How to Test the Accessibility of Your Components With Storybook (bol)58
how-tos, accessibility, components, storybook
The Significance of Building Offline-First Apps57
offline, web-apps
The Never-Ending Job of Selling Design Systems (ben/ali)56
design-systems
Release Notes for Safari Technology Preview 120 (jon/web)55
release-notes, safari, browsers
Seven Myths About Alt Text54
accessibility, alt-text, images, myths
Getting the Most Out of Git (tob/sma)53
git, command-line
39 Page Speed Optimization Tips (to Crush Your Load Time)52
performance, optimization, tips-and-tricks
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
How to Use WordPress as a Headless CMS for Eleventy (cra)38
how-tos, wordpress, eleventy, content-management, headless
Hotwire: HTML Over the Wire37
hotwire
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
The Dos and Don’ts of Code Reviews28
code-reviews, quality, learning
Welcoming Open Web Docs to the MDN Family (chr/moz)27
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
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
Custom Properties as State (chr/css)7
css, custom-properties
16 Great Tech Blogs by Women and Why You Should Read Them6
community, learning, link-lists
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