News and Tools for Frontend Development (6)
(Stay up-to-date on all topics by feed or on Mastodon.)
- Change Management for Accessibility (toot or tweet) · · accessibility, processes
- CSS Card Shadow Effects (toot or tweet) · · css, effects
- Design Principles for the Web (toot or tweet) · · videos, software-design, principles, web
- Dialogs and Shadow DOM: Can We Make It Accessible? (toot or tweet) · · accessibility, dom
- Should I Have Separate GitHub Accounts for Personal and Professional Projects? (toot or tweet) · · discussions, github, career, security
- Simple CSS Solutions (toot or tweet) · · videos, css
- Software Engineering—The Soft Parts (toot or tweet) · · principles
- Understanding the JavaScript Window Object (toot or tweet) · · javascript, objects
- Why You Shouldn’t Modify Scrum (toot or tweet) · · agile, scrum, processes
- Design System Maturity (toot or tweet) · · videos, design-systems
- Designing the Perfect Button (toot or tweet) · · design, forms
- The Folly of Design System “Foundations” (toot or tweet) · · design-systems
- The Smallest CSS (toot or tweet) · · css, minimalism
- What We’ve Learned from One Year of Real User Monitoring Data on GOV.UK (toot or tweet) · · performance, monitoring, metrics
- AbortController Is Your Friend (toot or tweet) · · javascript
- Modern JavaScript, 10 Things You Should Be Using, Starting Today (toot or tweet) · · javascript
- Better Scrolling Through Modern CSS (toot or tweet) · · css, scrolling
- 10 Do’s and Don’ts of Web Design in 2022 (toot or tweet) · · design, principles
- How We Think About Browsers (toot or tweet) · · user-agents
- Make DevTools Pick Colors Outside of Chrome (toot or tweet) · · devtools, colors
- Measuring the Performance of Typefaces for Users II (toot or tweet) · · typography, fonts, performance
- Single Element Loaders: The Spinner (toot or tweet) · · css, effects
- State of the Vuenion 2022 (toot or tweet) · · videos, vuejs
- The Many Definitions of Server-Side Rendering (toot or tweet) · · server-side-rendering
- Write HTML Right (toot or tweet) · · html, optimization
- Design Systems; the Great Connector (toot or tweet) · · design-systems
- The Future of Frontend Build Tools (toot or tweet) · · tooling
- How to Animate SVG Shapes on Scroll (toot or tweet) · · css, animations, svg
- How to Use Headings for Website Accessibility (toot or tweet) · · accessibility, semantics
- Inclusive User Research: Analysing Findings (toot or tweet) · · inclusion, usability, research
- JavaScript Hydration Is a Workaround, Not a Solution (toot or tweet) · · javascript, hydration
- Mobile-First CSS: Is It Time for a Rethink? (toot or tweet) · · mobile-first, css
- Patterns for Building JavaScript Websites in 2022 (toot or tweet) · · javascript, frameworks, comparisons
- Simplify Your Color Palette with CSS “color-mix()” (toot or tweet) · · css, colors, color-palettes
- WCAG SC 1.4.4 Resize Text and 1.4.10 Reflow (toot or tweet) · · accessibility, wcag
- Aspects of Accessibility—Semantics, Contrast, and… Anxiety? (toot or tweet) · · accessibility, semantics, contrast, user-experience
- Building Interoperable Web Components That Even Work with React (toot or tweet) · · components, interoperability, react
- How to Create Dark Mode for Your Designs in Figma (toot or tweet) · · dark-mode, figma
- Mathematical Notation for JavaScript Developers Explained (toot or tweet) · · javascript, math
- Meet Web Push (toot or tweet) · · user-agents, apis, support, standards
- Optimize the Use of “if–else” (toot or tweet) · · javascript
- Are You Ignoring Digital Accessibility at Your Job? (toot or tweet) · · accessibility, career
- Best Practices for Overlays (toot or tweet) · · accessibility, best-practices, overlays
- Shallow Copy and Deep Copy (toot or tweet) · · javascript
- Web Typography: Establishing a Strong Typographic System (toot or tweet) · · typography
- Can I DevTools? (toot or tweet) · · websites, devtools, support
- How to Use Variables in CSS (toot or tweet) · · css, custom-properties
- Measuring the Performance of Typefaces for Users (toot or tweet) · · typography, fonts, performance
- Hamburger Footer: Reaching the Bottom of Infinite Scroll (toot or tweet) · · scrolling, usability
- WCAG 3 Compliant? Check Again (toot or tweet) · · accessibility, wcag, standards
- Why Most Design Systems Implode (toot or tweet) · · interviews, design-systems
- A Brief History of Responsive Web Design (toot or tweet) · · history, responsive-design
- Don’t Sink Your Website with Third Parties (toot or tweet) · · embed-code, dependencies, performance
- Web Development Resources (toot or tweet) · · websites, link-lists
- Dealing with Hover on Mobile (toot or tweet) · · videos, css, media-queries
- Declarative Design Systems (toot or tweet) · · design-systems
- Do We Have a Lack of Developers or a False Assumption What the Job Is? (toot or tweet) · · career
- How to Pick the Least Wrong Colors (toot or tweet) · · colors, design, accessibility
- Monorepos in JavaScript and TypeScript (toot or tweet) · · javascript, typescript, monorepos
- Obscure CSS: Implicit List-Item Counter (toot or tweet) · · css
- Useful Built-In Node.js APIs (toot or tweet) · · nodejs, apis
- The Cicada Principle and Why It Matters to Web Designers (toot or tweet) · · design, principles
- Writing Useful Alt Text (toot or tweet) · · accessibility, writing
- Checklist for Moderating a Usability Test (toot or tweet) · · usability, testing, checklists
- How Does Social Interaction Change in an Age of New Media? (toot or tweet) · · web, interaction-design
- Interview with Léonie Watson (toot or tweet) · · interviews, accessibility
- Two Lines of CSS That Boosts 7× Rendering Performance (toot or tweet) · · css, performance, rendering
- Understanding CSRF Attacks (toot or tweet) · · security
- 7 Tips to Improve Your TypeScript (toot or tweet) · · typescript, tips, optimization
- JavaScript of Halftone Printing (toot or tweet) · · javascript, print
- Just How Long Should Alt Text Be? (toot or tweet) · · accessibility, writing
- You May Not Need a Bundler for Your npm Library (toot or tweet) · · bundling, npm
- 8 Shocking HTML Tips You Probably Don’t Know About (toot or tweet) · · html, tips
- How to Fix: “Buttons Do Not Have Accessible Names” (toot or tweet) · · forms, wcag
- Manage Accessible Design System Themes with CSS “color-contrast()” (toot or tweet) · · design-systems, theming, css
- npm Security Update_publication: Attack Campaign Using Stolen OAuth Tokens (toot or tweet) · · security, version-control, npm, github
- Processing Arrays Non-Destructively: “for-of” vs. “.reduce()” vs. “.flatMap()” (toot or tweet) · · javascript, arrays, comparisons
- The “Form” Element Created the Modern Web—Was It a Big Mistake? (toot or tweet) · · html, forms, history
- The Story of the Custom Scrollbar Using CSS (toot or tweet) · · css, scrolling
- What npm Can Learn from Go (toot or tweet) · · npm
- What’s the Alternative (Text)? (toot or tweet) · · accessibility, writing
- A Perfect Table of Contents with HTML and CSS (toot or tweet) · · html, css
- CSS: Absolutely Positioning Things Relatively (toot or tweet) · · css, layout
- Customizing Color Fonts on the Web (toot or tweet) · · fonts, colors, customization
- JavaScript Closures, Explained (toot or tweet) · · javascript
- Making Headers Sticky Using CSS for a Better Reading Experience (toot or tweet) · · css, readability, user-experience
- Single Page Applications (toot or tweet) · · spas
- Understanding Weak Reference in JavaScript (toot or tweet) · · javascript
- Why Are Iframe Titles Important for Accessibility? (toot or tweet) · · accessibility, html, writing
- Advocating for Your Design System (toot or tweet) · · design-systems
- Four Tradeoffs When Designing Navigation Menus (toot or tweet) · · design, navigation
- How to Position Your Design System Team for Success (toot or tweet) · · design-systems, collaboration, productivity
- Inclusive Design 101 (toot or tweet) · · inclusion, design
- Snyk Finds 200+ Malicious npm Packages, Including Cobalt Strike Dependency Confusion Attacks (toot or tweet) · · javascript, npm, dependencies, security
- 15 Sprint Review Anti-Patterns—Scrum Anti-Patterns Guide 2022 (toot or tweet) · · agile, scrum, processes, anti-patterns
- 5 Things I’d Want to See Improved in WordPress Core (toot or tweet) · · wordpress
- A Guide to Writing Industry Standard Git Commit Messages (toot or tweet) · · guides, git, conventions
- Dialog Components: Go Native HTML or Roll Your Own? (toot or tweet) · · components, accessibility
- Lesser-Known and Underused CSS Features in 2022 (toot or tweet) · · css
- Accessibility from Different Perspectives (toot or tweet) · · accessibility
- The Balance Has Shifted Away from SPAs (toot or tweet) · · spas
- First Look at the CSS “object-view-box” Property (toot or tweet) · · css
- Fun with CSS Combinators (toot or tweet) · · css, selectors
- Triaging WCAG 2.1 Level AAA (toot or tweet) · · accessibility, wcag, standards
- 4 Web Accessibility Remediation Mistakes to Avoid (toot or tweet) · · accessibility
- Accessibility Not-Checklist (toot or tweet) · · websites, accessibility, checklists
- Automate Accessibility Tests with Storybook (toot or tweet) · · accessibility, testing, automation, storybook
- Let’s Make Accessibility Boring Again (toot or tweet) · · accessibility
- Patterns (toot or tweet) · · design-patterns, aria, best-practices
- React Accessibility Resources (toot or tweet) · · react, accessibility, link-lists
- React Hooks Best Practices in 2022 (toot or tweet) · · react, hooks
- The Importance of Organizational Leadership in Developing an Accessibility Culture: Buy-In, Metrics, and Structure (toot or tweet) · · interviews, accessibility, leadership, culture, metrics
- Thinking Colors: Balancing Between Visual and Abstract (toot or tweet) · · colors
- Use @ supports At-Rule for Feature Detection in CSS (toot or tweet) · · videos, css, feature-detection, support
- Web Accessibility Is Broken—It’s Time to Fix It (toot or tweet) · · videos, accessibility
- Web Development === Accessibility (toot or tweet) · · accessibility
- What We Can Learn from Remix (toot or tweet) · · remix, frameworks
- Building a Button Component (toot or tweet) · · components, html, css, javascript, forms
- Conditionally Loading CSS or Any Resource Using Media Queries (toot or tweet) · · html, media-queries, performance
- How to Ask for a Promotion (toot or tweet) · · career
- Quick and Dirty Text Diffing (toot or tweet) · · tooling
- RFC 9239: Updates to ECMAScript Media Types (toot or tweet) · · javascript, rfcs
- The Rise and Fall of Neumorphism (toot or tweet) · · design
- How the HTML “lang” Attribute Helps Accessibility (toot or tweet) · · accessibility, html, localization
- Reduce Array of Objects to an Object in JavaScript (toot or tweet) · · javascript, arrays, objects
- The Forgotten Benefits of “Low Tech” User Interfaces (toot or tweet) · · usability
- The Modern Way to Create and Host a WordPress Site (toot or tweet) · · content-management, wordpress, hosting
- UI and UX Micro-Tips (toot or tweet) · · user-experience, forms, tips
- WCAG 2.2 and WCAG 3 Status Updates (toot or tweet) · · accessibility, wcag, standards
- 24×24 Pixel Cursor Bookmarklet (toot or tweet) · · accessibility, wcag, testing, bookmarklets
- 9 Ways to Design Inclusive Content (toot or tweet) · · content, inclusion
- An Affordable Work-from-Home Setup for Remote Workers (toot or tweet) · · productivity
- Building a Design System with Eleventy (toot or tweet) · · design-systems, eleventy
- Color Alignment for Multiple Design Systems (toot or tweet) · · design-systems, colors
- Peering into the Accessibility of Dark Mode (toot or tweet) · · accessibility, dark-mode
- Quick Tip: You Might Not Need “calc()” (toot or tweet) · · css, tips
- Rethinking Server-Timing as a Critical Monitoring Tool (toot or tweet) · · performance, http, metrics, monitoring
- The Era of Rebellious Web Design Is Here (toot or tweet) · · design
- Unexpectedly HTTPS? (toot or tweet) · · http, security
- Unpack Arrays Conditionally in PHP (toot or tweet) · · php, arrays
- Web Applications 101 (toot or tweet) · · web-apps, concepts
- :where() :is() :has()? New CSS Selectors That Make Your Life Easier (toot or tweet) · · css, selectors
- More Common Accessibility Issues That You Can Fix Today (toot or tweet) · · accessibility
- Personas vs. Archetypes (toot or tweet) · · usability, user-experience, personas, testing, comparisons
- Call to Action Examples (toot or tweet) · · websites, writing
- Keyboard Testing: The A11y Enhancement to Your Definition of Done (toot or tweet) · · accessibility, testing
- A Designer’s Journey of Ignorance, Resentment, and Wisdom (toot or tweet) · · design
- Cool Hover Effects That Use CSS Text Shadow (toot or tweet) · · css, effects
- Does Javascript Make My Site Less Accessible? (toot or tweet) · · accessibility, javascript, wcag
- Don’t Fight the Browser Preload Scanner (toot or tweet) · · user-agents, html, parsing, performance
- Master the “:nth-child()” Pseudo-Class (toot or tweet) · · videos, css, selectors
- Bringing Page Transitions to the Web (toot or tweet) · · videos, css, transitions
- Debugging Accessibility with Chrome DevTools (toot or tweet) · · videos, devtools, accessibility, debugging
- How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks (toot or tweet) · · performance, metrics, javascript, frameworks
- Light and Dark Mode in Just 14 Lines of CSS (toot or tweet) · · css, dark-mode
- Tokens as Intents (toot or tweet) · · design-tokens, naming, typography
- W3C TAG Ethical Web Principles (toot or tweet) · · ethics, principles, w3c
- Bridging the Gap (toot or tweet) · · css, support
- Designing for Web Accessibility in 60 Seconds (toot or tweet) · · accessibility
- Divs Are Bad! (toot or tweet) · · html, semantics
- How to Learn JavaScript Fast: Six Simple Mind Tricks (toot or tweet) · · javascript, tricks, learning
- On Design Thinking (toot or tweet) · · design
- State of CSS 2022 (toot or tweet) · · css
- Why WCAG 2.2 Is Still in the Oven (toot or tweet) · · accessibility, wcag
- XHTML Syntax Is Still Worth Using (toot or tweet) · · html
- 2 Approaches to Accessibility on the Web (toot or tweet) · · accessibility, automation
- Cron Jobs: A Comprehensive Guide (toot or tweet) · · guides, cron, automation
- Magical SVG Techniques (toot or tweet) · · svg, images, techniques
- The Complete Modern React Developer 2022 (toot or tweet) · · react
- Under the Hood: React vs. Vue vs. Svelte (toot or tweet) · · frameworks, react, vuejs, svelte, comparisons
- You Don’t Need “void 0” (toot or tweet) · · javascript
- A Different View into Accessibility Overlays (toot or tweet) · · accessibility, overlays, testing, documentation, auditing
- A Management Maturity Model for Performance (toot or tweet) · · performance
- Frontend Versus Backend Web Development (toot or tweet) · · comparisons
- Learn HTML [and] CSS (toot or tweet) · · courses, html, css
- Performance Game Changer: Browser Back/Forward Cache (toot or tweet) · · user-agents, caching, performance, web-vitals
- Reinventing W3C Governance (toot or tweet) · · standards, w3c
- “Someone Should Build X for the Web”—Why Not You? (toot or tweet) · · github
- The Road to Universal JavaScript (toot or tweet) · · javascript
- Understanding User Behaviors Across Surfaces (toot or tweet) · · usability
- Why SEO Is a Great Investment, Not Just a Cost (toot or tweet) · · seo, economics
- My Opinion on What Makes a Good Code Review (toot or tweet) · · code-reviews, productivity
- What’s Your Heading? (toot or tweet) · · accessibility, html, semantics
- Scaling CSS Layout Beyond Pixels (toot or tweet) · · videos, css, layout
- How to Use the GitHub Pulls API to Manage Pull Requests (toot or tweet) · · github, apis
- Learn CSS Subgrid (toot or tweet) · · css, design
- Top 2021 CSS Frameworks Report: Validation (toot or tweet) · · studies, frameworks, css, conformance, quality
- 12 Modern CSS Techniques for Older CSS Problems (toot or tweet) · · css, techniques, optimization
- A Guide to Writing About Digital Accessibility (toot or tweet) · · guides, writing, accessibility
- Fetch API Is [the] New Old Version of AJAX (toot or tweet) · · javascript, apis
- Get to Know Your Browser’s Performance Profiler (toot or tweet) · · user-agents, tooling, performance
- How to Use Videos with Alpha Transparency on the Web (toot or tweet) · · html, effects
- Master Higher-Order Functions in JavaScript (toot or tweet) · · javascript
- Please, Stop Disabling Zoom (toot or tweet) · · accessibility, html
- Practical Use Cases for “:has()” Pseudo-Class (toot or tweet) · · videos, css, selectors
- Resilience, Flexibility, and Immediacy: Working with Headless Systems (toot or tweet) · · headless, principles
- Design Patterns: How to Create Simple Interfaces (toot or tweet) · · design, design-patterns
- Designing a Better Language Selector (toot or tweet) · · design, usability, internationalization, localization
- Developing a Low-Touch Adoption Strategy for a New Design System (toot or tweet) · · user-experience, design-systems
- How Not to Do Accessible Design (toot or tweet) · · accessibility, design, colors
- JavaScript Containers (toot or tweet) · · javascript, visions
- The Evolution of WCAG: A Postcard from the Front Lines (toot or tweet) · · accessibility, wcag, standards, history
- 5 Simple Productivity Tips for Developers (toot or tweet) · · productivity, tips
- Contextual Spacing for Intrinsic Web Design (toot or tweet) · · design, css, spacing
- How to Create a Color Palette for Your Design System (toot or tweet) · · design-systems, color-palettes
- In Defence of the Single Page Application (toot or tweet) · · spas
- It’s Time We Fix the Unethical Design of Cookie Consent Windows (toot or tweet) · · design, ethics, cookies, legal
- Lerna Has Gone—Which Monorepo Is Right for a Node.js Backend Now? (toot or tweet) · · monorepos, dependencies, comparisons, nodejs
- Microsoft Edge Overtakes Safari as World’s Second Most Popular Desktop Browser (toot or tweet) · · user-agents, metrics, comparisons
- Why I Don’t Miss React: A Story About Using the Platform (toot or tweet) · · react
- You Don’t Need a UI Framework (toot or tweet) · · frameworks, css, tooling
- 8 JavaScript Quiz [Questions] That May Confuse You (toot or tweet) · · javascript, interviewing
- Creating Realistic Reflections with CSS (toot or tweet) · · css, effects
- Deep Dive into Text Wrapping and Word Breaking (toot or tweet) · · css
- Ethical Design Network (toot or tweet) · · websites, design, ethics
- If Design Principles Are for Designs, Then Design Values Are for Designers (toot or tweet) · · design, principles
- Writing Better CSS (toot or tweet) · · css, quality, sorting
- Design System Documentation Best Practices (toot or tweet) · · design-systems, documentation, best-practices
- Under-Engineered Multi-Selects (toot or tweet) · · accessibility, html, aria
- Creating a Firework Effect with CSS (toot or tweet) · · css, effects
- How to Reduce Figma Memory Usage (toot or tweet) · · figma
- Foundations: Lists (toot or tweet) · · html, accessibility
- How Web Browsers Work: Parsing the CSS (toot or tweet) · · user-agents, css, parsing
- Best Practices for Integrating Content Design in Your Design System (toot or tweet) · · design, design-systems, content, best-practices
- Common Frontend Interview Questions I’ve Been Asked (toot or tweet) · · interviewing, html, javascript
- CTA Modal: How to Build a Web Component (toot or tweet) · · components, javascript
- How to Build Node.js REST API with MySQL (toot or tweet) · · nodejs, apis, databases, sql
- Introducing “inert” (toot or tweet) · · html, accessibility
- Let’s Keep the “Content” in WCAG (toot or tweet) · · content, accessibility, wcag
- My Browser Support Strategy (toot or tweet) · · user-agents, support, progressive-enhancement, testing
- Server-Side vs. Client-Side Analytics (toot or tweet) · · metrics, comparisons
- The Complete Guide to Regular Expressions (Regex) (toot or tweet) · · guides, regex
- The CSS Art Paradox (toot or tweet) · · css, art, html, quality
- Understanding the Performance Impact of Anti-Flicker Snippets (toot or tweet) · · performance, web-vitals
- A Practical Guide to Aspect Ratio in CSS (toot or tweet) · · videos, guides, css
- Cool Hover Effects That Use Background Properties (toot or tweet) · · css, effects, backgrounds
- Learn to Code with JavaScript: The Most Popular Programming Language on Earth (toot or tweet) · · javascript, learning
- Stop Removing Focus (toot or tweet) · · accessibility, css
- The 5 Golden Rules of Code Reviews (toot or tweet) · · code-reviews, processes, quality
- A Guide to Task-Based UX Metrics (toot or tweet) · · guides, user-experience, metrics
- Apple’s Grip on iOS Browser Engines Disallowed Under Latest Draft EU Rules (toot or tweet) · · user-agents, engines, legal, apple
- Deploy Your First Website Without Leaving Your IDE (toot or tweet) · · deploying
- Flexibly Centering an Element with Side-Aligned Content (toot or tweet) · · css, design
- Is Measuring Speed a Useful Metric for Design Systems? (toot or tweet) · · videos, performance, metrics, design-systems
- Non-Interactive Elements with the “inert” Attribute (toot or tweet) · · html, semantics
- Plain Old Semantic HTML: A Perfect Basis for Accessibility (toot or tweet) · · accessibility, html, semantics
- 11 Steps to Keep Figma Clean (toot or tweet) · · design, tooling, figma
- 16 Top Design Trends for 2022 (toot or tweet) · · design, trends
- 8 Ways to Make Website Accessibility Easier (and Less Expensive) (toot or tweet) · · accessibility
- 9 Useful Principles of UX Design (toot or tweet) · · user-experience, design, principles