News and Tools for Frontend Development (6)
(Stay up-to-date on all topics by feed or on Mastodon.)
- React Concurrency, Explained (toot or tweet) · · slides, react, concurrency
- Using HSL Colors in CSS (toot or tweet) · · css, colors
- What Is a Realm in JavaScript? (toot or tweet) · · javascript
- Why You Should Never Use “px” to Set “font-size” in CSS (toot or tweet) · · css, accessibility
- How Flaky Tests Impact Developers (toot or tweet) · · testing, quality
- Type-Safe TypeScript With Type Narrowing (toot or tweet) · · typescript
- Accessibility Beyond the “Obvious” (toot or tweet) · · accessibility
- CSS Runtime Performance (toot or tweet) · · slides, css, performance
- Getting WCAG Color Contrast Right (toot or tweet) · · accessibility, wcag, colors, contrast
- Masked Gradient Dashed Lines (toot or tweet) · · css, gradients, masking
- Design Principles for the Web (toot or tweet) · · videos, design, principles
- Guide to the Best JavaScript Books for Beginners (toot or tweet) · · guides, books, javascript
- The Math Behind Nesting Rounded Corners (toot or tweet) · · css, math, nesting
- Typographic Hierarchies (toot or tweet) · · typography, design
- Web Accessibility: ARIA 101 (toot or tweet) · · videos, accessibility, aria
- A Beginner’s Guide to Chrome Tracing (toot or tweet) · · guides, user-agents, google, chrome, performance
- Code Coverage With Storybook Test Runner (toot or tweet) · · testing, storybook
- Animated Border Gradient (toot or tweet) · · code-pens, css, animations, gradients, effects
- Conditionally Adaptive CSS—Browser Behavior That Might Improve Your Performance (toot or tweet) · · css, responsive-design, performance
- OKLCH in CSS: Why We Moved from RGB and HSL (toot or tweet) · · css, colors
- Performance (toot or tweet) · · studies, performance, web-vitals
- Structured Data (toot or tweet) · · studies, structured-data, semantics
- Building a Tooltip Component (toot or tweet) · · components, html, css
- CSS Animated Grid Layouts (toot or tweet) · · css, layout, animations
- Detect System Theme Preference Change Using JavaScript (toot or tweet) · · dark-mode, javascript
- Do You Really Understand CSS Radial Gradients? (toot or tweet) · · css, gradients
- Don’t Be Afraid of Reverting Code in Git (toot or tweet) · · git
- Is There Too Much CSS Now? (toot or tweet) · · css
- What? How? Why? @ layer (toot or tweet) · · css, cascade
- Disruptive Design Patterns—an Uncharted Territory (toot or tweet) · · design-patterns
- Evolution of Manuals: UX Inspiration from History (toot or tweet) · · user-experience, history, documentation
- How We Improved React Loading Times by 70% With Next.js (toot or tweet) · · react, performance, nextjs
- Javascript Shallow Copy—What Is a Shallow Copy? (toot or tweet) · · javascript
- New Git Guidelines: We Have Switched to Conventional Commits (toot or tweet) · · git, conventions
- Tailwind CSS v3.2: Revisiting My “Feature Creep” Warning (toot or tweet) · · css, tailwind
- Things Strong Developers Do That Drive Their Team Crazy (toot or tweet) · · communication, productivity
- Twitter Reminds Us About Alt Text, but How Good Are We at It? (toot or tweet) · · accessibility, writing, twitter
- 53 UX Statistics to Know for 2023 (toot or tweet) · · user-experience, research
- How to Set Up the New Google Auth in a React and Express App (toot or tweet) · · google, authentication, react, express
- Let’s Talk About Web Components (toot or tweet) · · components
- CSS Is Awesome (toot or tweet) · · videos, css
- Responsive Animations for Every Screen Size and Device (toot or tweet) · · animations, css, responsive-design
- Usable, Useful, and Valuable (toot or tweet) · · agile, scrum, processes, user-experience
- Which Serverless Edge Platform Has the Fastest Git Deployments? (toot or tweet) · · serverless, edge-computing, git, performance, deploying
- Why I Never Understood CSS-in-JS (toot or tweet) · · javascript, css, css-in-js
- A Dashing Navbar Solution (toot or tweet) · · css
- Ethical Design Is a Risk Management Strategy (toot or tweet) · · design, ethics, strategies
- SEO and Accessibility Are Symbiotic (toot or tweet) · · accessibility, seo
- Digital Accessibility—Ask Me Anything (toot or tweet) · · videos, accessibility
- GitHub Copilot Investigation (toot or tweet) · · websites, github, ai, legal
- How to Build the Foundation for Digital Accessibility (toot or tweet) · · accessibility, policies, processes
- I Made a Full-Stack and Type-Safe Personal Site Using the T3 Stack (toot or tweet) · · nextjs, tailwind
- Redo Websites Less Often (to Become a Better Developer) (toot or tweet) · · processes, career
- State of CSS Frameworks (toot or tweet) · · videos, css, frameworks
- The True Type in PHP 8.2 (toot or tweet) · · php
- What If the Team Hates My Functional Code? (toot or tweet) · · programming
- Why We Need CSS Speech (toot or tweet) · · accessibility, css
- Highly Customizable Background Gradients (toot or tweet) · · css, backgrounds, gradients
- Applying the 8 Golden Rules of User-Interface Design (toot or tweet) · · design, usability, consistency
- Common ARIA Mistakes and How to Avoid Them (toot or tweet) · · accessibility, html, aria
- CSS Specificity for Beginners (toot or tweet) · · css, cascade
- Edit Someone Else’s Website: “contenteditable” and “designMode” (toot or tweet) · · html
- Google on Alt Text SEO and Accessibility (toot or tweet) · · google, seo, accessibility, writing
- Hands-On Guide to Color Fonts and “@ font-palette-values” (toot or tweet) · · videos, guides, css, fonts
- Secure JavaScript URL Validation (toot or tweet) · · javascript, validation, security
- The Proprietary Syndication Formats (toot or tweet) · · syndication
- Designing for Users With Disabilities: 10 Factors to Consider (toot or tweet) · · accessibility, design, usability
- Forging Successful Partnerships With Software Developers (toot or tweet) · · collaboration, design
- Don’t Be Arrogantly Ignorant: Don’t Flame (toot or tweet) · · career, communication
- Next.js Crash Course (toot or tweet) · · videos, nextjs
- The Wasted Potential of CSS Attribute Selectors (toot or tweet) · · css, selectors, bem
- Why We’re Breaking Up With CSS-in-JS (toot or tweet) · · javascript, css, css-in-js
- How to Rebase Stacked Git Branches (toot or tweet) · · git
- Moving From React to htmx (toot or tweet) · · migration, react, htmx
- Accessibility Checkers—a Good Start, Not a Solution (toot or tweet) · · accessibility, testing, tooling
- Design for Them Not for You (toot or tweet) · · videos, design, usability
- Microfrontends: Microservices for the Frontend (toot or tweet) · · micro-frontends, microservices
- New Brutalism and Web Accessibility: What You Need to Know (toot or tweet) · · design, accessibility
- Scoop: Meta Ending Support for Instant Articles (toot or tweet) · · meta, support
- Container Queries: Style Queries (toot or tweet) · · css, container-queries
- CDN (toot or tweet) · · studies, performance, content-delivery, tooling
- Intro to Why Accessibility Is Important for Good SEO (toot or tweet) · · introductions, accessibility, seo
- Some Things I Took Away From An Event Apart 2022 in Denver (toot or tweet) · · web, accessibility, css
- Two JavaScripts (toot or tweet) · · javascript
- What I Learned About SVG Accessibility (Among Other Things) from NBC News’ Senate “What If” Project (toot or tweet) · · accessibility, svg
- Upgrading Colors to HD on the Web (toot or tweet) · · css, colors
- A Pure CSS Gallery Focus Effect With “:not” (toot or tweet) · · css, selectors
- Augmenting Node.js With WebAssembly (toot or tweet) · · videos, nodejs, webassembly
- Design Specifications Template (toot or tweet) · · design
- Early Days of Container Style Queries (toot or tweet) · · css, container-queries
- Representation in “alt” Text (toot or tweet) · · accessibility, inclusion, writing
- Speeding Up Async Snippets (toot or tweet) · · performance, javascript
- The Web’s Next Transition (toot or tweet) · · web
- How to Animate CSS Box Shadows and Optimize Performance (toot or tweet) · · css, animations, shadows, performance
- Create a Passkey for Passwordless Logins (toot or tweet) · · authentication, security, passwords
- Quick Tip: How to Use the Ternary Operator in JavaScript (toot or tweet) · · javascript, tips
- The Border Property You Never Knew You Needed (toot or tweet) · · videos, css
- Tree Views in CSS (toot or tweet) · · css
- Sustainable Web Development Strategies Within an Organization (toot or tweet) · · sustainability, performance, optimization
- Bun? Deno? Node.js? Creating Your Own JavaScript Runtime Using V8, Libuv, and More (toot or tweet) · · videos, javascript
- A Little Semantic HTML Trick for React Components (toot or tweet) · · react, html, semantics, components, tricks
- Challenges of Multi-Brand Design Systems (toot or tweet) · · design-systems, branding, theming
- How to Write Good Alt Text (toot or tweet) · · accessibility, writing
- HTML 2022: 20 Additional Observations from Analyzing the Web Almanac Data (toot or tweet) · · html, metrics
- Landing the Second Click: A Guide to Designing Better Landing Pages (toot or tweet) · · guides, design, conversion
- SVG Sprites: Old-School, Modern, Unknown, and Forgotten (toot or tweet) · · svg, performance
- WCAG 2.2 Success Criteria (toot or tweet) · · accessibility, wcag
- :where :is CSS? (toot or tweet) · · css, selectors
- When New CSS Features Collide: Possibility and Complexity at the Intersections (toot or tweet) · · slides, css, complexity, interoperability
- New Patterns for Amazing Apps (toot or tweet) · · web-apps
- Delightful UI Animations With Shared Element Transitions API II (toot or tweet) · · javascript, animations, transitions, apis
- Turn Around Your Git Mistakes in 17 Ways (toot or tweet) · · git, productivity
- Usability Heuristic Frameworks: Which One Is Right for You? (toot or tweet) · · usability, research
- Personas: Study Guide (toot or tweet) · · guides, personas, usability, training, link-lists
- 2022 Web Almanac Report Finds WordPress Adoption Is Growing, Adds New Page Builder Data (toot or tweet) · · studies, wordpress, content-management
- 4 Required Tests Before Shipping New Features (toot or tweet) · · accessibility, testing
- Understanding “async” and “await” (toot or tweet) · · javascript
- Layout Breakouts With CSS Grid (toot or tweet) · · css, layout
- Awesome Tools for Open Source Contributions (toot or tweet) · · tooling, open-source, documentation
- Debugging CSS, No Extensions Required (toot or tweet) · · videos, css, debugging
- Five Months Worth of Takes on the Digital Accessibility Space (toot or tweet) · · accessibility, testing, tooling
- The Future of Rendering in React (toot or tweet) · · react, client-side-rendering, server-side-rendering
- The Future of the Web Is on the Edge (toot or tweet) · · deno, edge-computing
- Unless You’re in the Mafia, Your Company Isn’t Your Family (toot or tweet) · · career
- WordPress.org Plugin Developers Demand Transparency Regarding the Removal of Active Install Growth Data (toot or tweet) · · wordpress, metrics
- How to Safely Pass Data to JavaScript in a Django Template (toot or tweet) · · javascript
- How to Safely Share Your Email Address on a Website (toot or tweet) · · communication, email
- Adding Components to Eleventy With WebC (toot or tweet) · · eleventy, components
- AI Code Completion Is Like Cruise Control—and That’s Great News for Bigger Teams (toot or tweet) · · ai, code-completion, productivity, collaboration
- Foundations: HTML Semantics (toot or tweet) · · html, semantics
- Front-End Development Is Like… (toot or tweet) · · career
- Patching the Open Web (toot or tweet) · · web
- Quick Tip: How to Use the Spread Operator in JavaScript (toot or tweet) · · javascript, tips
- Use “npm query” and jq to Dig into Your Dependencies (toot or tweet) · · videos, npm, dependencies, auditing
- Easy Fluid Typography With “clamp()” Using Sass Functions (toot or tweet) · · typography, preprocessors, css, sass
- Using Web Components With Next (or Any SSR Framework) (toot or tweet) · · components, nextjs, server-side-rendering
- 3 Things to Consider Before You Implement CAPTCHA for Accessibility (toot or tweet) · · accessibility, captcha
- A CSS Class-Naming Convention Might Still Be Your Best Choice (toot or tweet) · · css, naming, conventions
- Can Consistency Harm Your Product? (toot or tweet) · · design, consistency
- Component-Level Design Tokens: Are They Worth It? (toot or tweet) · · design-tokens, components
- Designing a Secure API (toot or tweet) · · software-design, apis, security
- Four Ways to Pick the Right UX Method (toot or tweet) · · user-experience, research
- One Formula to Rule Them All: The ROI of a Design System (toot or tweet) · · design-systems
- The Missing Math Methods in JavaScript (toot or tweet) · · javascript, math
- Where Are the Accessibility Statements? Digital Accessibility Shouldn’t Be a Surprise (toot or tweet) · · accessibility
- CSS Halftone Patterns (toot or tweet) · · css, effects
- When Going Somewhere Does a Thing: On Links and Buttons (toot or tweet) · · accessibility, html, semantics
- A Beginner’s Complete Guide to Form Accessibility: The 5 Things Accessible Forms Need and How to Fix Common Errors (toot or tweet) · · guides, accessibility, forms
- Busting the Myths About Agile Development and User Research (toot or tweet) · · agile, user-experience, research
- CSS-Only Type Grinding: Casting Tokens into Useful Values (toot or tweet) · · css, design-tokens
- I Changed My Mind About Writing New JavaScript Frameworks (toot or tweet) · · javascript, frameworks
- I Turned JS into a Compiled Language (for Fun and Wasm) (toot or tweet) · · javascript, webassembly
- Minimalism as Narcissism (toot or tweet) · · minimalism
- Mobile UX Design in 2022 (toot or tweet) · · user-experience, design
- The Difference Between “undefined” and “not defined” in JavaScript (toot or tweet) · · javascript
- Delightful UI Animations With Shared Element Transitions API (toot or tweet) · · javascript, animations, transitions, apis
- Phylum Detects Active Typosquatting Campaign Targeting npm Developers (toot or tweet) · · npm, dependencies, security
- Ten Years of TypeScript (toot or tweet) · · typescript
- What Is Website Minimalism? (toot or tweet) · · minimalism, design
- A Web Component Story (toot or tweet) · · components, design-systems
- Building Delight in Your Design System (toot or tweet) · · design-systems, user-experience
- Templating in HTML (toot or tweet) · · html, javascript
- Why UX? (toot or tweet) · · videos, user-experience
- depngn (toot or tweet) · · packages, npm, nodejs, dependencies
- Optimize Long Tasks (toot or tweet) · · performance, javascript
- Learn Accessibility (toot or tweet) · · courses, accessibility
- Getting Started With WordPress Block Development (toot or tweet) · · wordpress
- How to Center a Div Using CSS Grid (toot or tweet) · · css
- Intersectionality, Accessibility, and Inclusion (toot or tweet) · · videos, accessibility, inclusion
- State of CSS 2022 (toot or tweet) · · surveys, css
- Why You Should Care About Design in Uncertain Times (toot or tweet) · · design
- Yes, Accessibility Is Also a Backend Concern (toot or tweet) · · accessibility
- “:has()” Opens Up New Possibilities With CSS (toot or tweet) · · videos, css, selectors
- GIFs Without the .gif: The Most Performant Image and Video Options Right Now (toot or tweet) · · performance, multimedia, images, gif, html
- How to Make Your Designs Scannable (And Why You Should) (toot or tweet) · · design, usability
- How to Return Multiple Values from a Function in JavaScript (toot or tweet) · · javascript
- Let Me Understand How JavaScript Works Under the Hood (toot or tweet) · · javascript
- Performance Budgets: The Easiest Way to a Faster Site (toot or tweet) · · performance
- This Site’s Type Is Now Variable (toot or tweet) · · typography, fonts, css
- Websites Need to Be Accessible to Be Inclusive (toot or tweet) · · accessibility, inclusion
- 7 Things to Consider When Working On a Personal Project (toot or tweet) · · career, learning
- Closing a 30 Pixel Gap Between Native and Web (toot or tweet) · · web-apps, user-agents, web
- Five Data-Loading Patterns to Boost Web Performance (toot or tweet) · · performance
- Named Element IDs Can Be Referenced as JavaScript Globals (toot or tweet) · · javascript, html
- Useful JavaScript Math Functions and How to Use Them (toot or tweet) · · javascript, math
- Learn HTML (toot or tweet) · · courses, html
- Dear Console… (toot or tweet) · · websites, javascript
- A Deep Dive into WCAG 2.2—and Beyond (toot or tweet) · · podcasts, accessibility, wcag
- Don’t Worry, Nobody Is Replacing Node, Not Even Bun and Even Less Deno (toot or tweet) · · nodejs, deno
- 100 Days of More or Less Modern CSS (toot or tweet) · · css
- 6+5 Ways to Make a Two-Column Layout: From Pretty Reasonable to Completely Wrong (toot or tweet) · · layout, css
- Accessibility (toot or tweet) · · studies, accessibility
- CMS (toot or tweet) · · studies, content-management
- Fonts (toot or tweet) · · studies, fonts
- How to Create Wavy Shapes and Patterns in CSS (toot or tweet) · · css, effects
- HTTP (toot or tweet) · · studies, http, protocols
- I Am Not That Excited About New CSS Features (toot or tweet) · · css
- Interoperability (toot or tweet) · · studies, interoperability
- JavaScript (toot or tweet) · · studies, javascript
- Markup (toot or tweet) · · studies, html
- Media (toot or tweet) · · studies, multimedia, images
- Page Weight (toot or tweet) · · studies, performance
- Security (toot or tweet) · · studies, security
- SEO (toot or tweet) · · studies, seo
- Sustainability (toot or tweet) · · studies, sustainability
- The 2022 Web Almanac (toot or tweet) · · announcements, studies, web
- The New Wave of JavaScript Web Frameworks (toot or tweet) · · javascript, frameworks
- CSS (toot or tweet) · · studies, css
- How to Get All Sibling Elements of a Link or Button With Vanilla JavaScript (toot or tweet) · · javascript
- Continue Using .env Files as Usual (toot or tweet) · · environments, security
- Streamable HTML Fragments (toot or tweet) · · html
- Two Things I Learned by Validating My HTML Again (toot or tweet) · · html, conformance
- Audience-Based Website Navigation (toot or tweet) · · videos, usability, navigation
- Writing Composable SQL Using JavaScript (toot or tweet) · · javascript, databases, sql
- Attitudes to Digital Accessibility Survey 2022 (toot or tweet) · · surveys, accessibility, inclusion
- Blind People Need to Be Considered More When Making Data Visualizations (toot or tweet) · · accessibility, information-design
- Quick Reminder: HTML5 “required” and “pattern” Are Not a Security Feature (toot or tweet) · · html, forms, security
- Randomness in CSS (toot or tweet) · · css
- The Indisputable Truth About Accessibility (toot or tweet) · · videos, accessibility
- Things I Wish I Had Known About Angular When I Started (toot or tweet) · · angular
- Top Task Analysis: Make It Fast and Efficient (toot or tweet) · · processes
- Use Cases for CSS Comparison Functions (toot or tweet) · · css
- Speedy CSS Tip! Animated Loader (toot or tweet) · · css, tips
- Testing Web Design Color Contrast (toot or tweet) · · testing, colors, contrast
- A Designer’s Guide to Documenting Accessibility (toot or tweet) · · videos, design, accessibility, documentation
- 5 Ways That UX Developers Influence SEO (toot or tweet) · · user-experience, seo
- Creative Section Breaks Using CSS “clip-path” (toot or tweet) · · videos, css
- Element Timing: One True Metric to Rule Them All? (toot or tweet) · · performance, apis, metrics
- Rest vs. Spread Syntax in JavaScript (toot or tweet) · · javascript, comparisons
- Will Serving Real HTML Content Make a Website Faster? Let’s Experiment! (toot or tweet) · · studies, html, performance
- Designing Better Inline Validation UX (toot or tweet) · · forms, validation, user-experience
- A “details” Element as a Burger Menu is Not Accessible (toot or tweet) · · html, semantics, accessibility
- Accessibility Is Systemic (toot or tweet) · · accessibility
- Clarifying Color Contrast and Font Size Guidelines (toot or tweet) · · accessibility, colors, contrast, readability
- CSS Rules vs. CSS Rulesets (toot or tweet) · · css, comparisons
- It’s Good to Make Mistakes (toot or tweet) · · accessibility, design
- Prototyping to Learn (toot or tweet) · · prototyping, learning
- React I Love You, but You’re Bringing Me Down (toot or tweet) · · react
- The Web Is Good Now (toot or tweet) · · videos, web
- Type-Level TypeScript (toot or tweet) · · websites, typescript
- Why Designers Quit (toot or tweet) · · design, career
- How to Generate Random Numbers in JavaScript With “Math.random()” (toot or tweet) · · javascript, math
- Making Your Web Pages Printer-Friendly With CSS (toot or tweet) · · css, print
- Shell Scripting With Node.js (toot or tweet) · · books, nodejs, command-line
- 5 Ways to Use Data Visualization in Your Content to Increase Traffic (toot or tweet) · · information-design, content, optimization
- Design 4.0: Leading Design in the New Industry (toot or tweet) · · design
- How Rapid Usability Testing Is Changing UX Research (toot or tweet) · · usability, user-experience, research, testing
- How to Get the Current Timestamp in JavaScript (toot or tweet) · · javascript
- Rethinking a Design System (toot or tweet) · · design-systems
- Stop Using .env Files Now (toot or tweet) · · environments, security