Frontend Dogma

“2020” Archive

Entry (Sources) and Other Related TopicsDate#
A Practical Introduction to Dependency Injection (sma)358
, ,
HTML and CSS Techniques to Reduce Your JavaScript (ant/per)357
, , ,
Ethical Design Guide (lia)356
, ,
The Art of Leadership (eri)355
What’s Coming to Vuex? (joe/sma)354
, ,
WordPress Cookies (wpe)353
,
Symbols to Copy (des)352
,
Using “throw” as an Expression in PHP 8 (ami)351
A Beginner’s Guide to Webpack (cod/sit)350
,
Get Up to Speed With Partial Clone and Shallow Clone (sto/git)349
Ignore AMP (j9t)348
,
Meet Redwood, a Full-Stack, Serverless Jamstack Framework (sit)347
, ,
Why You Should Self-Host Google Fonts in 2021 (gij)346
,
The Shorthand–Longhand Problem in Atomic CSS (rob)345
, , , ,
Page Weight (hen/htt)344
, , , ,
JavaScript (tka/htt)343
, , , ,
Houdini.how (una/dev)342
, , ,
Is Edge Computing Secure? Here Are 4 Security Risks to Be Aware Of (tre)341
,
Accessibility (olu+/htt)340
, , , ,
TLS and mTLS Demystified339
, ,
CSS (lea+/htt)338
, , , ,
Notes on Zsh and Oh My Zsh (spe)337
Notes on HTML 3.2 (j9t)336
How to Display the Last Build Date in Eleventy (ste)335
,
Command Line Interface Guidelines (aan+)334
, ,
CommonMark: A Formal Specification for Markdown (ade/sma)333
, ,
Alt vs. Figcaption (ela/tho)332
, ,
The State of UX: 100 Design Lessons for 2021 (fab+/uxd)331
, ,
Time to Say Goodbye to Google Fonts: Cache Performance (zwa)330
, , ,
Weaving Web Accessibility With Usability (ur/sma)329
, ,
Why It’s Good for Users That HTML, CSS, and JS Are Separate Languages (hdv)328
, ,
Know Your Standards (ste)327
, , , , ,
To Be Creative, Practice (pau/wea)326
,
Testing Vue Applications With the Vue Testing Library (dom/sma)325
, ,
Leveraging System Fonts on the Web (jim)324
Best Practices for Inclusive Textual Websites (sei)323
, , ,
CSS Vendor Prefixes322
,
Standardizing Select and Beyond: The Past, Present, and Future of Native HTML Form Controls (sea/sma)321
,
Upgrade Your HTML II (j9t/fro)320
, , , , ,
A GitHub Action for Automated Deployment to WP Engine (clo)319
, , , ,
Semantic Web With Structured Data (bar/cry)318
, ,
New WebKit Features in Safari 14 (jon/web)317
, , , ,
How to Deal With Common React JS Problems—Actionable Tips (bra)316
, ,
Creating a Continuous Integration Test Workflow Using GitHub Actions (sma)315
, , ,
Google Is Already Experimenting With WebP2 As Successor To WebP Image Format (mic/pho)314
, ,
Warp: Improved JS Performance in Firefox 83 (jan/moz)313
, , , , , ,
What’s New in Vue 3? (tim/sma)312
Career Opportunities Mean a Lot of Things (kar)311
The What, Why, and How of Using a Skeleton Loading Screen (tre)310
,
Authenticating React Apps With Auth0 (nef/sma)309
, , ,
Markup (j9t+/htt)308
, , , ,
Write Better Code and Be a Better Programmer by Avoiding “else” Statements (dgl)307
,
The Raven Technique: One Step Closer to Container Queries (bat/css)306
, ,
Webmentions and Eleventy Talk (sia)305
, ,
How to Find and Fix Common Website Accessibility Issues (kil/sit)304
, , , , , ,
Internationalization and Localization for Static Sites (snu/sma)303
, ,
What Is Section 508 and Why Does It Matter? (deq)302
, ,
Native CSS Masonry Layout in CSS Grid (rac/sma)301
, , ,
Chasing the Pixel-Perfect Dream (jos)300
,
The Principles of Visual Communication (lal/sma)299
, , ,
Bootstrap vs. Materialize Showdown (htm)298
, , ,
Are Template Engines Still Relevant in 2020? (rze)297
, , , ,
Authentication in Vue.js (pga/sma)296
,
A General Introduction to Cloud Computing (eri/dig)295
, , ,
Getting Started With Next.js (ade/sma)294
, ,
Touch, Point, Click: Mouse vs. Touch Screen Input (gra/pro)293
, ,
Handling Continuous Integration and Delivery With GitHub Actions (lim/sma)292
, , , , ,
Come Full Circle—Back to HTML291
, ,
New Google Quality Rater Guidelines, Update Adds Emphasis on Needs Met (jen/the)290
, , ,
Core Web Vitals: A Guide to Google’s Web Performance Metrics (cra/sit)289
, , ,
How to Test Responsive Web Design Cross-Browser Compatibility (cra/sit)288
, , , ,
Signed Exchanges (SXGs) (kat+/dev)287
, , ,
An Opinionated Guide to Accessibility Testing (iai)286
, ,
CSS “min()”, “max()”, and “clamp()” (una/dev)285
, ,
An Introduction to JSX (sit)284
,
The “-​-var: ;” Hack to Toggle Multiple Values With One Custom Property (lea)283
, , ,
What Apple, Google, and Amazon’s Websites Looked Like in 1999 (bri/mas)282
,
How to Find the Cause of Horizontal Scrollbars (kil/pol)281
, , , ,
Getting Started With React: A Beginner’s Guide (myx/sit)280
, , ,
How to Design a Set of Icons (hub)279
, ,
Apache Configuration Basics (lin)278
, , ,
Tuning Your Apache Server (lin)277
, , ,
How to Create High-Performance CSS Animations (kay+/dev)276
, , ,
Micro-Note on “aria-roledescription” (ste)275
,
CSS Variables 101 (sha)274
A Guide to HTML and CSS Forms (No Hacks) (mrd/sit)273
, , ,
GitLab vs. GitHub—a Comparison of the Two Version Control Systems (ion)272
, , ,
Reducing the Site Speed Impact of Third-Party Tags (and)271
,
Unit Testing in React Native Applications (cod/sma)270
, ,
Webflow vs. WordPress: A Head-to-Head Comparison (the/sit)269
, , , ,
“font-kerning” (geo/css)268
, ,
Building and Running WebKit (mar)267
,
Drawing the Invisible: React Explained in Five Visual Metaphors (map/egg)266
,
Smashing Podcast Episode 25 With Anthony Campolo: What Is RedwoodJS? (ajc+/sma)265
, , ,
Custom Properties: Questioning “:root” (j9t)264
, ,
The Good Web and the Bad Web (kzi)263
, ,
Advanced GraphQL Usage in Gatsby Websites (lim/sma)262
, ,
Generate a Sitemap for Your Eleventy Website (loi)261
, ,
Basic Math in JavaScript—Numbers and Operators (mdn)260
, ,
Mastering Wrapping of Flex Items (mdn)259
, ,
MIME Types (IANA Media Types) (pet/mdn)258
npx [Cheatsheet]257
, ,
React With TypeScript: Best Practices (jsj/sit)256
, ,
Animating React Components With GreenSock (bev/sma)255
, , , ,
Getting Started With Eleventy (11ty) (hey/tim)254
, ,
An Introduction to Running Lighthouse Programmatically (k80/sma)253
, , ,
Creating a Custom Cursor Using CSS? (fak)252
, , ,
AVIF Has Landed (jaf)251
, , , , , , , ,
How to Automate API Testing With Postman (dom/sma)250
, , , ,
A Brief About Web Browser Wars249
, ,
Building React Apps With Storybook (kvn/sma)248
,
How the Heck Do I Use Eleventy? The Intro Guide I Wish I Had (tar)247
, ,
Everything Developers Need to Know About Figma (jur/sma)246
,
Adversarial Interoperability (plu/sit)245
, , ,
Electron 10.0.0 (kee/ele)244
,
How to Create Customer-Centric Landing Pages (tra/sma)243
, , ,
9 Best CSS Frameworks in 2020 (ath)242
, , , , , , , , , , ,
The Thing With Leading in CSS (mat)241
,
Use Advanced Typography With Local Fonts (tom/dev)240
, ,
Why Did Mozilla Remove XUL Add-Ons?239
, ,
Loading Third-Party JavaScript (add+/dev)238
,
“this” in JavaScript and TypeScript (dea)237
,
Microsoft Will Bid Farewell to Internet Explorer and Legacy Edge in 2021 (tom/ver)236
, , ,
The Anti-Reset (to Reset to User Agent Styles) (j9t)235
,
Mastering Props and PropTypes in React (dav/sma)234
,
21 Node.js Interview Questions With Solutions (bea/sit)233
,
Effective Code Browsing (akn)232
A Smashing Guide to the World of Search Engine Optimization (fre/sma)231
, ,
JS Minification Benchmarks (pri)230
, ,
Accessibility in Chrome DevTools (uma/sma)229
, , , ,
Meet Polypane, a Browser That Makes You Five Times Faster (kil/sit)228
, , ,
Islands Architecture (de)227
, ,
Performance Is an Issue of Equity (meg/clo)226
,
Smashing Podcast Episode 22 With Chris Coyier: What Is Serverless? (chr+/sma)225
, , ,
Better Error Handling in Node.js With Error Classes (dom/sma)224
, ,
Difference Between Concurrent Versions System (CVS) and Subversion (SVN) (gee)223
, , ,
Vue vs. React in 2021: Which Framework to Choose and When (mon)222
, , ,
In a Land Before Dev Tools (amb)221
,
The Renaissance of No-Code for Web Designers (ur/sma)220
,
Introduction to Metrics, Monitoring, and Alerting (sem)219
, , ,
Updating React at Etsy (san)218
, , ,
Accessibility on the Canvas With JavaScript (dr)217
, ,
Introduction to Memoization in JavaScript (hic/jav)216
, ,
Writing Alt Text for Data Visualization (amy/dat)215
, , , , ,
How to Use Styled Components in React (ade/sma)214
, , , ,
Modern CSS Techniques to Improve Legibility (edo/sma)213
, , ,
The Recruitment Confusion Matrix and Your Right to Be Wrong212
,
ReactJS: A Simple Custom Hook (hey/tim)211
,
Why We Moved a 20-Year-Old Site to Gatsby (abo/sit)210
,
Terminating a Frozen SSH Session209
,
JSON-LD 1.1 (man+/w3c)208
, ,
Release Notes for Safari Technology Preview 110 (jon/web)207
, , ,
Methods of Improving and Optimizing Performance in React Apps (cod/sma)206
, ,
An Introduction to Stimulus.js (mik/sma)205
, ,
JavaScript to Know for React (ken)204
,
Most Popular JavaScript Frameworks in 2020203
, , , , , , ,
Crowdfunding Web Platform Features With Open Prioritization (rac/sma)202
,
Node.js vs. Deno: What You Need to Know (nil/sit)201
, , ,
Create and Activate GitHub Profile README (hey/tim)200
,
CSS Transitions in Vue.js and Nuxt.js (tim/sma)199
, , ,
How to Document the Screen Reader User Experience (bbc)198
, , , ,
Webwaste (ger/ali)197
, ,
The Vuetify Roadmap (vue)196
,
Browser Wish List—Tabs Time Machine (kar)195
,
The Cicada Principle, Revisited With CSS Variables (lea)194
, ,
A Beginner’s Guide to Microcontent (nwc)193
, , ,
The Browser Engine That Could (jay)192
, , , , , , , , , , ,
The Ultimate Guide With All the Secrets You Will Need to Know to Become a Fabulous Design Unicorn (uxd)191
, ,
A Brief Introduction to WebGL (tra)190
, ,
We Need More Inclusive Web Performance Metrics (sco/fil)189
, ,
Learn Deno: A Secure JavaScript and TypeScript Runtime (nil/sit)188
, , ,
WebGPU Fundamentals (gre)187
,
Introduction to Logging in Python (jim/tda)186
, ,
Let’s Not Be Pedantic About “Open Source” (arp)185
,
Web Standards (key)184
, , , , , ,
Fast Sorting With Quicksort (kir)183
,
Learn Regex: A Beginner’s Guide (myx/sit)182
,
What Is Type Coercion in JavaScript ? (gee)181
, ,
Information and Information Architecture: The Big Picture (sma)180
, , ,
Namespaces in JavaScript (fla)179
,
How to Install Apache Web Server on Windows (cra+/sit)178
, , , , ,
Platform Adjacency Theory (sli)177
,
Learn GSAP in 23 Minutes (dev)176
,
90’s Cursor Effects (twh)175
, ,
CSS Debt (mtm)174
, , , , ,
Speeding Up My Shell (Oh My Zsh) (mjc)173
, , ,
CSS Fundamentals: Vendor Prefixing (eas/itn)172
, ,
A Practical Guide to Testing React Applications With Jest (dav/sma)171
, , ,
App Shell UX With Service Workers and Streams (dre+/dev)170
, , , , ,
WAI–ARIA Usage (gez/tpg)169
, , ,
GitHub CLI: A Guide to GitHub from the Command Line (myx/sit)168
, ,
A Lazy Dark Mode (toa)167
,
Sending Emails in PHP With PHPMailer (nar+/sit)166
, ,
Decentralization Off the Shelf (sim)165
,
What Is P3P Policy and How Does It Work? (log)164
, , ,
Remembrance of Tags Past (mey/tor)163
, , , , , ,
JavasSript RORO Pattern162
,
Internationalization in Vue With the Vue I18N Plugin (tim/sma)161
, , ,
Allow End-User Styling Overrides (alv)160
, ,
Higher-Order Components in React (cod/sma)159
,
The Importance of Clarity in UX (tha/uxd)158
,
How to Set Up a Blog With Eleventy (mtm)157
, ,
Meteor vs. Next? A Brutally Honest Answer (chr)156
, , ,
Why You Should Use SWC (and Not Babel) (log)155
, ,
The Complete Guide to CSS Media Queries (kil/pol)154
, ,
How to Add a Sitemap to Eleventy (mtm)153
, ,
Web Crawler vs. Web Scraper: The Differences (gab)152
, , ,
Jekyll vs. Hugo vs. Gatsby vs. Next vs. Zola vs. Eleventy (mtm)151
, , , , , , ,
5 Projects to Help You Master Modern CSS (cra/sit)150
, , ,
Dark Patterns in UX (aly/tel)149
,
30 Seconds of Code (30s)148
, , ,
Equivalent Experiences: What Are They? (eri/sma)147
, , , ,
Web Platform Contribution Guide (zco+/boc)146
, , , ,
Getting Started With Axios in Nuxt (tim/sma)145
, ,
On Fixed Elements and Backgrounds (hui)144
, , , ,
Tools for Better Thinking (amr)143
, , ,
Today’s JavaScript, From an Outsider’s Perspective (lea)142
Building Reusable React Components Using Tailwind (til/sma)141
, , ,
Some .zshrc Tricks (arp)140
, , , , ,
How to Design a Brand Logo (With Ease) (sma)139
, , , ,
A User’s Guide to CSS Variables (lea/inc)138
, ,
Ask an Expert: Why Is CSS… the Way It Is? (svg/inc)137
Micro-Frontends in Context (luc/inc)136
How to Reevaluate Your Frontend Architecture (ian/inc)135
,
Static Hoisting (rau)134
The Secret of Typography, Kerning, Explained for Dummies (cre/uxd)133
,
The Third Age of JavaScript (swy)132
Speed Up Google Fonts (css)131
, ,
What Every JavaScript Developer Should Know About Unicode (pan)130
,
The 24 Boolean Attributes of HTML (j9t)129
,
Blogged Answers: A (Mostly) Complete Guide to React Rendering Behavior (ace)128
, ,
The Need for Speed, 23 Years Later (kwh/nng)127
, ,
Easily Use Design Tokens in Eleventy (hey)126
,
Liquid vs. Nunjucks125
, , ,
Architecting Data in Eleventy (sia)124
Styling Components in React (cod/sma)123
, , , , ,
How to Convince Others Not to Use Dark Patterns (boa/sma)122
, , , , ,
Maybe You Don’t Need That SPA (mlr)121
, , ,
Developer Experience Metrics (cav)120
,
Designing Intrinsic Layouts (jen/ane)119
, , ,
Second-Guessing the Modern Web (tmc)118
, , , ,
Manipulating Arrays and Objects in JavaScript (kam/roa)117
, , ,
Reducing Design Risk (uxc/sma)116
,
5 Tips to Get Your Dev Blog Running (j9t)115
, ,
An Introduction to Parcel.js, the No-Config Web Application Bundler (lou/wps)114
, ,
What Is mTLS and How Does It Work? (fre)113
How to Succeed in Wireframe Design (ant/sma)112
, , , ,
Implementing Dark Mode in React Apps Using Styled-Components (bev/sma)111
, , ,
Introduction to Netlify CMS (joe)110
, , ,
Invisible Design Systems (jin/wea)109
,