Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦, and take action against Israel’s genocide on the Palestinian people and the destruction of Palestine 🇵🇸 Protest, boycott, cut all ties. Hide

Frontend Dogma

“2020” News Archive

Entry (Sources) and Other Related TopicsDate#
Give Your Eleventy Site Superpowers With Environment Variables (bel/css)568
, ,
A Practical Introduction to Dependency Injection (sma)567
, ,
HTML and CSS Techniques to Reduce Your JavaScript566
, , ,
Ethical Design Guide565
, ,
Integrating TypeScript With Svelte (ada/css)564
,
What’s Coming to Vuex? (sma)563
, ,
The Art of Leadership562
Continuous Performance Analysis With Lighthouse CI and GitHub Actions (css)561
, , ,
Symbols to Copy560
,
WordPress Cookies (wpe)559
,
Using “throw” as an Expression in PHP 8 (ami)558
“Yes or No?” (chr/css)557
, ,
CSS Snapshot 2020 (tab+/w3c)556
,
How the Web Is Really Built (lea/css)555
, ,
Ignore AMP (j9t)554
,
A Beginner’s Guide to Webpack553
,
Get Up to Speed With Partial Clone and Shallow Clone (sto/git)552
Optimizing Image Depth (mey/css)551
, , ,
I Learned to Love the Same-Origin Policy (eee/css)550
,
Meet Redwood, a Full-Stack, Serverless Jamstack Framework549
, ,
W3C in 2020 (koa/w3c)548
, ,
Why You Should Self-Host Google Fonts in 2021547
,
What’s New in WCAG 2.1: Label in Name (css)546
, ,
Debugging CSS (chr/css)545
, ,
Netlify and Next.js (chr/css)544
,
The Shorthand–Longhand Problem in Atomic CSS (rob)543
, , , ,
Make It Personal (mat/css)542
,
How and Why to Use Lynx—the Faster Web Browser (ede)541
,
Page Weight (htt)540
, , , ,
JavaScript (tka/htt)539
, , , ,
How to Create a Favicon That Changes Automatically (css)538
, , ,
“npm ruin dev” (ada/css)537
, , , ,
Is Edge Computing Secure? Here Are 4 Security Risks to Be Aware Of536
,
Accessibility (htt)535
, , , ,
TLS and mTLS Demystified534
, ,
Houdini.how (una/dev)533
, , ,
CSS (lea+/htt)532
, , , ,
Very Extremely Practical CSS Art (mia/css)531
,
Notes on Zsh and Oh My Zsh (spe)530
,
The Power of Web Development Outside Tech (css)529
,
Notes on HTML 3.2 (j9t)528
Command Line Interface Guidelines527
, ,
How to Display the Last Build Date in Eleventy (ste)526
,
Happier HTML5 Form Validation in Vue (chr/css)525
, , , , ,
CommonMark: A Formal Specification for Markdown (sma)524
, ,
Minimal Takes on Faking Container Queries (chr/css)523
, , ,
How to Make an Area Chart With CSS (css)522
, , ,
The Internet’s Server-Based Infrastructure Is Ushering Us Through the Pandemic—Here’s How the W3C Is Helping521
, , ,
Alt vs. Figcaption (tho)520
, ,
Why Choose TYPO3 CMS for Your Website519
, ,
Native CSS Masonry Layout in CSS Grid (chr/css)518
, , ,
The State of UX: 100 Design Lessons for 2021 (fab/uxd)517
, ,
Time to Say Goodbye to Google Fonts: Cache Performance516
, , ,
Weaving Web Accessibility With Usability (sma)515
, ,
Information Scent514
, , ,
Considerations for Making a CSS Framework (css)513
, ,
Why It’s Good for Users That HTML, CSS, and JS Are Separate Languages (hdv)512
, ,
To Be Creative, Practice511
,
Testing Vue Applications With the Vue Testing Library (sma)510
, ,
Know Your Standards (ste)509
, , , , ,
DRY-ing Up styled-components (css)508
, ,
Best Practices for Inclusive Textual Websites507
, , ,
Leveraging System Fonts on the Web (jim)506
CSS Vendor Prefixes505
,
Color Theming With CSS Custom Properties and Tailwind (mic/css)504
, , , ,
“console.log({ myVariable });” (chr/css)503
,
Standardizing Select and Beyond: The Past, Present, and Future of Native HTML Form Controls (sea/sma)502
,
Measuring Core Web Vitals With Sentry (fon/css)501
, ,
Upgrade Your HTML II (j9t/fro)500
, , , , ,
Semantic Web With Structured Data499
, ,
A GitHub Action for Automated Deployment to WP Engine (clo)498
, , , ,
CSS Gradients Guide (geo/css)497
, ,
Creating a Continuous Integration Test Workflow Using GitHub Actions (sma)496
, ,
How to Deal With Common React JS Problems—Actionable Tips495
, ,
New WebKit Features in Safari 14 (jon/web)494
, , , ,
Google Is Already Experimenting With WebP2 As Successor To WebP Image Format493
, ,
Abandoning Best Practices in UX492
, , ,
What’s New in Vue 3? (sma)491
Warp: Improved JS Performance in Firefox 83 (jan)490
, , , , , ,
The What, Why, and How of Using a Skeleton Loading Screen (tre)489
, ,
No Config for Old Men488
Career Opportunities Mean a Lot of Things (kar)487
My WordPress Comments Wishlist (chr/css)486
, ,
Authenticating React Apps With Auth0 (sma)485
, , ,
ARIA in CSS (chr/css)484
,
Markup (j9t+/htt)483
, , , ,
Write Better Code and Be a Better Programmer by Avoiding “else” Statements482
,
The Raven Technique: One Step Closer to Container Queries (css)481
, ,
Webmentions and Eleventy Talk (sia)480
, ,
[JavaScript] Operator Lookup (jos)479
,
Quick localStorage Usage in Vue (sar/css)478
,
How to Find and Fix Common Website Accessibility Issues (kil)477
, , , , , ,
Internationalization and Localization for Static Sites (sma)476
, ,
GIFs and “prefers-reduced-motion” (chr/css)475
, , ,
What Is Section 508 and Why Does It Matter? (deq)474
, ,
Native CSS Masonry Layout in CSS Grid (rac/sma)473
, , ,
Chasing the Pixel-Perfect Dream (jos)472
,
In Defense of Tables and Floats in Modern Day Development (css)471
, , ,
The Principles of Visual Communication (sma)470
, , ,
Bootstrap vs. Materialize Showdown469
, , ,
More on “content-visibility” (chr/css)468
Are Template Engines Still Relevant in 2020?467
, , , ,
Comparing Various Ways to Hide Things in CSS (css)466
, , ,
Authentication in Vue.js (sma)465
,
Selecting Random Posts in Eleventy (ray)464
,
WordPress and Jamstack (chr/css)463
, ,
A General Introduction to Cloud Computing462
, , ,
Getting Started With Next.js (sma)461
, ,
A Primer on the Different Types of Browser Storage (ido/css)460
, , , , , ,
Smarter Ways to Generate a Deep Nested HTML Structure (ana/css)459
, ,
Touch, Point, Click: Mouse vs. Touch Screen Input458
, ,
Comparing Styling Methods in 2020 (chr/css)457
, , , , , , , ,
Handling Continuous Integration and Delivery With GitHub Actions (sma)456
, , , ,
Come Full Circle—Back to HTML455
, , ,
New Google Quality Rater Guidelines, Update Adds Emphasis on Needs Met454
, , ,
How to Test Responsive Web Design Cross-Browser Compatibility (cra)453
, , , ,
Core Web Vitals: A Guide to Google’s Web Performance Metrics (cra)452
, , ,
Signed Exchanges (SXGs) (twi/dev)451
, , ,
An Opinionated Guide to Accessibility Testing450
, ,
CSS “min()”, “max()”, and “clamp()” (una/dev)449
, ,
An Introduction to JSX448
,
Run Gulp as You Open a VS Code Project (chr/css)447
, , ,
The “-​-var: ;” Hack to Toggle Multiple Values With One Custom Property (lea)446
, , ,
What Apple, Google, and Amazon’s Websites Looked Like in 1999 (mas)445
,
Node.js Testing Best Practices444
, , ,
What Can We Learn From the W3C CMS Selection Process443
, , ,
Getting Started With React: A Beginner’s Guide442
, , ,
How to Find the Cause of Horizontal Scrollbars (kil/pol)441
, , , ,
Apache Configuration Basics440
, , ,
Tuning Your Apache Server439
, , ,
The Widening Responsibility for Front-End Developers (chr/css)438
, ,
How to Design a Set of Icons437
, ,
How to Create High-Performance CSS Animations (rac/dev)436
, , ,
GitLab vs. GitHub—a Comparison of the Two Version Control Systems435
, , ,
A Guide to HTML and CSS Forms (No Hacks)434
, , ,
Micro-Note on “aria-roledescription” (ste)433
,
CSS Variables 101 (sha)432
,
Compile Svelte in Your Head431
, ,
Reading Content With RSS430
,
Should Coding Be Mandatory? (ara)429
, ,
CSS Media Queries Guide (css)428
, ,
Reducing the Site Speed Impact of Third-Party Tags427
,
Webflow vs. WordPress: A Head-to-Head Comparison426
, , , ,
Unit Testing in React Native Applications (sma)425
, ,
Why I IndieWeb424
,
“font-kerning” (geo/css)423
, ,
Building and Running WebKit (mar)422
,
Accessible Web Animation: The WCAG on Animation Explained (vlh/css)421
, , ,
Smashing Podcast Episode 25 With Anthony Campolo: What Is RedwoodJS? (dre/sma)420
, , ,
Drawing the Invisible: React Explained in Five Visual Metaphors419
,
Custom Properties: Questioning “:root” (j9t)418
, ,
[Vue.js] v3.0.0 One Piece (vue)417
,
Vue 3 (chr/css)416
Enforcing Performance Budgets With Webpack (css)415
, ,
The Good Web and the Bad Web (kzi)414
, ,
Advanced GraphQL Usage in Gatsby Websites (sma)413
, ,
Generate a Sitemap for Your Eleventy Website412
, ,
Change the [Eleventy] Default Directories (per)411
MIME Types (IANA Media Types) (mdn)410
npx [Cheatsheet]409
, ,
Mastering Wrapping of Flex Items (mdn)408
, ,
Basic Math in JavaScript—Numbers and Operators (mdn)407
, ,
Animating React Components With GreenSock (sma)406
, , , ,
React With TypeScript: Best Practices405
, ,
Getting Started With Eleventy (11ty)404
, ,
Creating a Custom Cursor Using CSS?403
, , ,
An Introduction to Running Lighthouse Programmatically (sma)402
, , ,
Modifying Specific Letters With CSS and JavaScript (css)401
,
How CSS Perspective Works (ami/css)400
, ,
AVIF Has Landed (jaf)399
, , , , , , , ,
Working With JavaScript Media Queries (css)398
,
Eleventy: Escaping Nunjucks Statements in Markdown Code Blocks (mar)397
, , ,
How to Automate API Testing With Postman (sma)396
, , , ,
Similarity Principle in Visual Design395
, , ,
A Brief About Web Browser Wars394
, ,
Building React Apps With Storybook (sma)393
,
How to Use CSS Grid for Sticky Headers and Footers (ada/css)392
, , ,
Using “@ property” for CSS Custom Properties (chr/css)391
, ,
How the Heck Do I Use Eleventy? The Intro Guide I Wish I Had390
, ,
Everything Developers Need to Know About Figma (sma)389
,
My Experience With Jekyll388
Ground Rules for Web Animations (css)387
, ,
Copy the Browser’s Native Focus Styles (chr/css)386
,
Adversarial Interoperability (plu)385
, , ,
A Bit on CI/CD (chr/css)384
,
9 Best CSS Frameworks in 2020383
, , , , , , , , , , , ,
How to Create Customer-Centric Landing Pages (sma)382
, , ,
Electron 10.0.0 (kee/ele)381
,
Where Does Logic Go on Jamstack Sites? (css)380
Use Advanced Typography With Local Fonts (tom/dev)379
, ,
The Thing With Leading in CSS (mat)378
,
Why Did Mozilla Remove XUL Add-Ons?377
, ,
Optimize Images With a GitHub Action (chr/css)376
, ,
Loading Third-Party JavaScript (add/dev)375
,
“this” in JavaScript and TypeScript (dea)374
,
The Anti-Reset (to Reset to User Agent Styles) (j9t)373
,
Mastering Props and PropTypes in React (sma)372
,
21 Node.js Interview Questions With Solutions371
,
Microsoft Will Bid Farewell to Internet Explorer and Legacy Edge in 2021 (ver)370
, , ,
Effective Code Browsing369
That’s Just How I Scroll (chr/css)368
,
What I Learned by Fixing One Line of CSS in an Open Source Project (css)367
, ,
JS Minification Benchmarks366
, ,
A Smashing Guide to the World of Search Engine Optimization (fre/sma)365
, ,
Accessibility in Chrome DevTools (sma)364
, , , ,
Meet Polypane, a Browser That Makes You Five Times Faster (kil)363
, , ,
Performance Is an Issue of Equity (clo)362
,
Islands Architecture361
, ,
Smashing Podcast Episode 22 With Chris Coyier: What Is Serverless? (chr+/sma)360
, , ,
Better Error Handling in Node.js With Error Classes (sma)359
, ,
Difference Between Concurrent Versions System (CVS) and Subversion (SVN)358
, , ,
Every Website Is an Essay (fon/css)357
,
“font-weight: 300” Considered Harmful (chr/css)356
, ,
HTML for Subheadings and Headings (chr/css)355
,
TypeScript, Minus TypeScript (css)354
Vue vs. React in 2021: Which Framework to Choose and When353
, , ,
The Myth of Incentive Alignment (lor)352
, ,
In a Land Before Dev Tools (amb)351
,
SVG Title vs. HTML Title Attribute (chr/css)350
, ,
Five Decades of Access to Tools (lor)349
The Renaissance of No-Code for Web Designers (sma)348
,
Updating React at Etsy347
, , ,
Introduction to Metrics, Monitoring, and Alerting346
, , ,
Want to Get Better at Code? Teach Someone CSS (css)345
,
A Bit on Web Component Libraries (chr/css)344
,
Pausing a GIF With “details”/“summary” (chr/css)343
, , , ,
Accessibility on the Canvas With JavaScript342
, ,
Bold on Hover… Without the Layout Shift (chr/css)341
The GitHub Profile Trick (chr/css)340
,
Happy Birthday Web Fonts! (w3c)339
, , ,
Introduction to Memoization in JavaScript (hic)338
, ,
How to Use Styled Components in React (sma)337
, , , ,
Writing Alt Text for Data Visualization336
, , , , ,
Modern CSS Techniques to Improve Legibility (sma)335
, , ,
The Recruitment Confusion Matrix and Your Right to Be Wrong334
,
ReactJS: A Simple Custom Hook333
,
Levels of Fix (chr/css)332
When Do You Use “inline-block”? (chr/css)331
Creating a Gatsby Site With WordPress Data (css)330
,
Why We Moved a 20-Year-Old Site to Gatsby329
,
Terminating a Frozen SSH Session328
,
“font-weight: 300” Considered Harmful (and a Fontconfig Workaround) (lis)327
, , ,
10 Modern Layouts in 1 Line of CSS (una/dev)326
, ,
Lazy Loading Images in Svelte (css)325
, , ,
JSON-LD 1.1 (gke+/w3c)324
, ,
Methods of Improving and Optimizing Performance in React Apps (sma)323
, ,
Release Notes for Safari Technology Preview 110 (jon/web)322
, , ,
JavaScript to Know for React (ken)321
,
An Introduction to Stimulus.js (sma)320
, ,
Germany Digital Accessibility Laws: BITV (2.0) and BGG319
, ,