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

“2020” News Archive (2)

Entry (Sources) and Additional TopicsDate#
The Developer’s Dilemma (fla)116
tooling, developer-experience
Setting Height and Width on Images Is Important Again (tun/sma)115
html, images, performance, web-vitals
The Perils of Rehydration (jos)114
react, hydration
Currying in CSS (chr/css)113
css
A Beginner’s Guide to Webpack112
guides, webpack
Optimize CSS Background Images With Media Queries111
css, images, backgrounds, media-queries, optimization
Why Are We Talking About CSS4? (rac/sma)110
css, standards
How Emojis Work (joe)109
emoji, unicode
4 Ways to Animate the Color of a Text Link on Hover (kat/css)108
links, colors, animations, css, hover
Google Confirms Microformats Are Still a Recommended Metadata Format for Content (www)107
google, microformats, metadata, search, support
Unfortunately, “clip-path: path()” Is Still a No-Go (ana/css)106
css, clipping
Marginalized by Design (hey/que)105
design, community, dei, career
Simple Systems Have Less Downtime104
simplicity
Where Does SEO Belong in Your Web Design Process? (sma)103
seo, design, processes
Best Practices for News Coverage With Search102
search, amp
Cross-Cultural Design (ali)101
design, culture
Don’t Try to Sanitize Input—Escape Output100
security, sanitization, escaping
Why Is CSS Frustrating? (fon/css)99
css
Negative Margins in CSS (ppk)98
css, margins, box-model
What Does a Foldable Web Actually Mean? (fre/sma)97
mobile, responsive-design, user-experience
A Cheatsheet of 128 Cheatsheets for Developers96
cheat-sheets, link-lists
Setting Up Tailwind CSS in a React Project (sma)95
tailwind, react
The Spirit of “View Source” (jim)94
view-source, learning, dev-tools, browsers
Vue.js: The Documentary93
videos, vuejs, history
Improving Perceived Performance With the CSS “font-display” Property (the)92
performance, css, fonts
The Economics of JavaScript Web Apps91
javascript, web-apps, economics
An Introduction to MongoDB90
introductions, mongodb, databases
Better Stimulus89
websites, stimulus, best-practices
Console Commands Guide (css)88
guides, debugging, console, javascript, dev-tools, browsers
Fixed Headers and Jump Links? The Solution Is “scroll-margin-top” (chr/css)87
scrolling, positioning, css
Encrypting DNS Query Bad for Performance? (erw)86
performance, dns, http, encryption, security
Page Builders Might Not Be a Good Idea (cit)85
maintainability, consistency, performance, quality
Ruby vs. Ruby on Rails: Same or Different?84
ruby, ruby-on-rails, terminology, metrics, comparisons
Do This to Improve Image Loading on Your Website (fon/css)83
performance, images, html
Understanding Web Accessibility Color Contrast Guidelines and Ratios (css)82
accessibility, colors, contrast, wcag
How We Learned to Draw Text on HTML5 Canvas81
html, canvas, apis, svg, javascript
Google Tag Manager vs. Page Speed: The Impact and How to Improve80
google, tag-management, analytics, performance, optimization
What Is Kerning? Here’s What You Need to Know79
typography, kerning
HTML Data Attributes Guide (chr/css)78
guides, html, custom-data
What Is Node and When Should I Use It?77
nodejs, npm, javascript
What Is Memoization?76
memoization, javascript, concepts
Why JavaScript Is Eating HTML (css)75
html, css, javascript, maintainability
AVIF for Next-Generation Image Coding74
avif, images, compression
Understanding CSS Grid: Grid Template Areas (rac/sma)73
css, grids, layout
IME Smoke Testing (hsi)72
testing
Apple Joins FIDO Alliance, Commits to Getting Rid of Passwords (sjv/zdn)71
apple, fido, passwords, authentication, security
Understanding Map and Set in JavaScript70
javascript
What Is CSS4? (ppk)69
css, standards
Design System UI Is More Expensive Than a Product Team’s UI (nat)68
design-systems, design
The Web We Want (mar+)67
surveys, standards, tooling, web
How to Publish an Updated Version of an npm Package (spa/clo)66
how-tos, npm, dependencies
Is Having an RSS Feed Just Giving Content Away for Free? (chr/css)65
syndication, rss, content, blogging
Progressive Brand Enhancement in Design Systems (fro)64
design-systems, progressive-enhancement, branding, design
Create a sitemap.xml With Eleventy (bel)63
eleventy, sitemaps
Playing With CSS Grid (jus)62
css, grids, layout
Select an Element With a Non-Empty Attribute (chr/css)61
css, selectors, custom-data, html
Release Notes for Safari Technology Preview 💯 (jon/web)60
release-notes, safari, browsers
CSS4 (chr/css)59
css, standards
How to Create a Headless WordPress Site on the Jamstack (sar+/sma)58
how-tos, wordpress, headless, jamstack
PHP Is A-OK for Templating (css)57
php
The Three Types of Code (fon/css)56
programming, concepts
Progressive JPEGs: An Introduction55
introductions, jpeg, pjpeg, images, compression
Dark Mode vs. Light Mode: Which Is Better? (nng)54
dark-mode, usability, accessibility, comparisons
Information Scent: How Users Decide Where to Go Next (nng)53
links, usability, information-scent
Introduction to WebSockets: How to Create Responsive and Low-Latency Applications (hac)52
introductions, how-tos, protocols, apis, websockets
Old CSS, New CSS (eev)51
css, html, history, examples, browser-wars, doctypes, dhtml, web-2.0, hacks, vendor-extensions, flexbox, layout
How to Automatically Update Your JavaScript Dependencies (spa/clo)50
how-tos, javascript, dependencies, automation, processes, security
Understanding Immutability in JavaScript (css)49
javascript
How Do You Do “max-font-size” in CSS? (chr/css)48
css, typography
Professional Agile Leadership (PAL) Reminders and Resources (j9t)47
agile, leadership, engineering-management, learning, link-lists
What SSL Is, and Which Certificate Type Is Right for You46
ssl, certificates, security, privacy, concepts
Undo/Redo Implementations in Text Editors45
undo-redo, neovim, redux
What Does “revert” Do in CSS? (chr/css)44
css, cascade
How to Install MySQL (cra)43
how-tos, installing, mysql, databases
What’s the Difference Between Width/Height in CSS and Width/Height HTML Attributes? (chr/css)42
css, html, attributes, comparisons
Standards for Writing Accessibly (and/ali)41
writing, content, conventions, accessibility, user-experience, screen-readers, colors, icons
How to Pass Data Between Components in Vue.js (sma)40
how-tos, components, vuejs
The Web in 2020: Extensibility and Interoperability (una/css)39
web-platform, extensibility, interoperability, houdini, variable-fonts, custom-properties, logical-properties, web-components, media-queries, performance
The History of JavaScript: A Journey From Netscape to Frameworks and Libraries38
history, javascript, frameworks, libraries, netscape
JAMstack vs. Jamstack (chr/css)37
jamstack, terminology, comparisons
Sunsetting Support for Data-Vocabulary (dan)36
google, search, structured-data
New Browser on the Block: Flow (ppk)35
browsers
Edgium (chr/css)34
edge, browsers, chromium
React Tutorial (jad)33
websites, courses, tutorials, react
The Best Color Functions in CSS? (chr/css)32
css, functions, colors
Using MySQL With Node.js and the mysql JavaScript Client31
databases, mysql, nodejs, tooling
Thinking Through Styling Options for Web Components (chr/css)30
web-components, css
A Web Component With Different HTML for Desktop and Mobile (chr/css)29
web-components, html, mobile, desktop
Go: How Does Go Stop the World?28
go, garbage-collection, memory
CSS4 Is Here! (ppk)27
css
Learn End-to-End Testing With Puppeteer26
tutorials, testing, puppeteer
Today, the Trident Era Ends (sch)25
trident, browser-engines, browsers, edge, edgehtml, internet-explorer, history
How Many CSS Properties Are There? (chr/css)24
css
15 Top WordPress Themes to Use in 202023
wordpress, themes, link-lists
An Introduction to React’s Context API (sma)22
introductions, react, apis
If It Can Be Done Using an HTTP Header, Use an HTTP Header (j9t)21
maintainability, maintenance, http, http-headers, html
Snowpack (chr/css)20
tooling, building
Padding Strings and Numbers With JavaScript19
javascript, strings
An Intro to Designing Accessible Data Visualizations (fos)18
introductions, design, accessibility, visualization, information-design
Should You Self-Host Google Fonts? (tun)17
fonts, google, self-hosting, performance
Goodbye, Clean Code (dan)16
principles, processes, quality
CSS-Only Carousel (chr/css)15
carousels, css
Understanding CSS Grid: Grid Lines (rac/sma)14
css, grids, layout
2019 JavaScript Rising Stars (sac)13
javascript, frameworks, nodejs, react, vuejs, angular, testing, compiling, building, tooling, mobile, css-in-js, graphql, retrospectives
Improving Site Performance With Webpack Tree Shaking12
performance, optimization, webpack, tree-shaking
My Secret Weapon for Design Inspiration (buz)11
design, creativity
How to Convert Variable TTF Font Files to WOFF2 (hen)10
how-tos, fonts, variable-fonts, ttf, woff, typography, conversion
Understanding Async Await (sar/css)9
javascript, asynchrony, promises
Decision Strategies for a Micro Frontends Architecture (inf)8
architecture, micro-frontends
Performance Budgets, Pragmatically (css)7
performance, performance-budgets
Why You Should Choose HTML5 “article” Over “section” (bru/sma)6
html, semantics, headings
Understanding CSS Grid: Creating a Grid Container (rac/sma)5
css, grids, layout
How Running Your Own Website Is Much Better for You Than You Think (j9t)4
career, craft, indieweb
Eleventail—a Helper for Tailwind CSS and Eleventy (phi)3
tooling, tailwind, eleventy
Putting Devs Before Users: How Frameworks Destroyed Web Performance2
frameworks, performance, developer-experience
Tachyons—the CSS Framework You Never Knew You Needed1
tachyons