“2024” Archive (8)
- Why Do Reflows Negatively Affect Performance? (by/via) · · performance, reflow
- Under-Supported and Underpaid (by) · · accessibility, career, economics, craft
- My Take on Fading Content Using Transparent Gradients in CSS (by/via) · · css, gradients, transparency
- Modern CSS, the State of the Web, Safari’s Progress, and More! With Jen Simmons (by+) · · videos, interviews, css, web, user-agents, apple, safari
- Making CSS View Transitions Easy With Velvette (by/via) · · css, transitions, tooling
- The Color Input and the Color Picker (by/via) · · html, colors, usability
- Deceptive Deprecation: The Truth About npm Deprecated Packages (by+/via) · · security, npm, dependencies, research
- Create a Currency Converter With HTML, CSS, and Vanilla JavaScript (by/via) · · functionality, html, css, javascript
- Astro 4.2 (by+/via) · · astro, release-notes
- Which Programming Language Should I Learn First in 2024? (by/via) · · programming, career, learning
- The Designer’s Guide to Social Computing (via) · · guides, design, social-media
- Safely Accessing the DOM With Angular SSR (by/via) · · security, dom, javascript, angular, server-side-rendering
- JavaScript Array “sort()” vs. “toSorted()” (New in ES 2023) (by) · · videos, javascript, arrays, sorting, comparisons
- Indicators, Validations, and Notifications: Pick the Correct Communication Option (by/via) · · notifications, errors, validation, usability
- Fading Content Using Transparent Gradient in CSS (by) · · css, gradients, transparency, effects
- Dispatching an Event (by/via) · · javascript, events
- Basic Accessibility Mistakes I Often See in Audits (by) · · accessibility, mistakes, auditing, html, semantics, focus, links, buttons
- AI Art Is the New Stock Image (via) · · design, ai, images
- A Practical Introduction to Scroll-Driven Animations With CSS “scroll()” and “view()” (by/via) · · introductions, scrolling, animations, css, functions
- The Golden Rule of Assertions (by/via) · · javascript, testing
- The Complex but Awesome CSS “border-image” Property (by/via) · · css, borders, techniques
- Stop Trying to Recruit Unicorns With Acorns (by) · · accessibility, career
- Practical Guide to Usability Testing (via) · · guides, usability, testing
- Node.js Security Progress Report—Progress on Permission Model, Fuzzer, and Connections With Community (via) · · nodejs, security
- Measuring Developer Productivity: Real-World Examples (by+) · · productivity, metrics, developer-experience, google, microsoft
- Is It Time to Switch From Docker to Podman? (by) · · videos, docker, tooling, comparisons
- Guide to Fast Next.js (by/via) · · guides, nextjs, performance, optimization, server-side-rendering, lazy-loading
- Git Lesson: How to Use .gitignore and .gitkeep? (by) · · git, how-tos
- Disillusioned With Deno (by) · · deno
- Difference Between “getElementByID” and “querySelector” (by) · · javascript, css, selectors
- Are You Boring Your Interviewer by Over-Explaining Context? (by/via) · · career, interviewing, design
- APA-Style Titles in Laravel (by) · · writing, conventions, laravel
- 14 Things to Check Before Deploying a Website (by) · · deploying, quality, processes
- The Evolution of Page Speed (by/via) · · videos, performance, metrics, optimization, history
- The Building Blocks of a Greenfield Vue Application in 2024 (by) · · vuejs, tooling, link-lists
- React Libraries for 2024 (by) · · react, libraries, link-lists
- Performance and Stay Questions in 1:1s (by) · · engineering-management, leadership, career, processes
- Optimizing SQL Queries by 23× (by) · · databases, sql, performance, optimization
- Design Is Not Really a Thing (by/via) · · design, user-experience
- Combining “:has” and “:only-child” to Change Tab Containers (by) · · css, selectors
- Accessible Notifications With ARIA Live Regions (by) · · accessibility, notifications, aria, live-regions
- Accessible Notifications With ARIA Live Regions II (by) · · accessibility, notifications, aria, live-regions
- Why Did Frontend Development Become So Complicated? · · processes, complexity, career
- Igalia Chats: Browser Politics and You (by+/via) · · podcasts, web-platform
- I Hate CORS (by) · · videos, cors, security
- Hover Contrast Bookmarklet (by) · · bookmarklets, colors, contrast, focus, accessibility
- Disable Browser Caching With “meta” HTML Tags (by) · · html, metadata, caching
- Web Component Gotcha: “constructor” vs. “connectedCallback” (by) · · web-components, javascript, comparisons
- Using AI for Accessibility: Breaking Down Barriers in Content Creation?! (by) · · accessibility, ai, content
- Kind of Annoyed at React (by) · · react
- Static Site Generators: A Growing Trend in Frontend Development · · site-generators, trends
- Options for “optgroup” Labeling of “options” (by) · · accessibility, html, forms, user-agents, assistive-tech, screen-readers, support
- JS Perf Wins and New Node.js Features With Yagiz Nizipli (by+/via) · · podcasts, javascript, performance, nodejs, optimization
- How to Use “data-nosnippet” to Block Specific Content From Being Used in a Google Search Snippet (Experiment) (by) · · how-tos, seo, google, experiments
- How to Get Started With Progressive Web Apps (by) · · how-tos, web-apps, comparisons
- Eliminating Cookie Banners Is Hard (by) · · cookies, consent-management, legal
- Applying the SPACE Framework (by/via) · · productivity, metrics
- What I Have Learned From Conducting Over 100 Website Migrations (by/via) · · seo, migration, testing
- Using “abbr” Element With “title” Attribute (by) · · html, accessibility, user-agents, assistive-tech, support
- Top Front-End Tools of 2023 (by/via) · · tooling, link-lists, retrospectives
- The Stack I Used to Build My Blog in 2024 (by) · · tech-stacks, functionality
- If It’s Not Usable, It’s Not Accessible (by/via) · · interviews, accessibility, usability, history
- Creating a Color Ramp Using Color Modifiers in Tokens Studio (by/via) · · design-systems, design-tokens, colors, figma
- console.delight (by/via) · · javascript, console, user-agents, dev-tools, debugging
- Bringing Down the Digital Divide (by/via) · · accessibility, user-experience
- 5 CSS Snippets Every Front-End Developer Should Know in 2024 (by/via) · · css
- We Removed Advertising Cookies, Here’s What Happened (via) · · cookies, sem
- Using CSS Houdini to Extend Styling and Layout Capabilities (via) · · css, apis, javascript
- Understanding WCAG SC 3.2.6 Consistent Help (Level A) (by/via) · · accessibility, standards, wcag
- The Best Web Framework Doesn’t Exist (by/via) · · frameworks
- Streaming HTML Out of Order Without JavaScript (by) · · html, streaming
- Release Notes for Safari Technology Preview 186 (by/via) · · release-notes, user-agents, apple, safari
- npm in Review: A 2023 Retrospective on Growth, Security, and Quirky Facts (by/via) · · npm, retrospectives
- Node v20.11.0 (LTS) (by/via) · · release-notes, nodejs
- Is htmx Just Another JavaScript Framework? (by/via) · · htmx, frameworks
- Introducing fsx: A Modern Filesystem API for JavaScript (by) · · file-handling, apis, javascript
- Dynamic Accessible Descriptions Reference (by) · · accessibility, testing
- Designing Better Target Sizes (by) · · accessibility, design, best-practices
- Buttons and Links—Common Misconceptions (by) · · accessibility, html, semantics, buttons, links
- AI for Web Devs: Deploying Your AI App to Production (by) · · ai, deploying
- Accounting for Internationalization With CSS and HTML (via) · · html, css, internationalization
- Understanding Immutability in JavaScript (by) · · videos, javascript
- The Change You Wish to See (via) · · accessibility
- The Best PHP Frameworks for 2024 (via) · · php, frameworks, link-lists, comparisons
- Definition of Done (DoD) Explanation and Example (by/via) · · agile, scrum, processes, quality, examples
- An Alphabetized List of MIME Types (by/via) · · mime-types
- A Global Design System (by) · · design-systems
- A 2024 Wishlist for Node’s Test Runner (by) · · nodejs, testing
- Where Have All the Websites Gone? (by) · · web, trends
- What’s New in PHP 8.4 (by) · · php
- Using Heaps of Cutting Edge CSS Features to Build a Progress Indicator (by) · · css, scrolling, effects
- Top Pens of 2023 on CodePen (via) · · code-pens, link-lists, retrospectives
- Taking a Closer Look at “@ property” in CSS (by) · · css, at-rules
- SolidStart: A Different Breed of Meta-Framework (by/via) · · frameworks, tooling
- Let’s Make the IndieWeb Easier (by) · · indieweb, tooling
- Introduction to Data Engineering: A Complete Beginner’s Guide · · guides, introductions, data-engineering
- htmx for React Developers in 10 Minutes (by) · · videos, htmx, react
- How Google Perfected the Web (via) · · google, web, seo
- Declaring Globals Isn’t That Hard (by) · · videos, javascript, typescript
- CRUD and SQL—the Basics (by) · · fundamentals, databases, sql
- 2024 Resolution: Be More Open-Source Centric (by/via) · · foss, tooling, link-lists
- Notes on Using Logical Properties and Values (by) · · css, logical-properties
- Nested Dark Mode via CSS Proximity (by) · · css, dark-mode
- My Web Development Wishlist 2024 (by) · · community, user-experience, developer-experience, quality, conformance, wish-lists
- How I’m Writing CSS in 2024 (by) · · css, tooling, developer-experience
- Embracing the Absurd in Your Design Practices (by/via) · · design, processes
- Your MVP Must Be Accessible (by/via) · · accessibility
- Weird Things Engineers Believe About Web Development (by) · · standards, web-apps, javascript, building, web-platform
- Simplifying Deployment: Using GitHub Actions and SSH for Quick and Easy Updates · · deploying, github, ssh
- When “Everything” Becomes Too Much: The npm Package Chaos of 2024 (by/via) · · npm, foss
- Under the Radar CSS Features for Your CSS Reset (by) · · videos, css, resetting
- The Bulma CSS Framework: What It Is and How to Get Started (via) · · introductions, bulma
- Software Quality (by) · · research, quality
- Do We Think of Git Commits as Diffs, Snapshots, and/or Histories? (by) · · git, concepts, comparisons
- CSS in 2024, Am I Right? (by) · · videos, css
- A Lot of What People Use React for Would Be Better Handled With Vanilla JavaScript (by) · · react, javascript, simplicity
- 7 Front-End Web Development Trends for 2024 (by/via) · · trends, visions, libraries, frameworks, ai
- 20+ Tools for Node.js Development in 2024 (via) · · nodejs, tooling, link-lists
- The Two Reacts · · react, components, state-management
- Notes on MathML (by/via) · · mathml
- My CSS Resets (by) · · css, resetting
- Is CSS Alive? (by) · · css
- Building Multiple Progressive Web Apps on the Same Domain (by/via) · · videos, web-apps, architecture, security
- AI Vertigo: Where Do We Go From Here as Designers? (by/via) · · design, ai, career
- 16 Lesser Known Accessibility Issues (via) · · accessibility
- Tyler’s CSS Wish List for 2024 (by/via) · · css, wish-lists
- The Website vs. Web App Dichotomy Doesn’t Exist (by) · · concepts, terminology, comparisons
- The Popular Vote of Interop 2024 (by/via) · · interoperability, web-platform
- The AHA Stack (by) · · websites, tech-stacks, astro, htmx
- Stop Closing Void Elements (by) · · html
- Oh Shit Banners (by) · · design, history
- European Union Set to Revise Cookie Law, Admits Cookie Banners Are Annoying (by/via) · · cookies, consent-management, legal
- Design Better Pagination (by) · · design, navigation, pagination
- Accessibility Options for Floating Action Buttons (by) · · accessibility, floats, buttons
- 2024 Predictions by JavaScript Frontend Framework Maintainers (by/via) · · visions, javascript, frameworks, angular, nextjs, react, solidjs
- The View Transitions API and Delightful UI Animations II (by/via) · · css, animations, transitions, apis
- Not All Automated Testing Tools Support Shadow DOM in Web Components (by) · · accessibility, testing, automation, tooling, shadow-dom, dom, web-components
- How to Make External Links Accessible (via) · · how-tos, links, accessibility
- Are You Ignoring These 8 DevTools Features? (by) · · videos, user-agents, google, chrome, dev-tools, auditing, debugging
- Agile Anti-Patterns That Can Harm UX (by) · · agile, anti-patterns, user-experience, processes
- Understanding the Most Important HTTP Status Codes (by) · · protocols, http
- The Best React Chart Libraries for Data Visualization in 2024 (via) · · react, libraries, visualization, comparisons, link-lists
- Mastering TypeScript: Looping With Types (by) · · typescript
- 7 Predictions for Web Design in 2024 (by/via) · · design, visions