![Frontend Dogma](https://d1cxmu1ofnef1v.cloudfront.net/media/logo.svg)
“2023” Archive (4)
- Arrow Functions vs. Traditional Functions in JavaScript (by) · · videos, javascript, functions, comparisons
- Node v20.7.0 (by/via) · · release-notes, nodejs
- Node.js: A Guide to Native .env Support and Local Development (by) · · guides, nodejs, environments
- First Steps to an Accessible Website—Skip Links (via) · · accessibility, links
- A (More) Modern CSS Reset (by) · · css, resetting
- WebKit Features in Safari 17.0 (by/via) · · release-notes, user-agents, apple, safari, webkit
- 1-Minute CSS Tip: Accent Colors (by) · · tips-and-tricks, css, forms
- Managing Design Debt: Strategies for Sustainable User Experience (by/via) · · design-debt, user-experience, strategies
- Understanding the JavaScript Modulo Operator (by) · · javascript, math
- One Thing Nobody Explained to You About TypeScript (by) · · typescript, configuration
- Accessibility and Inclusivity: Study Guide (by/via) · · guides, accessibility, dei, training, link-lists
- 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
- The JS Community on Twitter Is Dead (by) · · social-media, community, javascript
- Expanding Your Touch Targets (by) · · accessibility, usability, user-experience
- Why Not React? (by) · · react
- Sustainability and Tech and Us (by) · · sustainability, performance, minimalism, principles
- Bun Hype: How We Learned Nothing From Yarn (by) · · bun, yarn, dependencies, history
- 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
- Securing Your Node.js Apps by Analyzing Real-World Command Injection Examples (by) · · nodejs, security, history, examples
- Whataboutism (by) · · accessibility
- What Makes Some Interruptions More Disruptive Than Others? (by) · · productivity, efficiency, career
- Revealing Images With CSS Mask Animations (by/via) · · css, animations, techniques
- Incremental Static Regeneration for Angular (by/via) · · angular, incremental-static-regeneration
- Submit Your Proposals for Interop 2024 (by+/via) · · interoperability, web-platform, support
- How Custom Property Values Are Computed (by) · · css, custom-properties
- Why Is Creativity So Blurry, and Am I Creative? (via) · · creativity, design, career
- The 10ish Tools I Install on Every New Mac I Get (by) · · tooling, apple, link-lists
- 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 10 Tools I Install on Every New Mac I Get (by) · · tooling, apple, link-lists
- JavaScript Is Getting Array Grouping Methods (by) · · javascript, arrays
- How to Set Up Personal OKRs (by) · · how-tos, processes, okr, prioritization
- Why I Quit Open Source (by) · · foss, community, career
- Why Drupal 10 (by/via) · · videos, drupal
- Multi-Page Web Apps (by) · · web-apps, mpas, user-experience
- Getting Started With CSS in JS (via) · · introductions, css-in-js
- Documentation Is a Living Thing: How We Talk Informs What We Make (by/via) · · documentation, communication, collaboration
- Use Cases for IIFEs (by) · · javascript
- From Silos to Design Systems (via) · · design-systems, processes, case-studies
- Limitations of Scoped CSS (by) · · css, scope
- 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
- I Think I Kind of Hate Lazy Loading (by) · · performance, lazy-loading
- 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
- 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
- Changes and Additions in Pointer Events Level 3 (by/via) · · videos, transcripts, standards, events
- Creating Dynamic README.md File (by) · · readme, github
- 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
- Cool Tools (by/via) · · tooling, link-lists
- Bun, JavaScript, and TCO (by) · · bun, javascript, optimization
- How I Approach and Structure Enterprise Frontend Applications After 4 Years of Using Next.js (by) · · architecture, conventions, nextjs
- Running a Playwright Script on AWS Lambda (by) · · playwright, automation, aws
- Why Your Design System Needs a Component Process (by) · · design-systems, components, processes
- A New Method to Validate URLs in JavaScript (by) · · javascript, validation, urls
- JavaScript WTF: Why Does “every()” Return “true” for Empty Arrays? (by) · · javascript
- The Dangers of Deceptive Design Patterns (and How to Avoid Them) (via) · · user-experience, dark-patterns
- Bun 1.0 (by+/via) · · bun, release-notes
- 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
- Building a Real-Time Chat With Websockets, Novel, and Clerk (by/via) · · communication, vite, react, nodejs, express, websocket
- Delay, Sleep, Pause, and Wait in JavaScript (by/via) · · javascript
- 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
- From Data-Driven to Decision-Driven (by/via) · · strategies, product-management, metrics
- CSS Lobotomized Owl Selector: A Modern Guide (by/via) · · css, selectors, guides, history
- CSS “display” Is a Multi-Keyword Property? (by/via) · · videos, css
- Release Notes for Safari Technology Preview 178 (by/via) · · release-notes, user-agents, apple, safari
- Turbo 8 Is Dropping TypeScript (by/via) · · hotwire, release-notes, typescript
- Four Common Types of Code Coverage (by+/via) · · testing, code-coverage
- Using Labeled Loops in JavaScript (by) · · javascript
- 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
- First, Do No Harm: Mistakes to Avoid in Creating Accessible User Experiences (via) · · accessibility, user-experience, mistakes
- 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
- 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
- Essential Metrics for Click Testing (by/via) · · user-experience, metrics, testing
- Equivalent Experience Can Cut Both Ways (by) · · accessibility, user-experience
- Node v20.6.0 (by/via) · · release-notes, nodejs
- NODE_ENV Considered Harmful (by) · · nodejs, environments
- Understanding SSR, CSR, ISR, and SSG: A Comprehensive Guide (by) · · guides, client-side-rendering, server-side-rendering, incremental-static-regeneration
- Web Components Don’t Need You (by/via) · · web-components
- 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, leadership
- A Wide View of Automated Testing in React Apps (by) · · react, testing, automation
- Information Architecture vs. Sitemaps: What’s the Difference? (by/via) · · information-architecture, sitemaps, comparisons
- Type Safe CSS Design Systems With “@ property” (by) · · design-systems, css, at-rules, type-safety
- Dialog Dilemmas and Modal Mischief: A Deep Dive Into Popovers and How to Build Them (by) · · slides, html, pop-overs, modals
- Small Details to Improve Your Website’s Experience (by) · · user-experience, html, css, metadata
- Selecting the Scoping Root (by) · · css, scope
- Clocks and Countdowns: Timing in CSS and JavaScript (by) · · css, javascript
- Three Dimensions of Developer Productivity (by) · · developer-experience, productivity, quality
- Is Atomic Design Dead? (by/via) · · videos, design, atomic-design
- An Introduction to the Laravel PHP Framework (via) · · introductions, frameworks, laravel, php
- Understanding Feature Flags: Improving Feature Management (by/via) · · videos, feature-management, optimization
- Decoding WCAG: “Alternative for Time-Based Media” and “Media Alternative for Text” (by/via) · · wcag, accessibility, multimedia
- Things That Jakob’s Law Is Not (by) · · user-experience, usability, web
- How to Make Charts and Graphs More Accessible (via) · · how-tos, information-design, images, accessibility
- Build a GraphQL Gateway: Combine, Stitch, or Merge Any Datasource (by/via) · · data-fetching, graphql
- What Is Inclusion Anyways? Lessons From the Disabled Community · · slides, lessons, dei, accessibility
- What Is the View Transitions API and How to Use It With Meta Frameworks (by/via) · · transitions, apis, frameworks, support
- Let’s Make a Rubber Button With HTML, CSS and SVG (by/via) · · buttons, html, css, svg, images
- Tracking Errors in a Node.js Application (by/via) · · monitoring, errors, nodejs
- Connected Grid Layout Animation (by/via) · · css, layout, animations
- Why Do I Have Layout Shift? (by+/via) · · videos, performance, web-vitals
- Web Sustainability Guidelines (WSG) 1.0 (by+/via) · · guidelines, sustainability
- Getting Started With htmx: A Comprehensive Guide for Beginners (via) · · guides, introductions, htmx
- Using “rem” Doesn’t Make Your Website Responsive—Here’s Why · · responsive-design, units, css
- Memorization and Learning to Code (by/via) · · learning, productivity, career, programming
- Astro 3.0 (by+/via) · · astro, release-notes
- Accessibility Theater (via) · · accessibility
- CSS Loaders (by) · · websites, css, animations, effects
- Case Study: Rebuilding TechCrunch Layout With Modern CSS (by) · · case-studies, refactoring, css
- Building Accessibility Into Your Company, Team, and Culture (by/via) · · videos, accessibility, culture
- Why Are Websites Embarrassing? (by) · · quality, craft
- Announcing Cypress 13 With Test Replay (via) · · cypress, release-notes
- 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
- Benchmarks [for 24 CSV Parsing Approaches] (by) · · csv, parsing, performance, comparisons
- Hover Triangles (by) · · history, navigation
- Five Optimization and Performance Tools That Enhance Website User Experience (via) · · user-experience, performance, optimization, tooling, link-lists
- Git Uncommit (by) · · git, command-line
- Navigating Web Accessibility Litigation: Advice From a General Counsel (via) · · accessibility, legal
- An Overview of Feature Flags (via) · · overviews, feature-management, releasing, testing, product-management
- Code Splitting in React: Optimize Performance by Splitting Your Code (by) · · code-splitting, react, performance, optimization
- Single-Page Applications: Ember vs. Angular (via) · · spas, emberjs, angular, comparisons
- Realistic CSS Animations and the “linear()” Timing Function (by) · · css, animations, functions
- Six Reasons Not to Use React (by) · · videos, react
- From User Needs to User Dreams: Find the Future of Your Product (by/via) · · user-experience, design, visions
- 8 Habits That Hold Back Your Developer Potential (by) · · career, productivity
- How I Write Alt Text for Code Snippets on Social Media (by) · · accessibility, alt-text, writing, social-media
- Falling for OKLCH: A Love Story of Color Spaces, Gamuts, and CSS (by/via) · · colors, oklch, css
- Web UX: Study Guide (via) · · guides, user-experience, training, link-lists
- Co-Authoring Git Commits (by) · · git, collaboration, documentation
- State of CSS 2023 (by+/via) · · surveys, css
- Package-Based Architecture—Let’s Deliver the Packages (by/via) · · architecture, modules, flutter
- Accessible Navigation (by) · · accessibility, navigation
- Biases in Design: Hiding in Plain Sight in a World Full of Visuals (via) · · design
- Dark Mode: How Users Think About It and Issues to Avoid (by/via) · · dark-mode, user-experience, accessibility, best-practices
- Browser Automation With Puppeteer (by) · · puppeteer, automation, testing
- Visualizing Recursion With the Sierpinski Triangle (by) · · algorithms, javascript
- 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
- WTF Is a Vector Database: A Beginner’s Guide (by) · · guides, databases
- Scope vs. Shadow DOM (by) · · shadow-dom, dom, scope, css, javascript, comparisons
- Where to Put Focus When Deleting a Thing (by) · · accessibility, focus
- Stakeholder Management for Design Systems (by/via) · · design-systems, leadership, processes
- What Is Alt Text and How to Write It (via) · · accessibility, alt-text, writing
- TypeScript 5.3 First Look (by) · · typescript
- Main-ly Speaking (by) · · accessibility, html
- European Accessibility Act: Article 32, and Why It Sucks (by) · · accessibility, legal
- A More Intelligent and Secure Web (by/via) · · videos, w3c, standards, web, web-platform, security
- Announcing TypeScript 5.2 (by/via) · · release-notes, typescript
- Block the Bots That Feed “AI” Models by Scraping Your Website (by) · · robotstxt, scraping, ai
- 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
- To Test or Not to Test, a Technical Perspective (by/via) · · testing, automation, best-practices
- Pros and Cons of Using Shadow DOM and Style Encapsulation (by) · · web-components, dom, shadow-dom
- 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
- Use Web Components for What They’re Good At (by) · · web-components
- The Art of UX Writing (via) · · user-experience, writing, craft
- A Few Interesting Ways to Use CSS Shadows for More Than Depth (by/via) · · css, shadows, effects
- 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
- Release Notes for Safari Technology Preview 177 (by/via) · · release-notes, user-agents, apple, safari
- No One Actually Wants Simplicity (by) · · complexity, simplicity
- View Transitions Break Incremental Rendering (by) · · transitions, apis, rendering
- WebGlossary.info (by) · · websites, learning, training, concepts, terminology
- Please Size Your Inline SVGs (by) · · svg, images
- Changes Over the Last 25 Years of UX Research (by/via) · · user-experience, research, history
- Migrating From Color Styles to Local Variables in Figma (via) · · figma, colors, migration
- The Ideal Viewport Doesn’t Exist (by+/via) · · responsive-design, user-experience
- Writing Component Specs (by) · · components, documentation, writing
- Progressively Enhanced Form Validation: Validating a Checkbox Group (by/via) · · forms, validation, progressive-enhancement
- Patterns for Reactivity With Modern Vanilla JavaScript (by/via) · · reactivity, javascript
- Bézier Curves (by+) · · animations
- Can We Truly “Create” Value? (by/via) · · user-experience, economics
- Two Important New Roles for UX Designers in the Era of AI (by/via) · · user-experience, design, career, ai
- How to Make an Impact as a Developer Advocate (by) · · how-tos, developer-relations, advocacy, career
- “We’re All Just Temporarily Abled” (by) · · accessibility
- The Definitive Guide to Web Personalization: Strategies, Tools, and More to Know (via) · · guides, personalization, strategies
- 7 Reasons to Replace Advanced Search With Filters So Users Can Easily Find What They Need (by) · · design, usability, user-experience, searching
- Styling Links and Buttons (by) · · links, buttons, css, usability
- Why htmx Does Not Have a Build Step (by/via) · · htmx, building
- Getting Started With SCSS—the CSS Preprocessor With Superpowers · · introductions, preprocessors, sass
- Let’s Build a Website Using XML (by) · · xml, css
- Combining “:placeholder-shown” and “:has” (by) · · css, selectors, forms
- A Beginner’s Guide to Using Pico CSS (by/via) · · guides, pico
- React Props: A Visual Guide · · guides, react, props
- Scroll Shadows With “animation-timeline” (by) · · scrolling, shadows, css
- Adding a “Share to Mastodon” Link to Any Web Site (by) · · social-media, links, mastodon, community, javascript
- React JSX (via) · · react, jsx
- Demystifying CORS: Understanding How Cross-Origin Resource Sharing Works · · security, cors, javascript
- How to Use Headless Chrome in Serverless Functions With a 50 MB Limit (by) · · how-tos, headless, serverless, functions, user-agents, google, chrome
- Being “Polite” Does Not Ensure Access (via) · · accessibility, legal
- Identifying, Fixing, and Preventing Cannibalization (by/via) · · transcripts, seo
- Tabs Are Objectively Better Than Spaces (by) · · formatting, developer-experience, accessibility
- Why Do Users Prefer Certain Design? Insights From the Landscape Theory (via) · · design
- A Deep Dive Into CSS “color-mix()” (by) · · videos, css, colors
- XUL and HTML (by/via) · · xul, html, comparisons
- How to Use the CSS “gap” Property (by/via) · · how-tos, css, layout
- The New CSS Math: “round()” (by) · · css, math
- “aria-haspopup” and Screen Readers (by) · · aria, support, user-agents, assistive-tech, screen-readers
- Accessibility Is Not Inclusive Design or Disability Rights—It’s a Part of It (by) · · accessibility, dei, legal
- BEM Methodology Is Not About CSS (by) · · css, bem, conventions
- CSS-Only Syntax Highlighting… With a Single Element and Gradients (by) · · css, gradients
- Thinking on Ways to Solve Adaptive Typography (by/via) · · videos, typography, css, fonts
- Towards HTTPS by Default (by/via) · · user-agents, google, chrome, http, tls, security
- 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
- A Better “setTimeout()” in JavaScript (by) · · javascript
- An Intro to the “dialog” Element (by) · · introductions, modals, html, semantics
- New in Chrome 116: Document Picture-in-Picture API, “notRestoredReasons” Property, and More (by/via) · · release-notes, user-agents, google, chrome
- How Layout Position Impacts Three Big Web Performance Levers (by/via) · · performance, web-vitals
- CSS Selectors: A Visual Guide (by) · · guides, css, selectors
- Beginner’s Guide to Lists and How to Make Them Accessible (via) · · guides, html, accessibility
- A Guide to Optimizing JavaScript Files (by/via) · · guides, javascript, performance, optimization, minification, compression
- A Beginner’s Guide to SvelteKit (by/via) · · guides, sveltekit
- Progressively Enhanced Form Validation: Layering in JavaScript (by/via) · · forms, validation, progressive-enhancement, javascript
- How to Test Mobile Apps on a Real Device Cloud (via) · · how-tos, testing, mobile
- Useable (by) · · accessibility, community
- WebAssembly: Byte-Code of the Future (by) · · webassembly
- Why Inclusive Language Matters in Coding (by/via) · · dei, terminology, processes, documentation
- Unveiling the Power of Code-Splitting With Webpack for React and Redux Applications · · code-splitting, webpack, react, redux
- Testing Your Animation Refresh Rate With CSS Crimes? (by) · · discussions, css, animations
- An “alt” Decision Tree Using Only “:has()” (by) · · accessibility, css, alt-text
- Sophisticated, Highly-Targeted Attacks Continue to Plague npm (via) · · npm, security
- Write About What You Learn—It Pushes You to Understand Topics Better (by) · · learning, writing, processes, career
- Debugging Rules: Understand the System (by) · · debugging
- Balance in UX Design: Symmetry, Asymmetry, and Radial Balance (via) · · videos, design, user-experience