Life is about deciding who you are: Join us and decide to be for environmental protection, free education and generous social security, human rights and international law, and, of course, action against oppression and violence (starting with helping the people of occupied Palestine 🇵🇸)! Hide

Frontend Dogma

“2021” News Archive (3)

Entry (Sources) and Additional TopicsDate#
5 Things I’m Thinking About When I Check a Pull Request for Accessibility125
code-reviews, accessibility
How to Build a Developer Blog With Gatsby and MDX124
how-tos, gatsby, markdown, mdx, blogging
Primitive Values, Objects, and References in JavaScript Made Simple123
javascript, objects
Why Should We Care About Developer Experience (DX)122
developer-experience
Bypassing Cookie Consent Banners in Lighthouse and WebPageTest (and)121
consent-management, cookies, lighthouse, google, webpagetest, performance, testing
Human-Readable JavaScript: A Tale of Two Experts (ali)120
javascript, maintainability
Not Your Typical Horizontal Rules (sar)119
html, semantics
Reactivity in Vue (sma)118
vuejs, reactivity
A Deep Dive Into Eleventy Static Site Generator (5t3/sma)117
deep-dives, eleventy
How to Build a Great Developer Experience116
how-tos, developer-experience
Why Skip-Links Are Important for Accessibility (dev)115
accessibility, links
A Complete Guide to Accessible Front-End Components (vit/sma)114
guides, components, accessibility, focus, buttons, carousels, color-palettes, visualization, testing
Getting Started With Alpine.js—the Ultimate Guide113
introductions, guides, alpinejs
Taming Blend Modes: “difference” and “exclusion” (ana/css)112
css, blend-modes
Uninstalling Dev Dependencies With npm111
npm, dependencies
Git Maintenance (bku)110
git, maintenance
What Are Source Maps in JavaScript?109
videos, javascript, source-maps
React vs. Vue in 2021: Best JavaScript Framework108
frameworks, vuejs, react, comparisons
What Is esbuild?107
bundling, esbuild
Now That’s What I Call Service Worker (mal/ali)106
apis, web-workers, javascript
“prefers-reduced-motion”: Taking a No-Motion-First Approach to Animations105
css, animations, accessibility
What’s New in Flutter 2? (sma)104
flutter, dart
Why Your Website Should Work Without JavaScript103
accessibility, javascript, support, graceful-degradation
How I’m Dealing With Font Sizes (geo)102
css, typography
The 5-Hour CDN (fly)101
performance, content-delivery
Two Approaches to Win an Argument as a Software Engineer (nza)100
communication, career
What Is the JavaScript Internationalization API (I18N)? (cra)99
javascript, internationalization, apis
Getting Started With Git—a Simple Beginner’s Guide (kev)98
introductions, guides, git, command-line
What Is Laravel? A Simple Explanation for Beginners97
laravel, php, frameworks
A Year of Transformation: The Web and the World (w3c)96
w3c, web, anniversaries
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
Minimalism Is Boring93
design, minimalism
A Comprehensive Guide to JavaScript Design Patterns92
guides, javascript, software-design-patterns
Comparing Svelte and React91
svelte, react, comparisons
Dates in Eleventy (bni)90
eleventy
Semantic Web and the Knowledge Graph (rob)89
semantic-web, metadata, structured-data, search
10 Graphic-Design Tips for UX Designers (uxm)88
design, user-experience, tips-and-tricks
Beyond “console.log()”—Level Up Your Debugging Skills (cod)87
javascript, console, debugging
JavaScript: What Is the Meaning of “this”? (jaf/dev)86
javascript
Why We Developed the Node.js Reference Architecture85
nodejs, architecture, dependencies
You Want Enabling CSS Selectors, Not Disabling Ones (cit)84
css, selectors
Progressive Enhancement and Accessibility Redux (ppk)83
progressive-enhancement, accessibility
Why Does a Design Look Good? (nng)82
design, aesthetics
The SPACE of Developer Productivity (nic+/acm)81
productivity, metrics
Enforce, Enable, and Empower80
design-systems
A Short History of SvelteKit79
sveltekit, svelte, history, link-lists
How to Get a Dysfunctional Team Back on Track (ali)78
how-tos, engineering-management, culture, collaboration
Semantic Versioning Will Not Save You77
versioning, semver
Wasp—Language for Developing Full-Stack JavaScript Web Apps With No Boilerplate76
wasp
Measuring Web Performance in Mobile Safari (css)75
performance, testing, mobile, browsers, apple, safari
UX in Scrum74
videos, user-experience, scrum, agile, processes
Introduction to ARIA Live Regions73
introductions, accessibility, aria, live-regions
The Future of Web Software Is HTML-over-WebSockets (ali)72
outlooks, html, websockets
Create Responsive Image Effects With CSS Gradients and “aspect-ratio” (5t3/sma)71
images, responsive-design, css, gradients, aspect-ratio, effects
How to Use PostCSS as a Configurable Alternative to Sass (cra)70
how-tos, postcss, sass, tooling
Automating the Accessibility Tests of Your Source Code With GitHub Actions (bol)69
accessibility, testing, automation, github-actions
What Is CanIUse and How Can You Use It to Improve Your Website?68
caniuse, web-platform, support, browsers, user-experience
2004–2021: Retrospective (iam)67
design, tech-stacks, retrospectives
Context and Variables in the Hugo Static Site Generator (sma)66
hugo, variables
10 Tips to Make You a Productive GitLab User (dns+/git)65
gitlab, productivity, tips-and-tricks
Managing CSS Colors Systems With a Single Source of Truth64
css, colors, maintainability, sass, twig
Optimizing Your CSS: Writing DRY, Scalable Styles (ath)63
css, optimization, maintainability, principles
Front-of-the-Front-End and Back-of-the-Front-End Web Development (bra)62
career, concepts
Understanding Z-Index in CSS (sha)61
css, positioning
Garbage Collection in JavaScript60
javascript, garbage-collection
Changing Content Output (5t3)59
eleventy
Learn Snowpack: A High-Performance Frontend Build Tool58
tooling, building
Running End-to-End Tests With Playwright on AWS Lambda57
testing, playwright, aws, serverless, lambda
Dangerous UX: Consequential Options Close to Benign Options (nng)56
user-experience, usability
How to Test the Accessibility of Your Components With Storybook (bol)55
how-tos, accessibility, components, storybook
The Significance of Building Offline-First Apps54
offline, web-apps
Release Notes for Safari Technology Preview 120 (jon/web)53
release-notes, safari, apple, browsers
Seven Myths About Alt Text52
accessibility, alt-text, images, myths
The Never-Ending Job of Selling Design Systems (ben/ali)51
design-systems
Getting the Most Out of Git (tob/sma)50
git, command-line
10 Principles of the Best Landing Page Design49
principles, design, landing-pages
Revisiting Dark Patterns With the HTML “dialog” Tag (tan)48
modals, html, javascript
How to Test Content With Users (nng)47
how-tos, testing, usability
Practical Guide to XHTML46
guides, xhtml
Quick 7 Tips for Symfony Starters45
symfony, tips-and-tricks
9 Vital Qualities Every Developer Should Possess (wom)44
career
5 Tips for Your Next Promotion or Salary Raise (j9t)43
career
Things You Can Do With CSS Today (bel/sma)42
css, masonry, layout, selectors, functions, units
WebRTC Adopted as Official Web Standard41
webrtc, standards, apis, w3c
What’s New in ECMAScript 2021 (paw)40
ecmascript, standards
One Figma Component—3,360 Variants (uxd)39
components, figma
Self-Hosting a Git Service: An Easy Way to More Personal Freedom (kzi)38
git, self-hosting, command-line
How to Use WordPress as a Headless CMS for Eleventy (cra)37
how-tos, wordpress, eleventy, content-management, headless
Hotwire: HTML Over the Wire36
hotwire
Uniwidth Typefaces for Interface Design (uxd)35
typography, fonts
An Introduction to the Rollup.js JavaScript Bundler (cra)34
introductions, javascript, bundling, tooling, rollup
Building a Consistent Platform33
design-systems
The Unreasonable Effectiveness of Simple HTML (ede)32
html
What About Ember? (tka)31
emberjs, performance
JavaScript Obfuscation: What, Why, and How?30
javascript, obfuscation
Adding Tailwind CSS to a Static Site29
tailwind
Browser Makers Launch New Project for Writing Documentation for Web APIs (cam/zdn)28
web-platform, documentation, google, microsoft, mozilla, w3c, igalia
Svelte 3: A Radical Compiler-Based JavaScript Framework27
svelte
The Dos and Don’ts of Code Reviews26
code-reviews, quality, learning
Welcoming Open Web Docs to the MDN Family (chr/moz)25
mozilla, mdn, documentation, web-platform, community
Scroll-Bounce Page Background Colour (tem)24
backgrounds, colors, scrolling, css
In Critical Defense of Frontend Development (j9t)23
quality, craft
How I Use GitHub as My Blogging Platform22
github, blogging
HTML: The 16 Content Categories and Their Elements (j9t)21
html, semantics
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, 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
2020 JavaScript Rising Stars15
javascript, frameworks, nodejs, react, vuejs, angular, building, testing, tooling, css-in-js, mobile, state-management, graphql, retrospectives
PHP Reimagined (bre)14
php, wish-lists
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
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