“2024” Archive (6)
- JavaScript “var”, “let”, and “const” Explained (by+) · · javascript
- Introducing the Gulp Developer Survey (by/via) · · introductions, surveys, gulp
- Modern WordPress—Yikes! (by) · · wordpress, themes
- Why Patching Globals Is Harmful (by) · · javascript, programming
- Transparent Borders (by) · · css, borders, transparency, accessibility, contrast
- Servo Reboot: Where Are We Now? OSS-NA 2024 (by) · · browser-engines, servo, user-agents
- These CSS Pro Tips and Tricks Will Blow Your Mind (via) · · videos, css, tips-and-tricks
- What’s New in Node.js v22 (by) · · videos, nodejs
- Using the Popover API for HTML Tooltips (by/via) · · pop-overs, apis, html
- Using Simple Tools as a Radical Act of Independence (by/via) · · html, css, simplicity
- Mastering User-Centered Design, With 5 Advanced Tips (via) · · usability, user-experience, tips-and-tricks, accessibility, testing
- Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges II (via) · · redesign, strategies, dei, accessibility
- Errors Aren’t All Bad (by) · · errors
- An Introduction to the European Accessibility Act (EAA) (via) · · introductions, accessibility, legal
- A Brief Note on Highlighted Text (by) · · accessibility, colors, contrast, css, selectors
- Memory Management Every Developer Should Know (by) · · memory, garbage-collection
- Native Support for CJS/ESM Interoperability Begins in Node.js 22 (by) · · commonjs, esm, interoperability, support, nodejs
- The 7 Most Useful Web Design and Web Development Glossaries (by) · · concepts, terminology, link-lists
- Securing Client-Side JavaScript (by) · · javascript, security, graceful-degradation
- Misconceptions About CSS Specificity (by/via) · · css, selectors, cascade
- 5 Node Version Managers Compared—Which Is Right for You? (by) · · nodejs, comparisons, nvm, pnpm
- WCAG After Quarter of a Century—We Still Need More Awareness (by) · · accessibility, wcag, community
- The Value of Open Source in Furthering Accessibility Goals (by/via) · · videos, foss, accessibility
- Shades of Grey With “color-mix()” (by/via) · · css, functions, colors
- At Some Point, JavaScript Got Good (by) · · javascript, history
- A to Z of Assistive Technology for Reading Digital Text (by) · · accessibility, user-agents, assistive-tech, readability, concepts
- Quick-and-Dirty Accessibility (via) · · accessibility, techniques
- How Slack Automates Deploys (by) · · deploying, automation, case-studies
- So I Got Fired (by) · · career
- Poor Express Authentication Patterns in Node.js and How to Avoid Them (by) · · express, nodejs, authentication, security
- Content Standards in Design Systems (by/via) · · content, design-systems, processes
- How to Archive Your Design System Effectively (via) · · how-tos, design-systems, design, processes
- Will the CSS Scope Feature Replace Angular’s View Encapsulation? (by) · · angular, css, scope
- Web Development Trends We Will See in 2024 (by/via) · · trends
- Web Components From Early 2024 (by) · · web-components, link-lists
- The Vue Ecosystem in 2024 (by/via) · · vuejs, content-delivery, building, frameworks
- Introduction to htmx (via) · · introductions, htmx
- If View Transitions and Scroll-Driven Animations Had a Baby… (by/via) · · videos, css, transitions, animations
- Combining CSS “:has()” and HTML “<select>” for Greater Conditional Styling (by/via) · · css, selectors, html, techniques
- 3 Methods to Elevate Your Writing With Visual Content (by) · · writing, content, information-design
- Why Are My Live Regions Not Working? (by/via) · · accessibility, aria, live-regions
- When to Use Bun Instead of Node.js (by/via) · · bun, nodejs, comparisons
- Using AI to Predict Design Trends (via) · · ai, design, trends
- Understanding What Drupal Editors and Authors Need (by+/via) · · drupal
- The Evolution of Figma’s Mobile Engine: Compiling Away Our Custom Programming Language (by/via) · · figma, programming, typescript, migration, case-studies
- Should We Rely on Browser Detection? (by) · · user-agents, feature-detection
- Ryan Dahl: From Node.js and Deno to the “Modern” JSR Registry (by/via) · · interviews, nodejs, deno, jsr
- How to Create Content in WordPress With AI (by/via) · · how-tos, content, ai, wordpress
- Demystifying React’s Types: Ref Types (by) · · react
- Cookie Permissions: 6 Design Guidelines (via) · · videos, cookies, consent-management, privacy, user-experience, guidelines
- A React Developer’s Guide to Learning Solid.js (via) · · guides, react, solidjs, comparisons
- Web Forms: Costly Mistakes You Want to Avoid (by) · · books, forms, mistakes, usability, accessibility, maintainability
- Web Accessibility in the 2024 [U.S.] Presidential Campaigns (via) · · accessibility, case-studies
- Use Both Ratings Average and Number of Ratings When Sorting by User Ratings (via) · · usability, user-experience, sorting
- Pretty Much Every Website Uses the Wrong Font Size… (by) · · videos, css
- Popover API Is Here (by/via) · · apis, pop-overs, html
- I Reviewed 1,000s of Opinions on htmx (by) · · htmx
- Handling the Indentation of a Treeview Component (by) · · css
- Composability in Design Systems (by) · · design-systems, design, components
- An Alternative Proposal for CSS Masonry (by/via) · · css, layout, google
- How to Design Accessible Forms in 10 Steps (by/via) · · how-tos, design, accessibility, forms
- Introduction to NestJS (by) · · introductions, frameworks, nestjs
- What Is Vite (and Why Is It So Popular)? (by/via) · · vite
- WebAssembly Performance Patterns for Web Apps (by) · · webassembly, performance, web-apps
- Superior Range Syntax (by) · · css, media-queries
- New to the Web Platform in April (by/via) · · release-notes, web-platform, user-agents, mozilla, firefox, google, chrome, apple, safari
- My Approach to HTML Web Components (by) · · html, web-components
- Deprecating Support for “-ms-high-contrast” and “-ms-high-contrast-adjust” (via) · · microsoft, edge, css, support
- CSS Inheritance (by/via) · · css, cascade
- The Polish Paradox (by) · · design, optimization, user-experience
- No, I Don’t Want to Fill Out Your Contact Form (by) · · forms, user-experience
- Accessibility Evolution of Organizations (by) · · accessibility, processes, economics
- Top 50 System Design Interview Questions for 2024 (by) · · interviewing, architecture, link-lists
- What Do Developers Want From AI? (by) · · research, ai, productivity, efficiency
- The Picture-Superiority Effect: Harness the Power of Visuals (via) · · design, images, information-design
- Passkeys: A Shattered Dream (by) · · security, authentication, passwords
- Optimizing INP: A Deep Dive (via) · · videos, performance, debugging, web-vitals, optimization, user-agents, google, chrome, dev-tools
- Ditch Dotenv: Node.js Now Natively Supports .env File Loading (by/via) · · nodejs, environments, tooling
- Basic Algorithms (by) · · algorithms, searching, sorting
- Maintaining a Design System in Figma (by/via) · · design-systems, maintenance, figma
- The Rise of Large-Language-Model Optimization (by+) · · ai, optimization
- The HTML, CSS, and SVG for a Classic Search Form (by/via) · · searching, forms, html, css, svg
- Popover API Lands in Baseline (by/via) · · pop-overs, apis, user-agents, support, web-platform
- Introduction to Manual Website Accessibility Testing (via) · · videos, introductions, accessibility, testing
- Design Deja Vu (by) · · design, html, css, history, comparisons
- Conducting Accessibility Research in an Inaccessible Ecosystem (by/via) · · accessibility, processes, prototyping, research
- JSR Is Not Another Package Manager (by/via) · · jsr, dependencies
- Write Better CSS With Modern CSS (by) · · css, nesting, custom-properties, media-queries
- Why Don’t We Talk About Minifying CSS Anymore? (by/via) · · css, minification, performance
- Use “:has()” to Scope CSS · · css, selectors, scope
- The Problem With “new URL()”, and How “URL.parse()” Fixes That (by) · · javascript, urls
- The Perfect Site Doesn’t Exist (by/via) · · quality, maintenance, processes
- The New “!important” (by) · · css, cascade
- Printing Music With CSS Grid (by/via) · · css, examples
- Node.js Next 10 Survey—2024 (by/via) · · surveys, nodejs
- Node.js 22 Available Now (via) · · release-notes, nodejs
- HTML Attributes vs. DOM Properties (by) · · html, dom, comparisons
- How to Escape JavaScript for a Script Tag (by) · · how-tos, javascript, escaping, html
- Celebrate JavaScript Naked Day Every Year on April 24 (by) · · javascript, awareness-days, maintainability, graceful-degradation
- How the Meaning of Colour Varies per Culture (by/via) · · colors, culture
- Comparing Full Stack and Headless CMS Platforms (via) · · comparisons, content-management, wordpress, drupal, ghost
- Your Page Can’t Change Media Features (by) · · css, media-queries, user-experience, apis
- Using Vite to Rebuild Local Dependencies in an npm Workspace (via) · · vite, npm, dependencies
- Update on the Plan for Phase-Out of Third-Party Cookies on Chrome (via) · · cookies, privacy, user-agents, google, chrome
- The Front End Developer/Engineer Handbook 2024 (by/via) · · overviews, career, learning, tech-stacks, concepts, terminology
- The First Framework That Lets You Visualize Your React/Node.js App (by/via) · · frameworks, visualization, react, nodejs, wasp
- Reflecting on My Programming Career · · career
- Notes on Quality (by) · · design, user-experience, quality
- Latency Numbers Every Frontend Developer Should Know (by/via) · · performance, metrics, terminology
- Invoking Elements by Using Only HTML: A First Look at Invokers (by) · · html, modals, pop-overs
- Images as the First Thing in a Button or Link (by) · · accessibility, html, images, buttons, links
- Hello Bun: How Sveld Now Deploys 2× Faster on GitHub and Render (by/via) · · bun, deploying, performance, case-studies
- F-Shape Pattern and How Users Read (by/via) · · usability, design
- Creating Fluid Typography With the CSS “clamp()” Function (by/via) · · css, functions, typography
- Adding ESLint and Auto-Fixing an Existing TypeScript Project (by) · · eslint, typescript, quality, automation
- Write Alt Text Like You’re Talking to a Friend (by/via) · · accessibility, alt-text
- What You Can Do as a Web Builder on Earth Day (by) · · sustainability, ai
- What Is CI/CD Pipelines: A Crucial Skill for Every Software Engineer (by) · · ci-cd, concepts
- Using Legitimate GitHub URLs for Malware (by) · · security, github
- The Ultimate Collection of CSS-Only Shapes (by) · · websites, css
- The Slow Death of CSS Vendor Prefixes (by) · · css, vendor-extensions, history
- The Crucial Dance: Enhancing Designer–Developer Collaboration for Exceptional Products (via) · · collaboration, processes
- The Art of Design System Recipes (by) · · design-systems, design-tokens
- State of Design Tokens 2024 (by+/via) · · videos, design-tokens, figma, tooling
- Node.js Test Runner: A Beginner’s Guide (by/via) · · guides, nodejs, testing
- Creating a UX Playbook for Onboarding Users to Your Product (via) · · user-experience, onboarding, product-management
- 5 Hidden CSS Properties You Didn’t Know Existed · · css
- 3 Essential Design Trends, May 2024 (by/via) · · design, trends
- 15 Essential UX Design Principles and Practices for Developers (by/via) · · user-experience, principles, best-practices
- Make Product Design Great Again (by/via) · · design, user-experience, product-management
- 3 Tips for Advanced Prototyping in Figma (by/via) · · tips-and-tricks, prototyping, figma
- A Conversation With Una Kravets: The Rapid Evolution of CSS and Hobbies Outside of Work (by+) · · videos, interviews, css
- Optimising React Apps · · react, optimization
- Detect JavaScript Support (by/via) · · css, javascript, media-queries, support
- Considerations for AI Opt-Out (by) · · ai
- April 24 Is JS Naked Day (by) · · javascript, awareness-days, maintainability, graceful-degradation
- Using “@ defer” Defer Views in Angular 17 (by) · · angular, performance, lazy-loading
- Node.js Task Runner (by) · · nodejs, performance
- Make Sure That Your Design System Is Accessible (by) · · design-systems, accessibility
- Long Alt (by) · · accessibility, alt-text, support, user-agents, screen-readers, assistive-tech
- Detect JavaScript Support in CSS (by) · · css, javascript, media-queries, support
- Design Systems and the Never-Ending Job of Buy In (by) · · design-systems, communication, collaboration
- Building a Culture of Accessibility (by/via) · · accessibility, culture
- Typography Variables in Figma Are Here (by) · · typography, figma
- This Web of Ours, Revisited (by) · · web
- How to Work With GraphQL in WordPress in 2024 (by/via) · · how-tos, wordpress, graphql
- How to Create CSS Utility Classes (by/via) · · how-tos, css, presentational-css
- Help Us Invent CSS Grid Level 3, aka “Masonry” Layout (by/via) · · css, layout
- Accessibility Overlays—Friend or Foe? (by/via) · · videos, accessibility, overlays
- A Short Guide to Mastering Keyboard Shortcuts on GitHub (by/via) · · guides, github, keyboard-shortcuts
- Building an npm Package Compatible With ESM and CJS in 2024 (by/via) · · npm, dependencies, esm, commonjs
- What’s Going On in Dark Theme / Light Theme Land (by/via) · · css, functions, dark-mode
- The “Intl.Segmenter” Object Is Now Part of Baseline (by/via) · · user-agents, support, web-platform, javascript
- The End of an Era: Women Who Code Closing (via) · · community
- Sustainable Web Development: Website Redesign With a Low Carbon Footprint (by/via) · · redesign, sustainability
- Git Common Developer Pitfalls and Solutions (via) · · git
- Angular’s New Signal Inputs (by) · · videos, angular, signals
- A Primer on the Cascade and Specificity (by/via) · · introductions, css, selectors, cascade
- Webhooks and WebSockets (by) · · webhooks, websockets
- Building a GitHub Activity Feed With Node.js and Socket.IO (by/via) · · nodejs, github, functionality
- AI Isn’t Useless—but Is It Worth It? (by) · · ai, quality
- JavaScript Code Quality Tools: See Qodana in Action (via) · · jetbrains, qodana, quality, javascript
- Humans Do It Better: GitClear Analyzes 153M Lines of Code, Finds Risks of AI (via) · · ai, quality, craft, metrics, engineering-management
- Who Should Block AI Bots? (by/via) · · scraping, ai, seo
- When Security and Accessibility Clash: Why Are Banking Applications So Inaccessible? (by) · · accessibility, security
- Upgrading jQuery: Working Towards a Healthy Web (by/via) · · jquery, maintenance, migration
- The Impact of Color Contrast on Accessibility (via) · · accessibility, colors, contrast
- Property Hooks Are Coming in PHP 8.4 (by) · · php, hooks
- How to Write World-Beating Web Content (via) · · how-tos, writing, content
- How to Submit a Form in React Using FormData (via) · · how-tos, forms, react
- Displaying HTML Web Components (by) · · web-components, css
- Converting Plain Text to Encoded HTML With Vanilla JavaScript (via) · · conversion, html, javascript
- 12 Tips From a Mid-Level Developer (by) · · career, tips-and-tricks
- We Need to Rewild the Internet (by+/via) · · web, standards, collaboration, creativity, visions
- Things That Can Break “aspect-ratio” in CSS (by/via) · · css
- The Right Code for Your Design System (by/via) · · design-systems, figma
- The Making of a TypeScript Feature: Inferring Type Predicates (by) · · typescript
- The Invisible Seafaring Industry That Keeps the Internet Afloat (by/via) · · web
- The Biggest Lie in HTML (by) · · videos, html
- [pnpm] v9.0.0 (via) · · release-notes, pnpm
- Hardest Problem in Computer Science: Centering Things (by) · · css, design, centering
- Alternating Style Queries (by) · · css, container-queries, techniques
- CSS in React Server Components (by) · · css, javascript, react, components, css-in-js
- Open Source Security (OpenSSF) and OpenJS Foundations Issue Alert for Social Engineering Takeovers of Open Source Projects (by+/via) · · foss, security
- How a Successful Website Migration Led to a 20% Increase in Keyword Rankings (via) · · migration, processes, seo, sem
- Five Ways Cookie Consent Managers Hurt Web Performance (and How to Fix Them) (by/via) · · cookies, consent-management, performance
- Ethics in Times of Growth Design (via) · · design, ethics
- Don’t Use the “maxlength” Attribute to Stop Users From Exceeding the Limit (by) · · html, forms, usability
- Document Collaboration (With Comments!) (by/via) · · documentation, collaboration, comparisons, link-lists
- ARIA in HTML (by+/via) · · standards, accessibility, aria, html
- An Intro to Flexbox (by) · · introductions, css, layout
- 10 Top Accessibility Errors and How to Avoid and Fix Them (by) · · accessibility
- Interview With Senior JS Developer 2024 (by) · · videos, interviews, javascript, frameworks, libraries, tech-stacks, tooling, web-platform
- Beware—Automatic Tools Over-Report Accessibility Issues and Steal Your Time (by) · · accessibility, auditing, tooling
- What if You Had Real Control Over Light Mode / Dark Mode on a Per-Site Basis? (by/via) · · apis, dark-mode
- Things You Should Do in Your Dev Journey · · career
- My “Skip to Content” Markup Was Breaking the Back Button on iOS (by) · · html, links, accessibility, mobile
- 9 Signs Your Frontend Code Has Quality Issues That Affect Your Users (by) · · quality, craft, accessibility, usability, user-experience, conformance, performance
- Introducing JS Naked Day (by) · · introductions, javascript, awareness-days, maintainability, graceful-degradation
- Sliding 3D Image Frames in CSS (by/via) · · css, images, techniques
- Naming Colors in Design Systems (via) · · naming, colors, design-systems
- Monitoring BFCache Blocking Reasons (by/via) · · caching, monitoring, debugging, performance
- How to Build a Reusable Grid System With CSS Grid (by) · · how-tos, css, layout
- How Do Open Source Licenses Work? The Ultimate Guide (by/via) · · guides, foss, licensing
- Blockin’ Bots (by) · · scraping, ai, apache, configuration
- 10 Things Software Developers Should Learn About Learning (by) · · research, learning
- Unleashing Designers With Tailwind CSS (by/via) · · videos, tailwind, design, processes
- Let Me Be (by/via) · · videos, javascript
- Epic App Performance Starts With the Database (by/via) · · videos, performance, databases, optimization
- Accessible Interactions in JavaScript Apps (by/via) · · videos, accessibility, javascript, aria
- npm Basics for New Developers (by/via) · · fundamentals, npm
- Zombie Estimation (via) · · agile, scrum, processes, project-management
- Why I’m Embracing the Arc Browser (by) · · user-agents, arc
- Web Accessibility Statement: How to Write One (via) · · how-tos, accessibility, writing
- The Dos and Don’ts of Using “tabindex” in Web Design (by/via) · · accessibility, keyboard-navigation, html
- Socks, Lies, and Accessibility (by) · · accessibility, awareness-days, link-lists
- Quick Tip: How to Animate Text Gradients and Patterns in CSS (by/via) · · tips-and-tricks, how-tos, animations, gradients, css
- Purging Design System “Rot” From Our Checkboxes (by/via) · · design-systems, maintenance, quality, accessibility, case-studies
- Gap Is the New Margin (by/via) · · css, layout
- CSS Tricks to Master the “clip-path” Property (by/via) · · css, masking, tips-and-tricks
- Complete a VPAT: Show How Accessible Your Product Is (via) · · accessibility, vpat-acr, conformance, documentation
- An Intro to CSS Grid (by) · · introductions, css, layout
- A Comparison of Automated Testing Tools for Digital Accessibility (via) · · accessibility, testing, tooling, automation, comparisons
- Control Your Vertigo—the Unspoken Rule for Defending Design Decisions (by/via) · · design, user-experience
- Wednesday, April 10, 2024 Security Releases (by/via) · · release-notes, nodejs, security
- The Guide to Git I Never Had (by/via) · · guides, git, terminology, cheat-sheets
- Release Notes for Safari Technology Preview 192 (by/via) · · release-notes, user-agents, apple, safari
- Optimizing WebKit and Safari for Speedometer 3.0 (by+/via) · · webkit, user-agents, apple, safari, performance, optimization
- Notes on Git’s Error Messages (by) · · git, errors
- JS Naked Day (by+) · · websites, javascript, awareness-days, maintainability, graceful-degradation
- Frontend Development Beyond React: Svelte (by/via) · · svelte
- The ADA Now Has Regulations for Accessibility of Web Content and Mobile Apps (by/via) · · accessibility, legal, web, mobile
- Ableism and Related Terms You Need to Know (by) · · terminology, communication, dei
- Understanding Interaction to Next Paint (INP) (by/via) · · performance, web-vitals
- Sending Email Using Node.js (by/via) · · nodejs, email
- Recapping ng-conf 2024 (by/via) · · angular
- React Server Components in a Nutshell (by/via) · · react, components
- Layered Toggles: Optional CSS Mixins (by) · · css, mixins, techniques
- Is the Party Over for Scrum Masters and Agile Coaches? (by) · · agile, scrum, career
- Happy CSS Naked Day 2024 (via) · · frontend-dogma, css, awareness-days, maintainability
- Figma Prototypes vs. HTML Prototypes (by) · · design, processes, prototyping, figma, html, comparisons
- An Introduction to the Node.js Performance API (by/via) · · introductions, nodejs, performance, apis
- A Love Letter to Gen Z From Gen Y: Understanding React’s Evolution (by) · · react, history
- Misinformation and Disinformation Online: What Design Can Do to Remedy This Problem (by/via) · · design, communication
- Justice Department to Publish Final Rule to Strengthen Web and Mobile App Access for People With Disabilities (via) · · accessibility, legal, web, mobile
- Inclusive Digital Experiences: Redesign Strategies for Addressing Diverse Abilities and Accessibility Challenges (via) · · redesign, strategies, dei, accessibility
- How I Write Commits Like a Pro (by) · · version-control, git, conventions
- DORA’s Software Delivery Metrics: The Four Keys (by/via) · · processes, metrics
- Creating a Navbar in React (via) · · navigation, react, css
- Building a CLI From Scratch With TypeScript and oclif (by) · · command-line, typescript