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#
What Is esbuild?105
bundling, esbuild
Now That’s What I Call Service Worker (mal/ali)104
apis, web-workers, javascript
“prefers-reduced-motion”: Taking a No-Motion-First Approach to Animations103
css, animations, accessibility
What’s New in Flutter 2? (sma)102
flutter, dart
Why Your Website Should Work Without JavaScript101
accessibility, javascript, support, graceful-degradation
How I’m Dealing With Font Sizes (geo)100
css, typography
The 5-Hour CDN (fly)99
performance, content-delivery
What Is the JavaScript Internationalization API (I18N)? (cra)98
javascript, internationalization, apis
Getting Started With Git—a Simple Beginner’s Guide (kev)97
introductions, guides, git, command-line
What Is Laravel? A Simple Explanation for Beginners96
laravel, php, frameworks
A Year of Transformation: The Web and the World (w3c)95
w3c, web, anniversaries
Minimalism Is Boring94
design, minimalism
How to Use SVG Image Sprites (cra)93
how-tos, images, svg, sprites
5 Different Ways to Declare Functions in jQuery (cra)92
jquery, javascript, functions
Comparing Svelte and React91
svelte, react, comparisons
A Comprehensive Guide to JavaScript Design Patterns90
guides, javascript, software-design-patterns
Dates in Eleventy (bni)89
eleventy
Semantic Web and the Knowledge Graph (rob)88
semantic-web, metadata, structured-data, search
Why We Developed the Node.js Reference Architecture87
nodejs, architecture, dependencies
Beyond “console.log()”—Level Up Your Debugging Skills (cod)86
javascript, console, debugging
You Want Enabling CSS Selectors, Not Disabling Ones (cit)85
css, selectors
10 Graphic-Design Tips for UX Designers (uxm)84
design, user-experience, tips-and-tricks
JavaScript: What Is the Meaning of “this”? (jaf/dev)83
javascript
Why Does a Design Look Good? (nng)82
design
The SPACE of Developer Productivity (nic+/acm)81
productivity, metrics
Enforce, Enable, and Empower80
design-systems
How to Get a Dysfunctional Team Back on Track (ali)79
how-tos, engineering-management, culture, collaboration
A Short History of SvelteKit78
sveltekit, svelte, history, link-lists
Wasp—Language for Developing Full-Stack JavaScript Web Apps With No Boilerplate77
wasp
Semantic Versioning Will Not Save You76
versioning, semver
UX in Scrum75
videos, user-experience, scrum, agile, processes
Measuring Web Performance in Mobile Safari (css)74
performance, testing, mobile, browsers, apple, safari
The Future of Web Software Is HTML-over-WebSockets (ali)73
outlooks, html, websockets
Introduction to ARIA Live Regions72
introductions, accessibility, aria, live-regions
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
10 Tips to Make You a Productive GitLab User (dns+)66
gitlab, productivity, tips-and-tricks
Context and Variables in the Hugo Static Site Generator (sma)65
hugo, variables
Optimizing Your CSS: Writing DRY, Scalable Styles (ath)64
css, optimization, maintainability, principles
Managing CSS Colors Systems With a Single Source of Truth63
css, colors, maintainability, sass, twig
Garbage Collection in JavaScript62
javascript, garbage-collection
Understanding Z-Index in CSS (sha)61
css, positioning
Front-of-the-Front-End and Back-of-the-Front-End Web Development (bra)60
career, concepts
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
Changing Content Output (5t3)57
eleventy
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
The Never-Ending Job of Selling Design Systems (ben/ali)53
design-systems
Seven Myths About Alt Text52
accessibility, alt-text, images, myths
Release Notes for Safari Technology Preview 120 (jon/web)51
release-notes, safari, apple, browsers
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
One Figma Component—3,360 Variants (uxd)42
components, figma
WebRTC Adopted as Official Web Standard41
webrtc, standards, apis, w3c
Things You Can Do With CSS Today (bel/sma)40
css, masonry, layout, selectors, functions, units
What’s New in ECMAScript 2021 (paw)39
ecmascript, standards
Self-Hosting a Git Service: An Easy Way to More Personal Freedom (kzi)38
git, hosting, command-line
Uniwidth Typefaces for Interface Design (uxd)37
typography, fonts
Hotwire: HTML Over the Wire36
hotwire
How to Use WordPress as a Headless CMS for Eleventy (cra)35
how-tos, wordpress, eleventy, content-management, headless
Adding Tailwind CSS to a Static Site34
tailwind
JavaScript Obfuscation: What, Why, and How?33
javascript, obfuscation
Building a Consistent Platform32
design-systems
An Introduction to the Rollup.js JavaScript Bundler (cra)31
introductions, javascript, bundling, tooling, rollup
What About Ember? (tka)30
emberjs, performance
The Unreasonable Effectiveness of Simple HTML (ede)29
html
Welcoming Open Web Docs to the MDN Family (chr/moz)28
mozilla, mdn, documentation, web-platform, community
The Dos and Don’ts of Code Reviews27
code-reviews, quality, learning
Svelte 3: A Radical Compiler-Based JavaScript Framework26
svelte
Browser Makers Launch New Project for Writing Documentation for Web APIs (cam/zdn)25
web-platform, documentation, google, microsoft, mozilla, w3c, igalia
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
Understanding Rendering in Web Apps: SPA vs. MPA17
rendering, web-apps, single-page-apps, multi-page-apps, comparisons
Laravel and Hotwire Intro16
introductions, laravel, hotwire
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
Testing Performance (kel)13
performance, testing
Front-End Performance 2021: Delivery Optimizations (vit/sma)12
performance, checklists, link-lists
Front-End Performance 2021: Build Optimizations (vit/sma)11
performance, checklists, link-lists, building
Front-End Performance 2021: Assets Optimizations (vit/sma)10
performance, checklists, link-lists, compression, images
Popup Problems (nng)9
videos, pop-ups, modals, usability
Developer Experience at Netlify (sar/net)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