Frontend Dogma

“2020” Archive (2)

Entry (Sources) and Other Related TopicsDate#
My Long Journey to a Decoupled WordPress Gatsby Site (css)308
,
Node.js vs. Deno: What You Need to Know307
, , ,
Create and Activate GitHub Profile README306
,
An Eleventy Starter With Tailwind CSS and Alpine.js (gre/css)305
, ,
CSS Transitions in Vue.js and Nuxt.js (sma)304
, , ,
How to Document the Screen Reader User Experience303
, , , ,
Building a Blog With Next.js (pan/css)302
,
Webwaste (ger/ali)301
, ,
The Vuetify Roadmap (vue)300
,
The Browser Engine That Could (jay)299
, , , , , , , , , , , , , , ,
A Beginner’s Guide to Microcontent298
, , ,
The Cicada Principle, Revisited With CSS Variables (lea)297
, ,
#defundAI (tan)296
,
Browser Wish List—Tabs Time Machine (kar)295
,
A Brief Introduction to WebGL294
, ,
We Need More Inclusive Web Performance Metrics (sco)293
, ,
The Ultimate Guide With All the Secrets You Will Need to Know to Become a Fabulous Design Unicorn (uxd)292
, ,
Learn Deno: A Secure JavaScript and TypeScript Runtime291
, , ,
WebGPU Fundamentals290
,
Introduction to Logging in Python289
, ,
Let’s Not Be Pedantic About “Open Source” (arp)288
,
Fast Sorting With Quicksort287
,
Learn Regex: A Beginner’s Guide286
,
Web Standards285
, , , , , ,
Namespaces in JavaScript (fla)284
,
How to Install Apache Web Server on Windows (cra)283
, , , , ,
What Is Type Coercion in JavaScript ?282
, ,
Information and Information Architecture: The Big Picture (sma)281
, , ,
Responsive Styling Using Attribute Selectors (css)280
, , ,
Learn GSAP in 23 Minutes279
,
Platform Adjacency Theory (sli)278
,
When Sass and New CSS Features Collide (ana/css)277
,
90’s Cursor Effects276
, ,
CSS Debt275
, , , , ,
Speeding Up My Shell (Oh My Zsh)274
, , ,
Where Do You Learn HTML and CSS in 2020? (chr/css)273
, , ,
In Defense of a Fussy Website (sar/css)272
, ,
CSS Fundamentals: Vendor Prefixing271
, ,
Hide Scrollbars During an Animation (chr/css)270
, , ,
A Practical Guide to Testing React Applications With Jest (sma)269
, , ,
What Is Brand Identity and Why Does It Matter?268
App Shell UX With Service Workers and Streams (jef/dev)267
, , , , ,
An Overview of Scroll Technologies (zac/css)266
, , , , ,
WAI–ARIA Usage (tpg)265
, , ,
GitHub CLI: A Guide to GitHub from the Command Line264
, ,
A Lazy Dark Mode263
,
Easing Animations in Canvas (css)262
, ,
Web Engine Diversity and Ecosystem Health (chr/css)261
,
Sending Emails in PHP With PHPMailer260
, ,
What Is Developer Experience (DX)? (chr/css)259
, ,
What Is P3P Policy and How Does It Work?258
, , ,
Remembrance of Tags Past (mey)257
, , , , , ,
Decentralization Off the Shelf256
,
JavasSript RORO Pattern255
,
Internationalization in Vue With the Vue I18N Plugin (sma)254
, , ,
Allow End-User Styling Overrides (alv)253
, ,
On Adding IDs to Headings (chr/css)252
,
How to Reverse CSS Custom Counters (css)251
, , ,
5 Myths About Jamstack (rem/css)250
,
How to Get All Custom Properties on a Page in JavaScript (tyl/css)249
, , ,
Higher-Order Components in React (sma)248
,
The Importance of Clarity in UX (uxd)247
,
Getting Started With HTML Using Glitch.com (jon)246
, , ,
How to Set Up a Blog With Eleventy245
, ,
How I Used Brotli to Get Even Smaller CSS and JavaScript Files at CDN Scale (css)244
, ,
Firebase Config in a React App (ama)243
, ,
What Is Parallax Scrolling, Explained With Examples242
, , ,
Meteor vs. Next? A Brutally Honest Answer241
, , ,
Why You Should Use SWC (and Not Babel) (log)240
, ,
How to Add a Sitemap to Eleventy239
, ,
Web Crawler vs. Web Scraper: The Differences238
, , ,
The Complete Guide to CSS Media Queries (kil/pol)237
, ,
Jekyll vs. Hugo vs. Gatsby vs. Next vs. Zola vs. Eleventy236
, , , , , , ,
5 Projects to Help You Master Modern CSS (cra)235
, , ,
A First Look at “aspect-ratio” (chr/css)234
,
Core Web Vitals (chr/css)233
, , ,
Dark Patterns in UX232
,
30 Seconds of Code231
, , ,
When Frontend Means Full Stack (chr)230
, , ,
The Expanding Gamut of Color on the Web (oll/css)229
, , ,
Equivalent Experiences: What Are They? (eri/sma)228
, , , ,
GitHub Actions: A Deep Dive Into “pull_request” (fro)227
, , ,
CUBE CSS (bel)226
,
Web Platform Contribution Guide (zco/boc)225
, , , ,
Getting Started With Axios in Nuxt (sma)224
, ,
Tools for Better Thinking223
, , ,
Building Reusable React Components Using Tailwind (sma)222
, , ,
Today’s JavaScript, From an Outsider’s Perspective (lea)221
On Fixed Elements and Backgrounds (hui)220
, , , ,
Some .zshrc Tricks (arp)219
, , , , ,
How to Design a Brand Logo (With Ease) (sma)218
, , , ,
A User’s Guide to CSS Variables (lea)217
, ,
Ask an Expert: Why Is CSS… the Way It Is? (svg)216
Micro-Frontends in Context215
How to Reevaluate Your Frontend Architecture214
,
Radio Buttons Are Like Selects; Checkboxes Are Like Multiple Selects (chr/css)213
,
Static Hoisting (rau)212
The Third Age of JavaScript (swy)211
, ,
The Secret of Typography, Kerning, Explained for Dummies (uxd)210
,
How to Build a Chrome Extension (sar/css)209
, , , ,
The 24 Boolean Attributes of HTML (j9t)208
,
What Every JavaScript Developer Should Know About Unicode207
,
Speed Up Google Fonts (css)206
, ,
First Steps Into a Possible CSS Masonry Layout (chr/css)205
, ,
The Need for Speed, 23 Years Later204
, ,
Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior203
, ,
Still Using Node.js? Deno 1.0 Is Here! (ant)202
, , , ,
Easily Use Design Tokens in Eleventy (hey)201
,
How to Tame Line Height in CSS (css)200
, ,
In Defense of the Modern Web (ric)199
, ,
Liquid vs. Nunjucks198
, , ,
Architecting Data in Eleventy (sia)197
Styling Components in React (sma)196
, , , , ,
How to Convince Others Not to Use Dark Patterns (boa/sma)195
, , , , ,
Maybe You Don’t Need That SPA194
, , ,
Developer Experience Metrics193
,
prerender.js (chr/css)192
,
Second-Guessing the Modern Web (tmc)191
, , , , ,
Designing Intrinsic Layouts (jen)190
, , , ,
Manipulating Arrays and Objects in JavaScript189
, , ,
Let’s Take a Deep Dive Into the CSS “contain” Property (css)188
,
Working With MDX Custom Elements and Shortcodes (css)187
, , ,
Reducing Design Risk (sma)186
,
Static Hoisting (chr/css)185
,
5 Tips to Get Your Dev Blog Running (j9t)184
, ,
An Introduction to Parcel.js, the No-Config Web Application Bundler (lou)183
, ,
Introducing Web Vitals: Essential Metrics for a Healthy Site (dev)182
, , , ,
“lh” and “rlh” Units (chr/css)181
,
CSS Functions Guide (eri/css)180
, , ,
What Is mTLS and How Does It Work?179
Alpine.js: The JavaScript Framework That’s Used Like jQuery, Written Like Vue, and Inspired by Tailwind CSS (cod/css)178
, , , , , ,
How to Succeed in Wireframe Design (sma)177
, , , ,
Implementing Dark Mode in React Apps Using styled-components (sma)176
, , ,
Invisible Design Systems (jin)175
,
Introduction to Netlify CMS (joe)174
, , ,
Getting Started With Nuxt (sma)173
,
“@ property” (chr/css)172
,
How to Make a CSS-Only Carousel (fon/css)171
, ,
“The Title ‘Front-End Developer’ Is Obsolete” (chr/css)170
,
SVG, Favicons, and All the Fun Things We Can Do With Them (eri/css)169
, , ,
Dark Mode and Variable Fonts (fon/css)168
, , ,
Accessible Font Sizing, Explained (css)167
, , , ,
The 4 Pillars of Good Embed Code (j9t)166
, ,
Exploring Node.js Internals (sma)165
Real-World Effectiveness of Brotli (css)164
, , ,
Fake Code (chr/css)163
The Cost of JavaScript Frameworks (tka)162
, , , , , , ,
How to Create a Compelling Landing Page (boa/sma)161
, , ,
Can JavaScript Detect the Browser’s Zoom Level? (chr/css)160
, ,
Recursive Functions in TypeScript159
,
Quick Tip: How to Hide Whitespace Changes in Git Diffs (spa/clo)158
, , , , ,
Christopher Schmitt (yat)157
Everything You Should Know About SSH and SSH Key Exchange156
, ,
Creating Color Themes With Custom Properties, HSL, and a Little “calc()” (css)155
, , , ,
98.css154
, ,
W3C Finalizes Web of Things (WoT) Recommendations (inf)153
,
Best Practices With React Hooks (sma)152
, ,
How to Create a Particle Trail Animation in JavaScript (sma)151
, ,
Learn Programming (jad)150
, , ,
No-Class CSS Frameworks (chr/css)149
, ,
Listboxes vs. Dropdown Lists148
, , ,
HTML Tips (mar)147
,
Getting Started With the React Hooks API (sma)146
, , ,
Usability Testing for Voice Content (ali)145
, ,
Why I Don’t Use a Static Site Generator (kev)144
,
Web Animations in Safari 13.1 (web)143
, , , , ,
The Web Development Glossary (j9t/fro)142
, , , , ,
No Need to Protect Your Website From Scraping: 8 Reasons141
, , ,
What to Use Instead of Number Inputs (chr/css)140
,
React Folder Structure in 5 Steps (rwi)139
,
How to Create a Native Web Component Without a Framework138
, ,
What’s New in ECMAScript 2020 (paw)137
,
Why Do Some HTML Elements Become Deprecated? (css)136
,
The Frameworks Paradox (j9t)135
The Devastating Price Developers Pay for Working Hard134
, , ,
Creating a Similar Post Component With Eleventy (fos)133
,
How to Build a Bad Design System (fon/css)132
,
No Web Without Women131
,
Why “Dark Mode” Causes More Accessibility Issues Than It Solves130
,
How They Fit Together: Transform, Translate, Rotate, Scale, and Offset (chr/css)129
,
4 CSS Grid Properties (and One Value) for Most of Your Layout Needs (css)128
, ,
MEAN Stack: Build an App With Angular and the Angular CLI127
, , , , ,
The Component Gallery126
,
Start Render: The Web Performance Metric That Heralds the End of the Blank Page125
, ,
On the Responsibility That Comes With Good JavaScript Support (j9t)124
,
An Introduction to MDXJS (css)123
, ,
How to Debug a Node.js Application: Tips, Tricks, and Tools (cra)122
, , , , ,
Performance Tips: Minifying HTML, CSS, and JS121
, , , , , ,
How to Use an Emoji as a Favicon Easily (chr/css)120
, , , ,
Margin Considered Harmful119
, ,
Different Favicon for Development (chr/css)118
, ,
Neumorphism and CSS (cod/css)117
, ,
The Complete Guide to the Dark Mode Toggle116
, ,
Creating Sortable Tables With React (sma)115
, ,
Mutual TLS: Stuff You Should Know114
, ,
A Practical Overview of CSS Houdini (cod/sma)113
, , , ,
The CSS Calculating Function Guide (chr/css)112
, , , ,
How to Create a “Skip to Content” Link (css)111
, , , ,
Tools for Optimizing SVG (chr/css)110
, , , ,
The Rise of the No-Code Movement109
,
10 Behavior Patterns for UX Design (uxd)108
Testing With Jest: An Introduction (hac)107
, ,
Quick Tip: Configuring nginx and SSL With Node.js106
, , , , ,
Accessible SVGs: Inclusiveness Beyond Patterns (car/sma)105
, , ,
How to Make a Line Chart With CSS (css)104
, ,
Fluid Width Video (chr/css)103
, ,
10 Git Techniques You Need to Know Before You Join a Team102
, ,
Setting Height and Width on Images Is Important Again (tun/sma)101
, , ,
The Perils of Rehydration (jos)100
,
Currying in CSS (chr/css)99
A Beginner’s Guide to Webpack98
,
Optimize CSS Background Images With Media Queries (dev)97
, , , ,
Why Are We Talking About CSS4? (rac/sma)96
,
4 Ways to Animate the Color of a Text Link on Hover (kat/css)95
, , ,
How Emojis Work (joe)94
,
Unfortunately, “clip-path: path()” Is Still a No-Go (ana/css)93
,
Simple Systems Have Less Downtime92
Marginalized by Design (hey/que)91
, , ,
Google Confirms Microformats Are Still a Recommended Metadata Format for Content (www)90
, , , ,
Where Does SEO Belong in Your Web Design Process? (sma)89
, ,
Cross-Cultural Design (ali)88
,
Why Is CSS Frustrating? (fon/css)87
Don’t Try to Sanitize Input—Escape Output86
, ,
What Does a Foldable Web Actually Mean? (fre/sma)85
, ,
A Cheatsheet of 128 Cheatsheets for Developers84
,
Vue.js: The Documentary83
, ,
The Spirit of “View Source” (jim)82
, , ,
Setting Up Tailwind CSS in a React Project (sma)81
,
The Economics of JavaScript Web Apps80
, ,
An Introduction to MongoDB79
, ,
Improving Perceived Performance With the CSS “font-display” Property (the)78
, ,
Better Stimulus77
, ,
Console Commands Guide (css)76
, , , , ,
Fixed Headers and Jump Links? The Solution Is “scroll-margin-top” (chr/css)75
, ,
Ruby vs. Ruby on Rails: Same or Different?74
, , , ,
Page Builders Might Not Be a Good Idea (cit)73
, , ,
Understanding Web Accessibility Color Contrast Guidelines and Ratios (css)72
, , ,
Do This to Improve Image Loading on Your Website (fon/css)71
, ,
How We Learned to Draw Text on HTML5 Canvas70
, , , ,
Google Tag Manager vs. Page Speed: The Impact and How to Improve69
, , , ,
What Is Kerning? Here’s What You Need to Know68
,
HTML Data Attributes Guide (chr/css)67
, ,
What Is Node and When Should I Use It?66
, ,
Why JavaScript Is Eating HTML (css)65
, , ,
What Is Memoization?64
, ,
AVIF for Next-Generation Image Coding63
, ,
Understanding Map and Set in JavaScript62
Apple Joins FIDO Alliance, Commits to Getting Rid of Passwords (zdn)61
, , , ,
Understanding CSS Grid: Grid Template Areas (rac/sma)60
, ,
IME Smoke Testing (hsi)59