![Frontend Dogma](https://d1cxmu1ofnef1v.cloudfront.net/media/logo.svg)
“2023” Archive (4)
- How to Migrate From npm to pnpm (via) · · how-tos, migration, npm, pnpm
- What Can You Do With “data” Attributes? (by) · · html, javascript
- We are Chrome for Developers (via) · · user-agents, google, chrome, chromium, community, foss, history
- The Psychology of Web Performance (by/via) · · videos, performance
- Release Notes for Safari Technology Preview 179 (by/via) · · release-notes, user-agents, apple, safari
- Introducing Runes (via) · · svelte
- How to Use the New “<search>” Element With WordPress (by) · · how-tos, html, wordpress
- How to Make Forms in Angular Reusable (by) · · videos, how-tos, angular, forms, maintainability
- Experimenting With Measuring Soft Navigations (by+/via) · · performance, web-vitals, navigation, experiments, metrics
- A Quick Introduction to NestJS (via) · · introductions, frameworks, nestjs
- What an Economist Article Says About Website Accessibility and Lawsuits (by/via) · · accessibility, legal
- Get All That Network Activity Under Control With Priority Hints (by) · · network, hints, performance
- Bun vs. Node.js: Everything You Need to Know (by/via) · · bun, nodejs, comparisons
- Better User and Developer Experience With htmx (by+/via) · · videos, htmx
- WebKit Features in Safari 17.0 (by/via) · · release-notes, user-agents, apple, safari, webkit
- Understanding the JavaScript Modulo Operator (by) · · javascript, math
- One Thing Nobody Explained to You About TypeScript (by) · · typescript, configuration
- Node.js: A Guide to Native .env Support and Local Development (by) · · guides, nodejs, environments
- Node v20.7.0 (by/via) · · release-notes, nodejs
- Managing Design Debt: Strategies for Sustainable User Experience (by/via) · · design-debt, user-experience, strategies
- Git: Don’t Create .gitkeep Files, Use .gitignore Instead (by) · · git
- First Steps to an Accessible Website—Skip Links (via) · · accessibility, links
- Arrow Functions vs. Traditional Functions in JavaScript (by) · · videos, javascript, functions, comparisons
- A (More) Modern CSS Reset (by) · · css, resetting
- 1-Minute CSS Tip: Accent Colors (by) · · tips-and-tricks, css, forms
- Why Not React? (by) · · react
- The JS Community on Twitter Is Dead (by) · · social-media, community, javascript
- Sustainability and Tech and Us (by) · · sustainability, performance, minimalism, principles
- How UnoCSS Works Internally With Vite? (by) · · unocss, vite
- How to Make a Strong Case for Accessibility (by/via) · · how-tos, accessibility, communication
- Expert CSS: The CPU Hack (by) · · css, custom-properties
- Expanding Your Touch Targets (by) · · accessibility, usability, user-experience
- Accessibility and Inclusivity: Study Guide (by/via) · · guides, accessibility, dei, training, link-lists
- Writing Clean Code: Best Practices and Principles (by) · · javascript, best-practices, principles, conventions, formatting, maintainability
- Solved by CSS Scroll-Driven Animations: Detect if an Element Can Scroll or Not (by/via) · · css, scrolling, animations
- Bun Hype: How We Learned Nothing From Yarn (by) · · bun, yarn, dependencies, history
- Whataboutism (by) · · accessibility
- What Makes Some Interruptions More Disruptive Than Others? (by) · · productivity, efficiency, career
- Securing Your Node.js Apps by Analyzing Real-World Command Injection Examples (by) · · nodejs, security, history, examples
- Revealing Images With CSS Mask Animations (by/via) · · css, animations, techniques
- How to Actually Integrate Angular and NestJS (by) · · how-tos, angular, nestjs
- Why Is Creativity So Blurry, and Am I Creative? (via) · · creativity, design, career
- View Transition Debugging (by) · · videos, transitions, apis, debugging
- v0.dev (via) · · websites, components, tooling, ai, react, tailwind
- The 5 Principles of Unit Testing (via) · · principles, testing, quality
- The 10ish Tools I Install on Every New Mac I Get (by) · · tooling, apple, link-lists
- The 10 Tools I Install on Every New Mac I Get (by) · · tooling, apple, link-lists
- Submit Your Proposals for Interop 2024 (by+/via) · · interoperability, web-platform, support
- JavaScript Is Getting Array Grouping Methods (by) · · javascript, arrays
- Incremental Static Regeneration for Angular (by/via) · · angular, incremental-static-regeneration
- How Custom Property Values Are Computed (by) · · css, custom-properties
- Why I Quit Open Source (by) · · foss, community, career
- Why Drupal 10 (by/via) · · videos, drupal
- Use Cases for IIFEs (by) · · javascript
- Multi-Page Web Apps (by) · · web-apps, mpas, user-experience
- How to Set Up Personal OKRs (by) · · how-tos, processes, okr, prioritization
- Documentation Is a Living Thing: How We Talk Informs What We Make (by/via) · · documentation, communication, collaboration
- The Cult of Productivity (by/via) · · productivity, efficiency, career
- Stop Lazy Loading Product and Hero Images (by/via) · · performance, lazy-loading, images
- Nuclear Anchored Sidenotes (by) · · css, experiments
- Limitations of Scoped CSS (by) · · css, scope
- I Think I Kind of Hate Lazy Loading (by) · · performance, lazy-loading
- From Silos to Design Systems (via) · · design-systems, processes, case-studies
- What Is Functional Testing? Definition, Key Concepts, and Types (by/via) · · testing, terminology, concepts
- The Real Value of Tokens (via) · · design, design-tokens
- State of Web Accessibility, ARIA in HTML, and Missing UI Patterns (by+/via) · · podcasts, accessibility, aria, html
- JPEG and EXIF Data Manipulation in JavaScript (by/via) · · jpeg, metadata, javascript
- Gradients, Blend Modes, and a Really Cool Hover Effect (by/via) · · css, effects, gradients
- Changes and Additions in Pointer Events Level 3 (by/via) · · videos, transcripts, standards, events
- Rewriting Digital Content for Brevity (via) · · writing, content, refactoring, tips-and-tricks
- Medium vs. DEV vs. Hashnode vs. Hackernoon (by) · · writing, community, productivity, comparisons
- Discover Bun—a Faster, Modern JavaScript Runtime (by) · · bun, javascript, runtimes
- Creating Dynamic README.md File (by) · · readme, github
- Cool Tools (by/via) · · tooling, link-lists
- Running a Playwright Script on AWS Lambda (by) · · playwright, automation, aws, serverless
- Why Your Design System Needs a Component Process (by) · · design-systems, components, processes
- How I Approach and Structure Enterprise Frontend Applications After 4 Years of Using Next.js (by) · · architecture, conventions, nextjs
- Bun, JavaScript, and TCO (by) · · bun, javascript, optimization
- The Dangers of Deceptive Design Patterns (and How to Avoid Them) (via) · · user-experience, dark-patterns
- JavaScript WTF: Why Does “every()” Return “true” for Empty Arrays? (by) · · javascript
- Bun 1.0 (by+/via) · · bun, release-notes
- A New Method to Validate URLs in JavaScript (by) · · javascript, validation, urls
- WOFF Has Left the Building (by) · · fonts, typography, css, support
- Why Are We Not Still Using Tables-for-Layout? (by) · · css, techniques, tables
- Web Components Accessibility FAQ (by) · · accessibility, web-components
- The New Google Fonts: Find What You’re Looking For (by/via) · · google, fonts
- The “Array.prototype.every()” Method Always Returns “true” for an Empty Array (by) · · javascript, arrays
- Gulp vs. Webpack—What Is Better: Using Webpack or Gulp.js? (via) · · gulp, webpack, comparisons
- From Data-Driven to Decision-Driven (by/via) · · strategies, product-management, metrics
- Delay, Sleep, Pause, and Wait in JavaScript (by/via) · · javascript
- CSS Lobotomized Owl Selector: A Modern Guide (by/via) · · css, selectors, guides, history
- CSS “display” Is a Multi-Keyword Property? (by/via) · · videos, css
- Building a Real-Time Chat With Websockets, Novel, and Clerk (by/via) · · communication, vite, react, nodejs, express, websocket
- Using Labeled Loops in JavaScript (by) · · javascript
- Turbo 8 Is Dropping TypeScript (by/via) · · hotwire, release-notes, typescript
- Release Notes for Safari Technology Preview 178 (by/via) · · release-notes, user-agents, apple, safari
- Making Sense of React Server Components (by) · · react, components
- Long Live the Test Pyramid (by/via) · · testing, quality, maintainability
- Is AI the Silver Bullet of Accessibility? (via) · · accessibility, ai
- GoDaddy Retires Media Temple Brand (by/via) · · domains, hosting
- Four Common Types of Code Coverage (by+/via) · · testing, code-coverage
- The Perpetual Circle of Accessibility (by) · · accessibility, learning
- Progressively Enhanced Form Validation: Custom Validation Messages (by/via) · · forms, validation, progressive-enhancement, errors
- Node.js vs. Deno vs. Bun: JavaScript Runtime Comparison (via) · · nodejs, deno, bun, javascript, runtimes, comparisons
- Node.js Includes Built-In Support for .env Files (by) · · nodejs, support, environments
- First, Do No Harm: Mistakes to Avoid in Creating Accessible User Experiences (via) · · accessibility, user-experience, mistakes
- Essential Metrics for Click Testing (by/via) · · user-experience, metrics, testing
- Equivalent Experience Can Cut Both Ways (by) · · accessibility, user-experience
- Compact HTML (via) · · chtml
- Browser Video Players Review (by) · · html, multimedia, accessibility, user-agents, assistive-tech, screen-readers, support
- 8 Micro Tips for Remarkably Better Typography (by/via) · · typography, tips-and-tricks, readability
- Web Components Don’t Need You (by/via) · · web-components
- Understanding SSR, CSR, ISR, and SSG: A Comprehensive Guide (by) · · guides, client-side-rendering, server-side-rendering, incremental-static-regeneration
- Node v20.6.0 (by/via) · · release-notes, nodejs
- NODE_ENV Considered Harmful (by) · · nodejs, environments
- Top Website Redesign Tips for 2023 (via) · · redesign, tips-and-tricks
- Style Is Consistent Constraint (by) · · design, consistency
- On Productivity Metrics and Management Consultants (by) · · productivity, metrics
- Information Architecture vs. Sitemaps: What’s the Difference? (by/via) · · information-architecture, sitemaps, comparisons
- A Wide View of Automated Testing in React Apps (by) · · react, testing, automation
- JetBrains Qodana Review (via) · · jetbrains, qodana
- Why I Switched From Sublime Text to Visual Studio Code · · code-editors, sublime-text, vs-code, microsoft
- Type Safe CSS Design Systems With “@ property” (by) · · design-systems, css, at-rules, type-safety
- Three Dimensions of Developer Productivity (by) · · developer-experience, productivity, quality
- Small Details to Improve Your Website’s Experience (by) · · user-experience, html, css, metadata
- Selecting the Scoping Root (by) · · css, scope
- Dialog Dilemmas and Modal Mischief: A Deep Dive Into Popovers and How to Build Them (by) · · slides, html, pop-overs, modals
- Clocks and Countdowns: Timing in CSS and JavaScript (by) · · css, javascript
- Understanding Feature Flags: Improving Feature Management (by/via) · · videos, feature-management, optimization
- Things That Jakob’s Law Is Not (by) · · user-experience, usability, web
- The Role of Cloud Computing in Web Development (via) · · cloud-computing
- Is Atomic Design Dead? (by/via) · · videos, design, atomic-design
- How to Make Charts and Graphs More Accessible (via) · · how-tos, information-design, images, accessibility
- Decoding WCAG: “Alternative for Time-Based Media” and “Media Alternative for Text” (by/via) · · wcag, accessibility, multimedia
- Build a GraphQL Gateway: Combine, Stitch, or Merge Any Datasource (by/via) · · data-fetching, graphql
- An Introduction to the Laravel PHP Framework (via) · · introductions, frameworks, laravel, php
- Why Do I Have Layout Shift? (by+/via) · · videos, performance, web-vitals
- What Is the View Transitions API and How to Use It With Meta Frameworks (by/via) · · transitions, apis, frameworks, support
- What Is Inclusion Anyways? Lessons From the Disabled Community · · slides, lessons, dei, accessibility
- Web Sustainability Guidelines (WSG) 1.0 (by+/via) · · guidelines, sustainability
- Using “rem” Doesn’t Make Your Website Responsive—Here’s Why · · responsive-design, units, css
- Tracking Errors in a Node.js Application (by/via) · · monitoring, errors, nodejs
- Sustainable SEO: Processes and Practices (via) · · seo, sustainability, processes, best-practices
- Memorization and Learning to Code (by/via) · · learning, productivity, career, programming
- Let’s Make a Rubber Button With HTML, CSS and SVG (by/via) · · buttons, html, css, svg, images
- Getting Started With htmx: A Comprehensive Guide for Beginners (via) · · guides, introductions, htmx
- CSS Loaders (by) · · websites, css, animations, effects
- Connected Grid Layout Animation (by/via) · · css, layout, animations
- Case Study: Rebuilding TechCrunch Layout With Modern CSS (by) · · case-studies, refactoring, css
- Astro 3.0 (by+/via) · · astro, release-notes
- Accessibility Theater (via) · · accessibility
- Why Are Websites Embarrassing? (by) · · quality, craft
- Web Apps Are Better Than No Apps (by) · · web-apps
- Measuring Developer Productivity? A Response to McKinsey (by+) · · productivity, metrics
- How to Implement SSL/TLS Pinning in Node.js (via) · · how-tos, security, ssl, tls, nodejs
- Hover Triangles (by) · · history, navigation
- Git Uncommit (by) · · git, command-line
- Five Optimization and Performance Tools That Enhance Website User Experience (via) · · user-experience, performance, optimization, tooling, link-lists
- Building Accessibility Into Your Company, Team, and Culture (by/via) · · videos, accessibility, culture
- Benchmarks [for 24 CSV Parsing Approaches] (by) · · csv, parsing, performance, comparisons
- Announcing Cypress 13 With Test Replay (via) · · cypress, release-notes
- Six Reasons Not to Use React (by) · · videos, react
- Single-Page Applications: Ember vs. Angular (via) · · spas, emberjs, angular, comparisons
- Realistic CSS Animations and the “linear()” Timing Function (by) · · css, animations, functions
- Navigating Web Accessibility Litigation: Advice From a General Counsel (via) · · accessibility, legal
- How I Write Alt Text for Code Snippets on Social Media (by) · · accessibility, alt-text, writing, social-media
- From User Needs to User Dreams: Find the Future of Your Product (by/via) · · user-experience, design, visions
- Falling for OKLCH: A Love Story of Color Spaces, Gamuts, and CSS (by/via) · · colors, oklch, css
- Code Splitting in React: Optimize Performance by Splitting Your Code (by) · · code-splitting, react, performance, optimization
- An Overview of Feature Flags (via) · · overviews, feature-management, releasing, testing, product-management
- 8 Habits That Hold Back Your Developer Potential (by) · · career, productivity
- Web UX: Study Guide (via) · · guides, user-experience, training, link-lists
- State of CSS 2023 (by+/via) · · surveys, css
- Package-Based Architecture—Let’s Deliver the Packages (by/via) · · architecture, modules, flutter
- Dark Mode: How Users Think About It and Issues to Avoid (by/via) · · dark-mode, user-experience, accessibility, best-practices
- Co-Authoring Git Commits (by) · · git, collaboration, documentation
- Biases in Design: Hiding in Plain Sight in a World Full of Visuals (via) · · design
- Accessible Navigation (by) · · accessibility, navigation
- Visualizing Recursion With the Sierpinski Triangle (by) · · algorithms, visualization, javascript
- Browser Automation With Puppeteer (by) · · puppeteer, automation, testing
- WTF Is a Vector Database: A Beginner’s Guide (by) · · guides, databases
- Where to Put Focus When Deleting a Thing (by) · · accessibility, focus
- Scope vs. Shadow DOM (by) · · shadow-dom, dom, scope, css, javascript, comparisons
- Introducing the 100-Year Plan: Secure Your Online Legacy for a Century (by/via) · · wordpress, domains, visions
- Catching Errors Thrown From “connectedCallback” (by) · · javascript, web-components, errors
- What Is Alt Text and How to Write It (via) · · accessibility, alt-text, writing
- TypeScript 5.3 First Look (by) · · typescript
- Stakeholder Management for Design Systems (by/via) · · design-systems, engineering-management, processes
- Main-ly Speaking (by) · · accessibility, html
- European Accessibility Act: Article 32, and Why It Sucks (by) · · accessibility, legal
- Announcing TypeScript 5.2 (by/via) · · release-notes, typescript
- A More Intelligent and Secure Web (by/via) · · videos, w3c, standards, web, web-platform, security
- Use Web Components for What They’re Good At (by) · · web-components
- To Test or Not to Test, a Technical Perspective (by/via) · · testing, automation, best-practices
- The Art of UX Writing (via) · · user-experience, writing, craft
- Pros and Cons of Using Shadow DOM and Style Encapsulation (by) · · web-components, dom, shadow-dom
- How to Get 12% More LinkedIn Followers, Impressions, and Clicks—Practical Accessibility Tips and Tricks (by/via) · · how-tos, accessibility, tips-and-tricks, social-media, best-practices
- How Organisations Respond to Accessibility Monitoring (via) · · accessibility, monitoring
- Google August 2023 Broad Core Update Is Live—What We Are Seeing Now (by/via) · · google, seo
- Block the Bots That Feed “AI” Models by Scraping Your Website (by) · · robotstxt, scraping, ai
- A Few Interesting Ways to Use CSS Shadows for More Than Depth (by/via) · · css, shadows, effects
- WebGlossary.info (by) · · websites, learning, training, concepts, terminology
- View Transitions Break Incremental Rendering (by) · · transitions, apis, rendering
- Release Notes for Safari Technology Preview 177 (by/via) · · release-notes, user-agents, apple, safari
- No One Actually Wants Simplicity (by) · · complexity, simplicity
- Debugging Speculation Rules (by/via) · · performance, debugging
- A Quick Introduction to CSS “@ scope” (by/via) · · introductions, css, scope, cascade, at-rules
- A Guide to Migrating From Webpack to Vite (by/via) · · guides, migration, webpack, vite
- Writing Component Specs (by) · · components, documentation, writing
- Two Important New Roles for UX Designers in the Era of AI (by/via) · · user-experience, design, career, ai
- The Ideal Viewport Doesn’t Exist (by+/via) · · responsive-design, user-experience
- Progressively Enhanced Form Validation: Validating a Checkbox Group (by/via) · · forms, validation, progressive-enhancement
- Please Size Your Inline SVGs (by) · · svg, images
- Patterns for Reactivity With Modern Vanilla JavaScript (by/via) · · reactivity, javascript
- Migrating From Color Styles to Local Variables in Figma (via) · · figma, colors, migration
- Changes Over the Last 25 Years of UX Research (by/via) · · user-experience, research, history
- Can We Truly “Create” Value? (by/via) · · user-experience, economics
- Bézier Curves (by+) · · animations
- “We’re All Just Temporarily Abled” (by) · · accessibility
- The Definitive Guide to Web Personalization: Strategies, Tools, and More to Know (via) · · guides, personalization, strategies
- How to Make an Impact as a Developer Advocate (by) · · how-tos, developer-relations, advocacy, career
- 7 Reasons to Replace Advanced Search With Filters So Users Can Easily Find What They Need (by) · · design, usability, user-experience, searching
- Why htmx Does Not Have a Build Step (by/via) · · htmx, building
- Styling Links and Buttons (by) · · links, buttons, css, usability
- Let’s Build a Website Using XML (by) · · xml, css
- Getting Started With SCSS—the CSS Preprocessor With Superpowers · · introductions, preprocessors, sass
- Combining “:placeholder-shown” and “:has” (by) · · css, selectors, forms
- Scroll Shadows With “animation-timeline” (by) · · scrolling, shadows, css
- React Props: A Visual Guide · · guides, react, props
- React JSX (via) · · react, jsx
- Identifying, Fixing, and Preventing Cannibalization (by/via) · · transcripts, seo
- How to Use Headless Chrome in Serverless Functions With a 50 MB Limit (by) · · how-tos, headless, serverless, functions, user-agents, google, chrome
- Demystifying CORS: Understanding How Cross-Origin Resource Sharing Works · · security, cors, javascript
- Being “Polite” Does Not Ensure Access (via) · · accessibility, legal
- Adding a “Share to Mastodon” Link to Any Web Site (by) · · social-media, links, mastodon, community, javascript
- A Beginner’s Guide to Using Pico CSS (by/via) · · guides, pico
- XUL and HTML (by/via) · · xul, html, comparisons
- Why Do Users Prefer Certain Design? Insights From the Landscape Theory (via) · · design
- The New CSS Math: “round()” (by) · · css, math
- Tabs Are Objectively Better Than Spaces (by) · · formatting, developer-experience, accessibility
- How to Use the CSS “gap” Property (by/via) · · how-tos, css, layout
- “aria-haspopup” and Screen Readers (by) · · aria, support, user-agents, assistive-tech, screen-readers
- A Deep Dive Into CSS “color-mix()” (by) · · videos, css, colors
- Thinking on Ways to Solve Adaptive Typography (by/via) · · videos, typography, css, fonts
- Getting Started in a New Codebase (by) · · onboarding, career, processes
- Four New CSS Features for Smooth Entry and Exit Animations (by+/via) · · css, animations, user-agents, google, chrome, support
- CSS-Only Syntax Highlighting… With a Single Element and Gradients (by) · · css, gradients, syntax-highlighting
- BEM Methodology Is Not About CSS (by) · · css, bem, conventions
- Accessibility Is Not Inclusive Design or Disability Rights—It’s a Part of It (by) · · accessibility, dei, legal
- A Better “setTimeout()” in JavaScript (by) · · javascript