Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s oppression and killing of Palestinians and the occupation and destruction of Palestine (history) 🇵🇸 Hide

Frontend Dogma

“2021” News Archive (3)

Entry (Sources) and Other Related TopicsDate#
“prefers-reduced-motion”: Taking a No-Motion-First Approach to Animations101
css, animations, accessibility
Why Your Website Should Work Without JavaScript100
accessibility, javascript, support, graceful-degradation
What’s New in Flutter 2? (sma)99
flutter, dart
The 5-Hour CDN (fly)98
performance, content-delivery
How I’m Dealing With Font Sizes (geo)97
css, typography
What Is the JavaScript Internationalization API (I18N)? (cra)96
javascript, internationalization, apis
Getting Started With Git—a Simple Beginner’s Guide (kev)95
introductions, guides, git, command-line
What Is Laravel? A Simple Explanation for Beginners94
laravel, php, frameworks
A Year of Transformation: The Web and the World (w3c)93
w3c, web, anniversaries
Minimalism Is Boring92
design, minimalism
How to Use SVG Image Sprites (cra)91
how-tos, images, svg, sprites
5 Different Ways to Declare Functions in jQuery (cra)90
jquery, javascript, functions
Semantic Web and the Knowledge Graph (rob)89
semantic-web, metadata, structured-data, search
Dates in Eleventy (bni)88
eleventy
Comparing Svelte and React87
svelte, react, comparisons
A Comprehensive Guide to JavaScript Design Patterns86
guides, javascript, software-design-patterns
You Want Enabling CSS Selectors, Not Disabling Ones (cit)85
css, selectors
Why We Developed the Node.js Reference Architecture84
nodejs, architecture, dependencies
JavaScript: What Is the Meaning of “this”? (jaf/dev)83
javascript
Beyond “console.log()”—Level Up Your Debugging Skills (cod)82
javascript, console, debugging
10 Graphic-Design Tips for UX Designers (uxm)81
design, user-experience, tips-and-tricks
Why Does a Design Look Good? (nng)80
design
The SPACE of Developer Productivity (nic+/acm)79
productivity, metrics
Enforce, Enable, and Empower78
design-systems
How to Get a Dysfunctional Team Back on Track (ali)77
how-tos, engineering-management, culture, collaboration
A Short History of SvelteKit76
sveltekit, svelte, history, link-lists
Wasp—Language for Developing Full-Stack JavaScript Web Apps With No Boilerplate75
wasp
Semantic Versioning Will Not Save You74
versioning, semver
UX in Scrum73
videos, user-experience, scrum, agile, processes
Measuring Web Performance in Mobile Safari (css)72
performance, testing, mobile, browsers, apple, safari
The Future of Web Software Is HTML-over-WebSockets (ali)71
outlooks, html, websockets
Introduction to ARIA Live Regions70
introductions, accessibility, aria, live-regions
How to Use PostCSS as a Configurable Alternative to Sass (cra)69
how-tos, postcss, sass, tooling
Create Responsive Image Effects With CSS Gradients and “aspect-ratio” (5t3/sma)68
images, responsive-design, css, gradients, aspect-ratio, effects
Automating the Accessibility Tests of Your Source Code With GitHub Actions (bol)67
accessibility, testing, automation, github-actions
What Is CanIUse and How Can You Use It to Improve Your Website?66
caniuse, web-platform, support, browsers, user-experience
2004–2021: Retrospective (iam)65
design, tech-stacks, retrospectives
Context and Variables in the Hugo Static Site Generator (sma)64
hugo, variables
10 Tips to Make You a Productive GitLab User (dns+)63
gitlab, productivity, tips-and-tricks
Optimizing Your CSS: Writing DRY, Scalable Styles (ath)62
css, optimization, maintainability, principles
Managing CSS Colors Systems With a Single Source of Truth61
css, colors, maintainability, sass, twig
Garbage Collection in JavaScript60
javascript, garbage-collection
Understanding Z-Index in CSS (sha)59
css, positioning
Front-of-the-Front-End and Back-of-the-Front-End Web Development (bra)58
career, concepts
Running End-to-End Tests With Playwright on AWS Lambda57
testing, playwright, aws, serverless, lambda
Learn Snowpack: A High-Performance Frontend Build Tool56
tooling, building
Changing Content Output (5t3)55
eleventy
Dangerous UX: Consequential Options Close to Benign Options (nng)54
user-experience, usability
How to Test the Accessibility of Your Components With Storybook (bol)53
how-tos, accessibility, components, storybook
The Significance of Building Offline-First Apps52
offline, web-apps
The Never-Ending Job of Selling Design Systems (ben/ali)51
design-systems
Seven Myths About Alt Text50
accessibility, alt-text, images, myths
Release Notes for Safari Technology Preview 120 (jon/web)49
release-notes, safari, apple, browsers
Getting the Most Out of Git (tob/sma)48
git, command-line
Revisiting Dark Patterns With the HTML “dialog” Tag (tan)47
modals, html, javascript
10 Principles of the Best Landing Page Design46
principles, design, landing-pages
How to Test Content With Users (nng)45
how-tos, testing, usability
Practical Guide to XHTML44
guides, xhtml
Quick 7 Tips for Symfony Starters43
symfony, tips-and-tricks
9 Vital Qualities Every Developer Should Possess (wom)42
career
5 Tips for Your Next Promotion or Salary Raise (j9t)41
career
One Figma Component—3,360 Variants (uxd)40
components, figma
What’s New in ECMAScript 2021 (paw)39
ecmascript, standards
WebRTC Adopted as Official Web Standard38
webrtc, standards, apis, w3c
Things You Can Do With CSS Today (bel/sma)37
css, masonry, layout, selectors, functions, units
Self-Hosting a Git Service: An Easy Way to More Personal Freedom (kzi)36
git, hosting, command-line
Uniwidth Typefaces for Interface Design (uxd)35
typography, fonts
Hotwire: HTML Over the Wire34
hotwire
How to Use WordPress as a Headless CMS for Eleventy (cra)33
how-tos, wordpress, eleventy, content-management, headless
Adding Tailwind CSS to a Static Site32
tailwind
JavaScript Obfuscation: What, Why, and How?31
javascript, obfuscation
What About Ember? (tka)30
emberjs, performance
The Unreasonable Effectiveness of Simple HTML (ede)29
html
Building a Consistent Platform28
design-systems
An Introduction to the Rollup.js JavaScript Bundler (cra)27
introductions, javascript, bundling, tooling, rollup
Welcoming Open Web Docs to the MDN Family (chr/moz)26
mozilla, mdn, documentation, web-platform, community
The Dos and Don’ts of Code Reviews25
code-reviews, quality, learning
Svelte 3: A Radical Compiler-Based JavaScript Framework24
svelte
Browser Makers Launch New Project for Writing Documentation for Web APIs (cam/zdn)23
web-platform, documentation, google, microsoft, mozilla, w3c, igalia
Scroll-Bounce Page Background Colour (tem)22
backgrounds, colors, scrolling, css
In Critical Defense of Frontend Development (j9t)21
quality, craft
The Definitive Guide to Feature Management20
guides, feature-management, releasing
HTML: The 16 Content Categories and Their Elements (j9t)19
html, semantics
How I Use GitHub as My Blogging Platform18
github, blogging
How Does CSS Work?17
css
How to Set Up VS Code for React Development16
how-tos, vs-code, microsoft, code-editors, react
Understanding Rendering in Web Apps: SPA vs. MPA15
rendering, web-apps, single-page-apps, multi-page-apps, comparisons
Laravel and Hotwire Intro14
introductions, laravel, hotwire
2020 JavaScript Rising Stars13
javascript, frameworks, nodejs, react, vuejs, angular, building, testing, tooling, css-in-js, mobile, state-management, graphql, retrospectives
Testing Performance (kel)12
performance, testing
Front-End Performance 2021: Delivery Optimizations (vit/sma)11
performance, checklists, link-lists
Front-End Performance 2021: Build Optimizations (vit/sma)10
performance, checklists, link-lists, building
Front-End Performance 2021: Assets Optimizations (vit/sma)9
performance, checklists, link-lists, compression, images
Popup Problems (nng)8
videos, pop-ups, modals, usability
Developer Experience at Netlify (sar/net)7
netlify, developer-experience, processes
Custom Properties as State (chr/css)6
css, custom-properties
16 Great Tech Blogs by Women and Why You Should Read Them5
community, learning, link-lists
Web Crawling vs. Web Scraping4
crawling, scraping, comparisons, terminology
Form Validation With PHP3
forms, php, validation
Easier Input on Mobile Devices2
videos, mobile, usability
Managing CSS “z-index” in Large Projects (sma)1
css, positioning, maintainability