Frontend Dogma

“2022” Archive (7)

Entry (With Sources) and Other Related TopicsDate#
TypeScript Tips and Tricks (by/via)546
, ,
Web Color Is Still Broken (by)545
, ,
Building a Combined CSS Aspect Ratio Grid (by/via)544
, ,
Brief Note on Buttons, Enter, and Space (by)543
Debugging Node Serverless Functions on AWS Lambda (by)542
, , , ,
Faster Initialization of Instances With New Class Features (by/via)541
, , , ,
11 Breadcrumb SEO Best Practices for a Mobile-First Strategy (by/via)540
, , , ,
Beyond WCAG: Losing Spoons Online (via)539
, ,
The Future of CSS: CSS Toggles (by/via)538
,
Why Learn to Code? 17 Benefits of Learning to Code (by/via)537
,
Productivity Tips and Tools for a More Efficient Workflow (via)536
, , ,
URL, URI, URN: What’s the Difference? (by/via)535
, ,
Forced Colors Explained: A Practical Guide (by/via)534
,
How to Start Testing Your Website With a Screen Reader (by/via)533
, , ,
Routing: I’m Not Smart Enough for an SPA (by)532
,
Low-Code No-Code Web Development, Explained (via)531
,
The Front-End Developer’s Guide to the Terminal (by)530
,
The Role of Policy in Creating a Culture of Accessibility (by/via)529
, , ,
Ordering CSS Declarations (by)528
,
A Practical Guide to Centering in CSS (by)527
, ,
Does Valid and Semantic HTML Still Matter? (by+/via)526
, , ,
Web Scraping Is Legal, U.S. Appeals Court Reaffirms (by/via)525
,
When UX Goes Bad (and How to Fix It) (by/via)524
How to Choose the Right Static Site Generator (by/via)523
, , , , , , ,
Ensure Third Party Content Is Accessible (by/via)522
, ,
The Ultimate Guide to Push Notifications for Developers (by/via)521
,
React 18—New Features and Improvement Strategies520
20 Easy Ways to Be More Productive as a Developer (by)519
4 Reasons to Avoid Using “npm link” (by)518
Test-Driven Development With React and Redux: Thunk, Slices, and Requests Mocking (by)517
, ,
Node.js 18 Introduces Prefix-Only Core Modules (by/via)516
The Most Popular Node.js Frameworks in 2022 (by)515
,
Is Agile an Anti-Design Pattern? (via)514
, ,
How to Improve Core Web Vitals (8 Ways) (via)513
, ,
Fonts for the Web: Rationale, 1996 (by/via)512
,
Evaluating Design System Adoption Using Custom CSS (by/via)511
, , ,
Intro to CSS Parent Selector—“:has()” (by/via)510
, , ,
Accessibility Why You Need to Work Toward Progress Not Perfection (by)509
Implementing Micro-Frontends: A Path to Evolve Legacy Codebases (by)508
, ,
7 Web Component Tricks (by)507
,
The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (by/via)506
, , ,
Designers Are Spending Too Much Time Designing UI Variations Manually (by/via)505
, ,
Usability Guidelines for Better Carousels UX (by/via)504
, , ,
Title Rewrites: 3 Patterns to Avoid (by/via)503
, , ,
How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results (by/via)502
, ,
Drastically Improve Your UI Designs With This Technique (via)501
, ,
CSS Parent Selector (by)500
,
Building a Dialog Component (by/via)499
, , , ,
A Web Renaissance (by)498
One Million Broken Web Sites—and a Way to Prevent That (by)497
, ,
Component Party (by)496
, , , , , , , , , , ,
Why Accessibility Bugs Are a Good Thing and How to Handle Them (by)495
,
Naming Colors in Design Systems (via)494
, ,
Does Your Website Have Any of These 10 Most-Cited Accessibility Issues? (via)493
Common Accessibility Issues That You Can Fix Today (by)492
Image Borders in CSS (by)491
, ,
Common App Design Challenges and Their Solutions (via)490
,
CSS Toggles Explainer and Proposal (by+/via)489
,
How to Improve UX Design Through A/B Testing (by/via)488
, , , ,
How to Develop Your UX Design Philosophy (by/via)487
, ,
Mobile-First Ecommerce Site Design Is the Future (via)486
, , ,
Those HTML Elements You Never Use (by)485
,
Takeaways From “The Internet Is Unusable”: The Disabled View (by/via)484
Childish Font Sizes (by/via)483
, ,
7 Collaborative Coding Tools for Remote Pair Programming (by/via)482
,
Open Accessibility Standards (by)481
, ,
JavaScript Function Composition: What’s the Big Deal? (by)480
,
Information Architecture: Study Guide (by/via)479
, , ,
How to Turn HTML Webpage Into an Image? (by)478
, , ,
How to Fix Your Low-Contrast Text (by)477
, , ,
CSS Tips and Tricks You May Need to Know (by)476
,
CSS “:has()” a Parent Selector Now (by)475
,
There’s No Such Thing as a “Design System Designer” (via)474
, ,
April 9 Is CSS Naked Day (via)473
, , ,
MIME Types (by)472
, , ,
Incremental Static Regeneration for Angular (by)471
,
33 JavaScript Concepts Every Developer Should Know (by)470
,
Use Unicode Characters for Bullet Points in CSS Using “::marker” (by)469
, ,
Nailing Your Engineering Interviews: Tips From a Technical Recruiter (via)468
,
Dynamic Data-Fetching in an Authenticated Next.js App (by/via)467
, ,
Your Website Is a Pollution Machine (by)466
Why Your Design System Needs Content Design (by/via)465
,
Designing Better Breadcrumbs (by/via)464
, ,
Principles of Object-Oriented Programming in TypeScript (via)463
, ,
How to Create Animated Anchor Links Using CSS (by/via)462
, , , ,
JavaScript and Node.js Testing Best Practices (by)461
, , ,
Alternative Text (Alt Text) (via)460
, , ,
Accessibility Testing Guide (by/via)459
, , ,
Animated Grid Tracks With “:has()” (by/via)458
, , ,
Fonts in Use: Variable Fonts (by/via)457
, ,
The Business Case for Accessibility (by/via)456
,
Sharing State in Distributed UIs at Runtime (by)455
, ,
HTML Is All You Need to Make a Website (by)454
Core Web Vitals: Finding Common Ground Between SEOs and Developers (by/via)453
, , ,
A New Statistical Approach for Predicting Usability Problems (via)452
, , ,
12 Years Beyond a HTML Joke (by)451
,
A Simple Way to Create a Slideshow Using Pure CSS (by/via)450
, ,
What’s New in ECMAScript 2022 (by)449
,
What If… One Day Everything Got Better? (by)448
Thoughts on Exerting Control With Media Queries (by)447
, ,
Accessible Description Exposure (by)446
,
“aria-labelledby” Usage Notes (by)445
, , ,
Tweaking in the Browser (by)444
,
How to Respond to Growing Supply Chain Security Risks? (by)443
, , , ,
Accessible Cards (by)442
, ,
Are You Using Coding Interviews for Senior Software Developers? (via)441
, ,
Top 3 Informational Interview Questions in UX (via)440
, , ,
Why We Don’t Use a Staging Environment (via)439
,
Exciting Times for Browsers (and CSS) (by/via)438
,
The WebAIM Million: The 2022 Report on the Accessibility of the Top 1,000,000 Home Pages (via)437
, , , ,
How to Match HTML Elements With an Indeterminate State (by)436
, , ,
Web Accessibility Guidance Project (via)435
,
Introduction to the SSH Protocol (via)434
, ,
Designing a Better Infinite Scroll (by/via)433
, ,
Accessibility Policy Implementation: What You Need to Know (by/via)432
, ,
HTML-Only Keyboard Shortcuts (by)431
, , ,
Make Beautifully Resilient Apps With Progressive Enhancement (by)430
,
How to Optimize Your LCP (with Visuals) (by)429
, , ,
Neubrutalism Is Taking Over the Web (by/via)428
,
If We Can Make a Product Work for Anyone, It Usually Works Better for Everyone427
,
Picture Perfect Images With the Modern “<img>” Element (by/via)426
, , ,
Understanding Layout Algorithms (by)425
,
Secret Mechanisms of CSS (by/via)424
,
Optimising Largest Contentful Paint (by)423
,
Locale Aware Sorting in JavaScript (by)422
, , ,
How to Document Accessibility Issues (via)421
, ,
CSS “:has” (by)420
,
Case: Accessibility in Software Development (by/via)419
An Opinionated Guide to Unit Testing (by)418
, ,
A Guide to Hover and Pointer Media Queries (by/via)417
, ,
7 Learning Habits for Developers: Reach Skill Goals in Less Time (by/via)416
Why Every Programmer Must Blog (by)415
, , ,
The Art of CSS Art (by)414
,
14 Linting Rules to Help You Write Asynchronous Code in JavaScript (by)413
, ,
Quick Survey: Help Improve the Simulation Options of Browser Developer Tools (by)412
, , ,
Remix Routes Demystified (by/via)411
,
You’re Unselectable (by)410
,
You ≠ User (via)409
, ,
How to Use Props in React (by)408
, ,
Building a Headless Design System (by/via)407
, ,
Variable Fonts in Real Life: How to Use and Love Them (by+/via)406
, ,
How Should You Name Your Colors in a Design System? (by/via)405
, ,
Designing “Above the Fold”? Try the Reciprocity Principle (via)404
,
Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed (by)403
, ,
Resetting Inherited CSS With “Revert” (by/via)402
,
Those HTML Attributes You Never Use (by/via)401
,
The Web Is for Everyone: Our Vision for the Evolution of the Web (by+/via)400
, , , , , ,
The 5 Riders of Accessible Media (via)399
,
There Are No Bad Questions in Accessibility (by)398
Spotlight: What Happens When a Project Team Shifts Accessibility Left? (via)397
How Do Design Systems Improve Developer Efficiency? (by/via)396
,
ADA Web Site Compliance Still Not a Thing (by)395
, , ,
Dynamically Generated Content and Accessibility: 3 Quick Tips (via)394
,
Building a Sketch Design System: Tips and Tricks (via)393
, ,
Deep Dive Into the CSS “:where()” Function (by/via)392
, ,
Optimising Core Web Vitals on SPAs (by)391
, , ,
When to Use a Function Expression vs. Function Declaration (by/via)390
, ,
The Book on Accessibility (by)389
, , ,
Conquering JavaScript Hydration (by/via)388
,
“!important” Was Added for One Reason Only (by)387
,
Usability Testing: Driving the Best User Experience for Business Success (by/via)386
, ,
Design Mistakes That Hurt Your Web Site’s Conversion Rates (by/via)385
, , , ,
Improving Your User Experience to Reduce Bounce Rates (via)384
, , ,
Dos and Don’ts of Mobile UX Design (by/via)383
, , ,
Should “Cancel” Be a Button or a Link? (by/via)382
, , ,
4 Xs That Aren’t UX (by/via)381
PHP Sanitize Data (by)380
,
Write HTML, the HTML Way (Not the XHTML Way) (by/via)379
, ,
Windows High Contrast Mode, Forced Colors Mode, and CSS Custom Properties (by/via)378
, , , , ,
HTML Semantics (by)377
,
Design Systems Aren’t Cheap (by)376
, ,
Design System—Principles of Success (via)375
,
How to Use CSS Math Functions: “calc”, “min”, “max”, “clamp” (by)374
, , ,
UX Strategy: Definition and Components (by+/via)373
,
Typography in Design Tokens for Figma and Code (by/via)372
, , ,
Authorization in a Microservices World (by)371
,
Why Is Dark Mode So Captivating? (by/via)370
The Web Doesn’t Have Version Numbers (by/via)369
,
Performance Tests on Common JavaScript Array Methods (by/via)368
, , ,
Alt-Text Selfies (by+)367
, , ,
Guidance on Web Accessibility and the ADA (via)366
, ,
4 Accessibility Mistakes Plaguing Most Government Websites (by/via)365
,
How Do I Resolve Merge Conflicts? (by/via)364
, ,
Migrating Our Monorepo to Yarn 2 (via)363
, ,
The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability (by)362
, , ,
Optimizing SVG Patterns to Their Smallest Size (by/via)361
, ,
Introduction to Bulma: A Simple and Intuitive CSS Framework (via)360
,
Identifying Fonts: The Complete Guide (by)359
, ,
How to Make a Drag-and-Drop File Uploader With Vue.js 3 (by/via)358
, , ,
Google Calendar Webhooks With Node.js (via)357
, ,
The Future of the Web and Accessibility (by/via)356
, ,
All HTML and CSS Cheatsheets in One Place (by)355
, ,
What Makes You a Professional Web Developer (by)354
,
What Is Platform Engineering? (by/via)353
,
What Every Good README Should Contain352
Perceptually Uniform Color Models and Their Implications (by)351
,
How to Prep Your SEO Strategy for a New Website (by/via)350
, ,
How to Empathize With Your Users (via)349
, , ,
Building a Loading Bar Component (by/via)348
, , ,
Accessibility, Assistive Technology, and JavaScript (by)347
, ,
A Quick Guide to Closures (by)346
, ,
A Designer’s Guide to Documenting Accessibility and User Interactions (by)345
, , ,
React Best Practices and Patterns to Reduce Code344
, ,
Don’t Believe the Type! (by+/via)343
, , , ,
The Weirdly Obscure Art of Streamed HTML (by)342
, ,
What Are Micro-Frontends? (by)341
Prevent Technical Debt With These 3 Strategies (by)340
Making the World’s Fastest Website, and Other Mistakes (by)339
,
Implementing JavaScript Delay for Cookie Consent Banner (by)338
, , ,
How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (by)337
, ,
Aligning Content in Different Wrappers (by)336
, ,
It Needs to Map Back to a Role (by)335
, , ,
In Defense of Sass (by)334
,
When or If (by)333
Update Node Dependencies Automatically, Selectively, or Incrementally (by)332
, , ,
Tao of Node—Design, Architecture, and Best Practices (by)331
, ,
Explaining Micro Frontends as Simply as Possible (by)330
How to Use Spectator to Test Your Angular Components (by/via)329
, , , ,
Giving New Meanings to the Color Functions in CSS (by)328
, ,
20 Productivity Tips From Developers to Developers (by/via)327
,
The Future of Web Accessibility: WCAG 3.0 (via)326
, ,
Horizontal Scrolling Nav (by)325
,
Where TypeScript Excels (via)324
,
Add Data to a Google Sheet From a Node.js Backend (by)323
,
42 Tips for Getting Good at DevOps and Life (by/via)322
, , ,
Can I Use Hover on Touch Devices? Here’s [a] CSS and JS Hack (by/via)321
, ,
CommonJS (CJS) and Modules (ESM): Import Compatibility (by)320
, , ,
Arrow Functions in JavaScript: How to Use Fat and Concise Syntax (by/via)319
, ,
WebGPU—All of the Cores, None of the Canvas (by)318
, ,
You Don’t Always Need a CMS (by)317
Ten Years of Page Bloat: What Have We Learned? (by/via)316
, ,
Don’t Alienate Your User: A Primer for Internationalisation and Localisation (by/via)315
, , ,
Digging Into CSS Media Queries (by+)314
, ,
Carousels: No One Likes You (by)313
, , ,
An Introduction to User Journey Maps (by/via)312
, , ,
Accumulation of Tech Debt (by/via)311
A Look at the Dialog Element’s Super Powers (by)310
, ,
Moderated Versus Unmoderated Usability Testing (by/via)309
, ,
A New Speed Milestone for Chrome (via)308
, , ,
Optimizing a Web Site for Google’s New UX Criteria (via)307
, , ,
My Dev Content Creation Journey and Tips for Starting Yours (by)306
, , ,
Designing the User Experience of a Rating System (by/via)305
,
An Introduction to AWS CloudFront Functions (by/via)304
, , , ,
Session Timeouts (by/via)303
,
Using HTTPS in Your Development Environment (by/via)302
, ,
Performance Signals for Customizing Website UX (by/via)301
, , ,
JavaScript Naming Conflicts: How Existing Code Can Force Proposed Features to Be Renamed (by)300
, ,
7 Ways to Achieve a Faster Core Web Vitals Score (via)299
,
10 Amazing Games to Learn CSS (by)298
,
Alternatives to Pagination on Product-Listing Pages (by/via)297
, , ,