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