Tech does not just watch: Take action against Russia’s war on Ukraine 🇺🇦 Take action against Israel’s genocide on the Palestinian people and the destruction of Palestine 🇵🇸 Petition, protest, boycott, divest, sanction. Hide

Frontend Dogma

“2020” News Archive

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