Frontend Dogma

“how-tos” Archive (2)

Entry (With Sources) and Other Related TopicsDate#
Quick Tip: How to Handle Exceptions in PHP (by/via)364
, ,
How to Style Your Alt Text (by)363
, ,
How to Contribute to a Project You Have No Idea About (by)362
, ,
How to Handle Date and Time With JavaScript (by)361
Quick Tip: How to Trim Whitespace With PHP (by/via)360
, ,
How to Password-Protect a Static HTML Page With No JS (by)359
, ,
How to Build Offline Web Applications (by)358
,
How to Use View Transitions in Hotwire Turbo (by/via)357
, ,
How to Use WebSockets in a Redux Application (by)356
, ,
How to Inspect Interactions in the Browser (by/via)355
, ,
Quick Tip: How to Hash a Password in PHP (by/via)354
, , ,
Git: How to Skip Hooks (by)353
Technical Writing Process: How to Write a Good Technical Article (by)352
,
How to Scale Node.js Applications With Clustering (by/via)351
,
Quick Tip: How to Check if a Variable Is Set in PHP (by/via)350
,
How to Write Semantic CSS (by)349
, ,
How to Build Accessible Main Navigation? (by/via)348
,
How to Add an Event Handler in React (by)347
, ,
How to Favicon in 2023: Six Files That Fit Most Needs (by/via)346
,
How to Build a Magazine Layout With CSS Grid Areas (by/via)345
, ,
How to Pick a Font (That Doesn’t Suck) (by)344
, ,
How to Make a Zoom Effect Using CSS (by/via)343
,
How to Get the Last Matching Item in an Array With Vanilla JavaScript (by)342
,
How to Build a Static Website (by/via)341
Quick Tip: How to Manage Timezones in PHP (by/via)340
, ,
Quick Tip: How to Manage Error Reporting in PHP (by/via)339
, ,
How to Review a Web Site (via)338
, ,
How to Use Pico CSS and Next.js? (by)337
,
Quick Tip: How to Read a Local File With PHP (by/via)336
, ,
How to Destructure Props in Vue (Composition API) (by)335
,
Quick Tip: How to Filter Data With PHP (by/via)334
,
How to Build Great HTML Form Controls (by/via)333
,
How to Increase Your Chances of Getting Interviews and Job Offers in Tech (by)332
,
How to Write an Awesome README (by/via)331
,
How to [Set Up] Prettier (by)330
,
How to Learn in Public (by)329
,
How to Find and Fix the Top 3 Accessibility Issues (via)328
, ,
How to Merge Objects in JavaScript (by)327
,
How to Create Typography Guidelines for a Product That Does Not Follow a Design System (by/via)326
,
How to Use the WAVE Extension and Start Manual Accessibility Testing (via)325
, , ,
How to Transfigure Wireframes Into HTML (by/via)324
, ,
How to Use Huge Type on the Web (by)323
,
How to Handle Unplanned Work in Scrum (by/via)322
, ,
How to Increase Traffic to Your Website (via)321
How to Improve User Experience and Wow Your Users (by/via)320
How to Create the Perfect Hero Image for Your Portfolio Site (via)319
How to Adjust Alignment and Indentation for Ordered Lists in CSS (by)318
, , ,
How to Start a Content Audit (via)317
, , ,
How to Create Advanced Animations With CSS (by/via)316
,
How to Build, Test, and Publish a TypeScript npm Package in 2022 (by)315
,
How to Communicate Effectively as a Developer (by)314
, ,
How to Set Up the New Google Auth in a React and Express App (by/via)313
, , ,
How to Build the Foundation for Digital Accessibility (by/via)312
, ,
How to Rebase Stacked Git Branches (by)311
How to Animate CSS Box Shadows and Optimize Performance (by/via)310
, , ,
Quick Tip: How to Use the Ternary Operator in JavaScript (via)309
, ,
How to Write Good Alt Text (by)308
, ,
How to Safely Share Your Email Address on a Website (via)307
,
How to Safely Pass Data to JavaScript in a Django Template (by)306
,
Quick Tip: How to Use the Spread Operator in JavaScript (via)305
, ,
How to Scale SVG (by/via)304
,
How to Center a Div Using CSS Grid (by/via)303
, ,
How to Return Multiple Values From a Function in JavaScript (by)302
,
How to Make Your Designs Scannable (and Why You Should) (by/via)301
,
How to Get All Sibling Elements of a Link or Button With Vanilla JavaScript (by)300
, ,
How to Create Wavy Shapes and Patterns in CSS (by/via)299
,
How to Generate Random Numbers in JavaScript With “Math.random()” (by/via)298
, ,
How to Get the Current Timestamp in JavaScript (by)297
How to (Not) Make a Button (by)296
, , ,
How to Substantially Slow Down Your Node.js Server (via)295
,
How to Run Qodana CI in Backend and Frontend Sub-Folders of a Monorepo (by)294
, , , , ,
How to Monitor a Next.js Application (via)293
,
How to Improve Largest Contentful Paint for Faster Load Times (by/via)292
, ,
How to Build Event-Driven Architecture on AWS? (by/via)291
, ,
DevTools Tips: How to Inspect and Debug CSS Flexbox (via)290
, , , , , ,
How to Use localStorage in JavaScript: An Easy Guide (by/via)289
, ,
How to Research Components and Patterns: Common Challenges and How to Overcome Them (by/via)288
,
Code Golfing Tips and Tricks: How to Minify Your JavaScript Code (by/via)287
, ,
How to Use Multithreading in Node.js (by/via)286
,
How to Add a Subtle Gradient on Top of an Image Using CSS (by)285
,
Holograms, Light-Leaks, and How to Build CSS-Only Shaders (by)284
, ,
How to Make Text Improve User Experience: Insights Into UX Writing (by/via)283
,
How to Auto-Prefix and Minify CSS? (by)282
, , ,
How to Use ESLint and Prettier for Code Analysis and Formatting (by)281
, , , , ,
How to Prevent Merge Conflicts (or at Least Have Less of Them) (by/via)280
,
How to Remove 99% of JavaScript From Main Thread (by/via)279
, ,
Notes From the Dev: Essential Advice on How to Use MJML (by/via)278
,
How to Use Headings for Website Accessibility (via)277
, ,
How to Animate SVG Shapes on Scroll (by/via)276
, ,
How to Create Dark Mode for Your Designs in Figma (by/via)275
,
How to Use Variables in CSS: CSS Custom Properties (by/via)274
,
How to Pick the Least Wrong Colors (by)273
, ,
How to Migrate From Yarn/npm to pnpm272
, , ,
How to Fix: “Buttons Do Not Have Accessible Names” (via)271
,
How to Position Your Design System Team for Success (by/via)270
, ,
How to Ask for a Promotion (by/via)269
How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (by/via)268
, , , ,
How to Learn JavaScript Fast: Six Simple Mind Tricks (by/via)267
, ,
How to Use the GitHub Pulls API to Manage Pull Requests (by/via)266
,
How to Use Videos With Alpha Transparency on the Web (by)265
, ,
Design Patterns: How to Create Simple Interfaces (via)264
,
How to Create a Color Palette for Your Design System (via)263
, ,
How to Reduce Figma Memory Usage (via)262
How to Build Node.js REST API With MySQL261
, , , ,
CTA Modal: How to Build a Web Component (by/via)260
, ,
How to Start Testing Your Website With a Screen Reader (by/via)259
, ,
How to Choose the Right Static Site Generator (by/via)258
, , , , , ,
How to Improve Core Web Vitals (8 Ways) (via)257
,
How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results (by/via)256
,
How to Improve UX Design Through A/B Testing (by/via)255
, , ,
How to Develop Your UX Design Philosophy (by/via)254
,
How to Turn HTML Webpage Into an Image? (by)253
, ,
How to Fix Your Low-Contrast Text (by)252
, ,
How to Create Animated Anchor Links Using CSS (by/via)251
, , ,
How to Respond to Growing Supply Chain Security Risks? (by)250
, , ,
How to Match HTML Elements With an Indeterminate State (by)249
, ,
How to Optimize Your LCP (with Visuals) (by)248
, ,
How to Document Accessibility Issues (via)247
,
How to Use Props in React (by)246
,
How to Use CSS Math Functions: “calc”, “min”, “max”, “clamp” (by)245
, ,
How to Make a Drag-and-Drop File Uploader With Vue.js 3 (by/via)244
, ,
How to Prep Your SEO Strategy for a New Website (by/via)243
,
How to Empathize With Your Users (via)242
, ,
How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (by)241
,
How to Use Spectator to Test Your Angular Components (by/via)240
, , ,
Arrow Functions in JavaScript: How to Use Fat and Concise Syntax (by/via)239
,
How to Prevent SQL Injection Attacks in Node.js (by/via)238
, , ,
How to Design Better APIs (by)237
,
How to Use Higher-Order Functions in JavaScript (by/via)236
,
How to Make a “Raise the Curtains” Effect in CSS (by/via)235
,
How to Build a File Upload Service With Vanilla JavaScript (by/via)234
,
How to Fix Your Security Vulnerabilities With npm Override (via)233
, , ,
How to Make MPAs That Are as Fast as SPAs (by)232
, ,
How to Prioritize Your Components (by/via)231
, ,
Design Systems in Figma: How to Be More Productive (by/via)230
, ,
Design System: How to Successfully Collaborate? (via)229
,
How to Create a Search Page for a Static Website With Vanilla JS (by)228
, , ,
How To: Correctly Test for Python’s Version (by)227
, ,
How to Keep Your Repo Package Dependencies Up to Date Automatically (by)226
, , ,
How to Make CSS Slanted Containers (by/via)225
How to Favicon in 2022: Six Files That Fit Most Needs (by/via)224
,
How to Use the Accessibility Tree for A11Y Testing223
,
How to Create a UX Vision Statement (by/via)222
Design System: How to Efficiently Scale Development? (via)221
,
How to Convert Markdown to HTML (by/via)220
, ,
How to Check What Item Is in Focus When Accessibility Testing219
, ,
How to Set Up a Node.js Project With TypeScript (by/via)218
,
How to Avoid Layout Shifts Caused by Web Fonts (by)217
, ,
Memory Leaks, How to Avoid Them in a React App (by)216
,
How to Measure Your Design System? (by/via)215
,
How to Add and Remove a CSS Class From Multiple Elements With Vanilla JavaScript (by)214
,
How to Define Your Relationship to Sites You Link To (by)213
, , ,
How to Customize Firefox UI—Step-by-Step Tutorial212
, , , , ,
How to Maintain a Large Next.js Application (by/via)211
,
How to Trim Strings in JavaScript (by)210
How to Make Blob Menu Using HTML, CSS and JavaScript (by)209
, ,
How to Create Reusable Components With the Vue 3 Composition API (by/via)208
,
How to Fetch Data in Svelte (by/via)207
,
How to Debounce and Throttle Callbacks in Vue (by)206
, , , ,
The Key to Developer Happiness and How to Prevent Coding From Becoming Just Another Job (by)205
How to Implement Memoization in React to Improve Performance (via)204
, , ,
How to Get Started With Social Media Automation (by/via)203
, ,
How to Cancel an HTTP Request in Node.js (by)202
,
How to Win at CORS (by)201
, , ,
Internationalization: How to Boost Traffic With a Multilingual Site (via)200
,
How to Implement and Style the “Dialog” Element (by/via)199
, ,
UX Accessibility: How to Start Designing for All (by/via)198
,
How to Build an Expandable Accessible Gallery (by/via)197
, ,
How to Expand Your Engineering Skill Set Without Quitting Your Day Job (via)196
,
How to Use “Promise.any()” (by)195
,
Flexbox or CSS Grid? How to Make Layout Decisions That Make Sense (by/via)194
, , , ,
How to Automate Documentation Workflow for Developers (via)193
, , ,
How to Set Up an AWS S3 Static SSL Website (by/via)192
,
How to Calculate REMs From Pixels (by)191
How to Test for Accessibility With Users at Every Design Stage (by/via)190
,
How to Use “Promise.allSettled()” (by)189
,
How to Build Resilient JavaScript UIs (by/via)188
, ,
How to Stay Focused as a Self-Taught Frontend Web Developer (by)187
, ,
How to Hand Off Accessible Designs to Developers? (via)186
,
How to Eliminate Render-Blocking Resources: A Deep Dive (by)185
,
How to Migrate From WordPress to a Headless CMS (by/via)184
, , ,
How to Get a Pixel-Perfect, Linearly Scaled UI (by/via)183
, ,
How to Migrate From jQuery to Next.js (by/via)182
, ,
How to Convert Arrays to Human-Readable Lists in JavaScript (by)181
, ,
How to Use “Promise.all()” (by)180
,
Feature Checklists Are Not Enough: How to Avoid Making Bad Software (by/via)179
, ,
React Architecture: How to Structure and Organize a React Application (by)178
,
How to Use Dynamic Imports in JavaScript (by)177
How to Center Anything in CSS Using Flexbox and Grid (by/via)176
, , ,
How to Fix Cumulative Layout Shift (CLS) Issues (by/via)175
,
How to Build an Image Comparison Slider (by)174
,
How to Implement Authentication in Next.js With Auth0 (by/via)173
, , ,
How to Name Your Design System (via)172
,
How to Satisfy User Intent When Considering Search vs. Browse (via)171
, , ,
Better Onboarding: How to Prevent Codebase Overwhelm (via)170
How to Build a Developer Blog With Gatsby and MDX (by/via)169
,
How to Build a Great Developer Experience (by/via)168
How to Use SVG Image Sprites (by/via)167
, ,
How to Get a Dysfunctional Team Back on Track (by/via)166
, ,
How to Use PostCSS as a Configurable Alternative to Sass (by/via)165
, ,
How to Test the Accessibility of Your Components With Storybook (by)164
, ,
How to Use WordPress as a Headless CMS for Eleventy (by/via)163
, , ,
How to Set Up VS Code for React Development (by/via)162
, , ,
How to Deal With Common React JS Problems—Actionable Tips (via)161
,
How to Find and Fix Common Website Accessibility Issues (by/via)160
, , , , ,
How to Test Responsive Web Design Cross-Browser Compatibility (by/via)159
, , ,
How to Find the Cause of Horizontal Scrollbars (by/via)158
, , ,
How to Create High-Performance CSS Animations (by+/via)157
, ,
How to Automate API Testing With Postman (by/via)156
, , ,
How to Create Customer-Centric Landing Pages (by/via)155
, ,
How to Use Styled Components in React (by/via)154
, , ,
How to Document the Screen Reader User Experience (via)153
, , ,
How to Install Apache Web Server on Windows (by+/via)152
, , , ,
How to Set Up a Blog With Eleventy (by)151
,
How to Add a Sitemap to Eleventy (by)150
,
How to Design a Brand Logo (With Ease) (via)149
, , ,
How to Reevaluate Your Frontend Architecture (by/via)148
How to Convince Others Not to Use Dark Patterns (by/via)147
, , , ,
How to Succeed in Wireframe Design (by/via)146
, , ,
How to Create a Compelling Landing Page (by/via)145
, ,
Quick Tip: How to Hide Whitespace Changes in Git Diffs (by/via)144
, , , ,
How to Create a Particle Trail Animation in JavaScript (by/via)143
,
How to Create a Native Web Component Without a Framework (by/via)142
,
How to Debug a Node.js Application: Tips, Tricks, and Tools (by/via)141
, , , ,
How to Publish an Updated Version of an npm Package (by/via)140
,
How to Create a Headless WordPress Site on the Jamstack (by+/via)139
, ,
Introduction to WebSockets: How to Create Responsive and Low-Latency Applications (via)138
, , ,
How to Automatically Update Your JavaScript Dependencies (by/via)137
, , , ,
How to Install MySQL (by/via)136
, ,
How to Pass Data Between Components in Vue.js (by/via)135
,
How to Convert Variable TTF Font Files to WOFF2 (by)134
, ,
How to Style and Animate the Letters in a String Using CSS (by)133
, ,
How to Ease Your Team’s Development Workflow With Git Hooks (by/via)132
, ,
How to Ensure Your Design System Helps to Achieve the Purpose of Your Product (by/via)131
,
What Is Vuetify? How to Install and Key Components Overview130
, , ,
How to Add CSS Vendor Prefixes Automatically (by/via)129
, , , , , , ,
How to Build Unique, Beautiful Websites With Tailwind CSS (by/via)128
How to Set Up a Vue Development Environment (by/via)127
,
How to Run Heroku Scheduler Weekly (by)126
How to Get Started With Vuetify (by/via)125
, ,
How to Use Redux With React Hooks (by)124
, ,
Vue.js and SEO: How to Optimize Reactive Websites for Search Engines and Bots (by/via)123
,
How to Use Spaces in Web Design With Gestalt Principles (by/via)122
,
How to Align Things in CSS (by/via)121
,
How to Conditionally Apply a CSS Class in Vue.js (by/via)120
,
How to Avoid DOM Blocking in JavaScript (by/via)119
, ,
How to Migrate to Gulp.js 4.0 (by/via)118
,
When and How to Use CSS Multi-Column Layout (by/via)117
,
How to Learn CSS (by/via)116
,
From Maker to Manager: How to Take the Leap (by/via)115
,