News and Tools for Frontend Development (10)
(Stay up-to-date on all topics by feed or on Mastodon.)
- There’s No Such Thing as Clean Code (toot or tweet) · · developer-experience, quality
- To Create an Excellent Design System, Treat It Like a Collaborative Process (toot or tweet) · · design-systems, processes, collaboration
- Top Ten Most Common Web Accessibility Issues (toot or tweet) · · accessibility
- WebAssembly Feature Detection (toot or tweet) · · webassembly, feature-detection, support
- Design System: How to Efficiently Scale Development? (toot or tweet) · · design-systems, scaling
- Fancy CSS Borders Using Masks (toot or tweet) · · css, decoration
- How to Convert Markdown to HTML (toot or tweet) · · markdown, html, conversion
- The Baseline for Web Development in 2022 (toot or tweet) · · web-platform
- The Double-Assignment Pattern in jQuery’s Source Code (toot or tweet) · · jquery, javascript
- The Return of Server Side Routing (toot or tweet) · · routing
- Overview of Accessibility Testing Using DevTools (toot or tweet) · · dev-tools, accessibility, testing, user-agents, microsoft, edge
- What’s New in DevTools? (toot or tweet) · · dev-tools, user-agents, google, chrome, microsoft, edge, apple, safari, mozilla, firefox
- Here’s What I Didn’t Know About “:where()” (toot or tweet) · · css, selectors
- An Introduction to CSS Cascade Layers (toot or tweet) · · introductions, css, cascade
- Best Practices for Creating Your UX Design Portfolio (toot or tweet) · · user-experience, design, career, best-practices
- Foundations: Text Descriptions (toot or tweet) · · accessibility, writing
- Monorepo Explained (toot or tweet) · · websites, monorepos
- The Risks and Rewards of App Modernization (toot or tweet) · · maintenance, modernization, quality
- Why Don’t Developers Take Accessibility Seriously? (toot or tweet) · · accessibility
- Drift: Why Your Design System Isn’t Working (toot or tweet) · · design-systems, design-debt
- More to Give Than Just the Div: Semantics and How to Get Them Right (toot or tweet) · · html, semantics, accessibility
- Context-Aware Web Components Are Easier Than You Think (toot or tweet) · · components, html, javascript
- How to Check What Item Is in Focus When Accessibility Testing (toot or tweet) · · accessibility, testing
- Technology Time-Outs (toot or tweet) · · processes, productivity
- The Many Ways to Modify Leading and Trailing Characters from Strings with JavaScript (toot or tweet) · · javascript
- Accessibility Acceptance Criteria (toot or tweet) · · websites, accessibility, testing, components
- Big Images, Blazingly Fast (toot or tweet) · · performance, images, quality
- Frontend Predictions for 2022 (toot or tweet) · · web-platform
- Optimize Your PNGs with Oxipng and pre-commit (toot or tweet) · · images, png, performance, compression, tooling
- The Future of CSS: Detect At-Rule Support with “@ supports at-rule(@ keyword)” (toot or tweet) · · css, support
- Div Divisiveness (toot or tweet) · · html, semantics
- An Introduction to High Contrast Accessibility (toot or tweet) · · introductions, accessibility, contrast
- Create an Open Graph Image Generator with Node.js (toot or tweet) · · nodejs, open-graph, images
- Design Systems Are Flawed (toot or tweet) · · design-systems
- Giving Web Standards a Seat at the Table (toot or tweet) · · standards, history
- How to Avoid Layout Shifts Caused by Web Fonts (toot or tweet) · · performance, user-experience, fonts
- How to Set Up a Node.js Project with TypeScript (toot or tweet) · · nodejs, typescript
- The Breakpoints We Tested in 2021 and 2022, and the Ones to Test in 2023 (toot or tweet) · · responsive-design, css
- What Should Someone Learn About CSS If They Last Boned Up During CSS3? (toot or tweet) · · css
- Becoming a Better Writer as a Software Engineer (toot or tweet) · · writing, career
- Building UI Components with SVG and CSS (toot or tweet) · · components, svg, css
- Making IT Accessible for All! (toot or tweet) · · videos, accessibility
- Naming Conventions for Your Design System (toot or tweet) · · design-systems, naming, conventions
- Quick Accessibility Tests Anyone Can Do (toot or tweet) · · accessibility, user-experience, testing
- TypeScript Features to Avoid (toot or tweet) · · typescript
- Using PostCSS with Media Queries Level 4 (toot or tweet) · · css, tooling, media-queries
- Frontend Challenges: Front-End Engineer Assignment (toot or tweet) · · react, javascript, typescript, training
- Modern Fluid Typography Using CSS Clamp (toot or tweet) · · css, typography
- On the Difficulty of Counting the Number of HTML Elements (toot or tweet) · · html
- Rethinking Component Libraries (toot or tweet) · · components
- The Real Added Costs of Accessibility (toot or tweet) · · accessibility, economics
- Comparing CSS Specificity Values (toot or tweet) · · css, cascade
- Find HTML Parsing Errors (toot or tweet) · · user-agents, dev-tools, html, parsing, quality
- Choosing Open Source License Wisely (toot or tweet) · · open-source, licensing
- “structuredClone()”: Deeply Copying Objects in JavaScript (toot or tweet) · · javascript, objects
- Accessibility Data Is Not the Enemy (toot or tweet) · · accessibility, metrics
- CSS Cascade Layers: An Overview of the New “@ layer” and “layer()” CSS Primitives (toot or tweet) · · videos, css, cascade
- Accessibility and 2022: 13 Design Trends from a Usability Perspective (toot or tweet) · · accessibility, design, trends, usability
- Building an Accessible Digital World (toot or tweet) · · accessibility
- Git Organized: A Better Git Flow (toot or tweet) · · git, command-line, processes
- Rationalise It! 5 Steps to Introduce a New Component to the Design System (toot or tweet) · · design-systems, components
- An Introduction to Tech Debt (And Why It Can Change Your Career) (toot or tweet) · · introductions, technical-debt, career
- Boolean Attributes in HTML and ARIA: What’s the Difference? (toot or tweet) · · html, aria
- Web Accessibility Lawsuits Dramatically Rose in 2021 (toot or tweet) · · accessibility, conformance, legal
- Website Performance and the Planet (toot or tweet) · · performance, sustainability, caching
- Make Beautiful Gradients (toot or tweet) · · css, gradients
- PHP in 2022 (toot or tweet) · · php
- Remix vs. Next.js (toot or tweet) · · remix, nextjs, comparisons
- Revisiting Why Hyperlinks Are Blue (toot or tweet) · · design, hypertext
- Social Media Image Sizes 2022: Cheat Sheet for Every Network (toot or tweet) · · cheat-sheets, social-media, images
- Software Is Automating Design—What Does That Mean for Designers? (toot or tweet) · · design, automation
- A Deep CSS Dive into Radial and Conic Gradients (toot or tweet) · · css, gradients
- Alt Tag Emptiness (toot or tweet) · · accessibility, html, images, aria
- Don’t Fight the Cascade, Control It! (toot or tweet) · · css, cascade
- Foundations: Animations and Flashing Content (toot or tweet) · · accessibility, animations
- How Not to Learn TypeScript (toot or tweet) · · typescript
- HTML is General, ARIA is Specific (toot or tweet) · · html, aria
- Writing with Respect (toot or tweet) · · writing
- Memory Leaks, How to Avoid Them in a React App (toot or tweet) · · memory, react
- 22 Smart Google SEO Tips for 2022 (toot or tweet) · · seo, google, tips
- Ban Embed Codes (toot or tweet) · · embed-code
- Two Ways to Clear an Array with Vanilla JavaScript (toot or tweet) · · javascript, arrays
- Your CSS Reset Needs “text-size-adjust” (Probably) (toot or tweet) · · css, resetting
- How to Measure Your Design System? (toot or tweet) · · design-systems, metrics
- Labeling the Point: Scenarios of Label Misuse in WCAG (toot or tweet) · · accessibility, wcag, html
- Reduce the Pressure on Young and Inexperienced Developers (toot or tweet) · · career, training
- Memory Leaks: The Forgotten Side of Web Performance (toot or tweet) · · performance, memory
- 30 Frontend Tips (toot or tweet) · · career, tips
- Styling Strategies Using Typography (toot or tweet) · · typography
- The 6 Most Important CSS Concepts for Beginners (toot or tweet) · · videos, css
- The Good, the Bad, and the Toggle (toot or tweet) · · design, forms
- CSS Underlines Are Too Thin and Too Low in Chrome (toot or tweet) · · css, user-agents, google, chrome
- 8 Techniques to Write Cleaner JavaScript Code (toot or tweet) · · javascript
- Accessible Heading Structure (toot or tweet) · · accessibility, html
- Fetch Commit Logs of Certain Function or Method in Git (toot or tweet) · · git, command-line
- Imperative vs. Declarative Programming (toot or tweet) · · videos, programming, comparisons
- The Web Doesn’t Have Version Numbers (toot or tweet) · · versioning, web
- How Flexbox Works (toot or tweet) · · css, layout
- A Contrast of Errors (toot or tweet) · · accessibility, wcag, colors, contrast
- Five 2022 Accessibility Trends (toot or tweet) · · accessibility, trends
- A Unified Theory of Web Performance (toot or tweet) · · performance
- Exposing Mid-Resource LCP Values (toot or tweet) · · performance, web-vitals
- Image Magnifier Using Only One Line of CSS (toot or tweet) · · css, images
- Page Visibility: If a Tree Falls in the Forest… (toot or tweet) · · performance, web-vitals, user-experience
- Add Less (toot or tweet) · · simplicity
- pkg.land (toot or tweet) · · websites, packages, npm
- Using Diagnostic Metrics (toot or tweet) · · performance, metrics
- Empathetic Animation (toot or tweet) · · animations, user-experience
- Practical Tips for Load-Testing Web Applications (toot or tweet) · · performance, testing, tips, web-apps
- WCAG and Accessibility: What Is a Statement of Partial Conformance? (toot or tweet) · · accessibility, wcag, conformance
- Shedding Light on Fiverr’s Dark Mode Creation Process (toot or tweet) · · design, dark-mode
- Add a Service Worker to Your Site (toot or tweet) · · javascript
- Web Accessibility Cheat Sheet (toot or tweet) · · accessibility, cheat-sheets
- CSS in 2022 (toot or tweet) · · css
- 1000+ Web Development Resources (toot or tweet) · · link-lists
- The Business Case for Performance (toot or tweet) · · performance, economics
- Faster Websites by Using Less HTML (toot or tweet) · · cross-posted, html, performance, optimization, minimalism
- Form Autocomplete (toot or tweet) · · html, forms
- Personalize It! (toot or tweet) · · css, user-experience
- Redirect Liquidation (toot or tweet) · · performance, optimization
- Show, Don’t Tell (toot or tweet) · · writing, design, semantics
- The Many Methods for Using SVG Icons (toot or tweet) · · css, svg, images
- Frontend Web Performance: The Essentials (toot or tweet) · · performance
- The CSS “:has()” Pseudo-Class, aka Parent Selector (toot or tweet) · · css, selectors
- Wrapping Text Inside an SVG Using CSS (toot or tweet) · · svg, css
- CSS Animation (toot or tweet) · · css, animations
- CSS Snapshot 2021 (toot or tweet) · · css
- Introduction to Cognitive Disability and Accessibility Testing (toot or tweet) · · introductions, accessibility, testing
- Make Joyful Things (toot or tweet) · · user-experience
- Building a Greener Web (toot or tweet) · · sustainability
- The CSS “:has()” Selector Is Way More Than a “Parent Selector” (toot or tweet) · · css, selectors
- 5 Common Misconceptions About WAI-ARIA and Accessibility (toot or tweet) · · accessibility, aria, html
- Auto Dark Theme (toot or tweet) · · user-agents, dark-mode, usability
- Be Prepared for Failure and Handle It Gracefully (toot or tweet) · · javascript, graceful-degradation
- Design Sprints Revisited: Designing with Your Users and Developers (toot or tweet) · · design, usability
- How to Add and Remove a CSS Class from Multiple Elements with Vanilla JavaScript (toot or tweet) · · css, javascript
- How to Define Your Relationship to Sites You Link To (toot or tweet) · · html, semantics, seo
- Image Display Elements (toot or tweet) · · html, images, responsive-design
- Smoothly Reverting CSS Animations (toot or tweet) · · css, animations
- The Web Starts on Page Four (toot or tweet) · · web
- Why UX Is the Best SEO Strategy (toot or tweet) · · user-experience, seo, strategies
- 5 HTML Concepts You Didn’t Know (toot or tweet) · · html, concepts
- Preference Queries (toot or tweet) · · css
- Web Performance, Core Web Vitals, and Vanity Metrics (toot or tweet) · · performance, web-vitals, metrics
- This Is WCAG 2.1 (toot or tweet) · · websites, accessibility, wcag
- There’s Never Been a Better Time to Build Websites (toot or tweet) · · frameworks, css
- Consistent, Fluidly Scaling Type, and Spacing (toot or tweet) · · typography, css
- Don’t Start with Microservices in Production—Monoliths Are Your Friend (toot or tweet) · · microservices, monoliths, architecture
- Hands On with the New Responsiveness Metrics (toot or tweet) · · performance, responsive-design, metrics
- Inaccessibility of CAPTCHA (toot or tweet) · · accessibility, captcha
- Sustaining Maintaining (toot or tweet) · · open-source
- Web Platform Design Principles (toot or tweet) · · web-platform, software-design, w3c
- Why Motion on Websites and Digital Content Is a Problem (toot or tweet) · · accessibility
- Deep-Copying in JavaScript Using “structuredClone” (toot or tweet) · · javascript
- 100 Tips on Software Developer Productivity (toot or tweet) · · productivity, tips
- CSS Can Help Improve Your HTML⁉ Buttons and Links (toot or tweet) · · html, css, accessibility
- CSS Custom Properties (toot or tweet) · · css, custom-properties
- Explain Like I’m Five: Web Performance Optimization (toot or tweet) · · performance, optimization
- Shifting the Mindset About Accessible Content (toot or tweet) · · accessibility, content
- The State of CSS 2021 (toot or tweet) · · surveys, css
- Thoughts on Skin Tone and Text Descriptions (toot or tweet) · · accessibility, inclusion, writing
- Details/Summary (toot or tweet) · · html, semantics
- Performance Implications of JavaScript Errors (toot or tweet) · · javascript, performance, errors
- Practical Ethics for the Modern Web Designer (toot or tweet) · · videos, ethics
- Read Your Website (toot or tweet) · · user-experience
- The Ideal Line Length and Line Height in Web Design (toot or tweet) · · design, typography
- Visual Regression Testing for Design Systems with Figma Branches (toot or tweet) · · design-systems, testing, figma
- Intersection Observer (toot or tweet) · · javascript, apis
- WCAG 2.2: What We Know Till Now (toot or tweet) · · accessibility, wcag
- Embrace the Platform (toot or tweet) · · html, css, javascript, web-platform
- WCAG 2 Is What We Have (toot or tweet) · · accessibility, wcag
- Defer Non-Critical Resources (toot or tweet) · · performance, html
- WCAG 3 Is Not Ready Yet (toot or tweet) · · accessibility, wcag
- Standardizing Focus Styles with CSS Custom Properties (toot or tweet) · · css, custom-properties, accessibility
- Breaking Out of the Box (toot or tweet) · · user-agents, css
- Caching: Understanding the Scope (toot or tweet) · · performance, caching
- Responsive Iframes with the CSS “aspect-ratio” Property (toot or tweet) · · css, responsive-design
- The Last Design You’ll Ever Make (toot or tweet) · · design
- 1993: Mosaic Launches and the Web Is Set Free (toot or tweet) · · history, user-agents
- 5 Reasons You Should Adopt a Micro Frontend Architecture (toot or tweet) · · micro-frontends
- Content Separation (toot or tweet) · · servers
- Node.js Memory Limits—What You Should Know (toot or tweet) · · nodejs, memory
- Writing Better CSS (toot or tweet) · · css, quality, efficiency
- A Beginner’s Guide to Vue Router (toot or tweet) · · guides, vuejs
- Defensive CSS (toot or tweet) · · css
- Explainer for W3C Accessibility Guidelines (WCAG) 3.0 (toot or tweet) · · accessibility, wcag
- Google Fonts Knowledge (toot or tweet) · · fonts, typography, google
- Optimizing State Management in React Applications (toot or tweet) · · react, state-management
- Test Your Product on a Crappy Laptop (toot or tweet) · · testing, performance, usability
- Where Do You Put Spacing on Design System Components? (toot or tweet) · · design-systems, components, design, spacing
- HTTP Compression (toot or tweet) · · http, protocols, compression, performance
- Why You Should Check in Your Node Dependencies (toot or tweet) · · nodejs, dependencies
- Reduce Your Website’s Environmental Impact with a Carbon Budget (toot or tweet) · · sustainability
- Designing Better Links for Websites and Emails: A Guideline (toot or tweet) · · design, email, hypertext
- CSS Fingerprinting (toot or tweet) · · websites, css, security, privacy
- Have Core Web Vitals Made the Web Faster? (toot or tweet) · · web-vitals, performance
- How Many People with Disabilities Use Our Site? (toot or tweet) · · accessibility
- The Love of Curvilinear Design (toot or tweet) · · design
- Plugging Memory Leaks in Your App (toot or tweet) · · performance, memory
- Ain’t No Party Like a Third Party (toot or tweet) · · dependencies, embed-code, security
- JSON Modules in JavaScript (toot or tweet) · · javascript, json, modules
- Request for a General Theory of Web Performance (toot or tweet) · · performance
- Revisiting the Anatomy of a Design System (toot or tweet) · · design-systems
- Why Every Developer Should Start Blogging (toot or tweet) · · blogging, communication, learning, career
- Best Practices for Node.js Development (toot or tweet) · · nodejs, javascript, best-practices
- Markup (toot or tweet) · · studies, html
- Accessibility (toot or tweet) · · studies, accessibility
- CSS (toot or tweet) · · studies, css
- HTTP (toot or tweet) · · studies, http, protocols
- JavaScript (toot or tweet) · · studies, javascript
- Page Weight (toot or tweet) · · studies, performance
- Security (toot or tweet) · · studies, security
- Understanding Accessibility (toot or tweet) · · accessibility, testing, tooling
- Why Color Contrast Is Not as Black and White as It Seems (toot or tweet) · · accessibility, colors, contrast
- The Fundamentals of CSS Layout (toot or tweet) · · videos, fundamentals, css, layout
- The Surprising Behavior of “Important CSS Custom Properties” (toot or tweet) · · css, custom-properties, cascade
- CSS Layout from the Inside Out (toot or tweet) · · videos, css, layout
- Making Accessibility More Accessible (toot or tweet) · · accessibility
- How to Maintain a Large Next.js Application (toot or tweet) · · nextjs, maintenance
- Introduction to Svelte Actions (toot or tweet) · · introductions, svelte
- On Yak Shaving and “<md-block>”, a New HTML Element for Markdown (toot or tweet) · · components, custom-elements, html, markdown
- Understanding WCAG 2.1 Level AAA (toot or tweet) · · accessibility, wcag
- Select Elements with “pointer-events: none” by Holding Shift (toot or tweet) · · user-agents, dev-tools
- How to Trim Strings in JavaScript (toot or tweet) · · javascript
- Make Your Website Stand Out with a Custom Scrollbar (toot or tweet) · · css
- Programmers Should Stop Celebrating Incompetence (toot or tweet) · · career
- 7 Ways to Improve Node.js Performance at Scale (toot or tweet) · · nodejs, performance, optimization
- Creating Generative Patterns with the CSS Paint API (toot or tweet) · · css, decoration
- Get Started with Validation in Node.js (toot or tweet) · · nodejs, validation
- Three Phases of Life for Design Systems (toot or tweet) · · design-systems
- What Kind of Developer Do I Want to Be? (toot or tweet) · · career
- Adding a Dyslexia-Friendly Mode to a Website (toot or tweet) · · accessibility, css
- Control Layout in a Multi-Directional Website (toot or tweet) · · internationalization, html, css
- Functional Programming in PHP: Higher-Order Functions (toot or tweet) · · php, programming
- Modern CSS in a Nutshell (toot or tweet) · · css
- The 6 Ways of Writing HTML (and Their Combinations) (toot or tweet) · · html
- Blog Page Accessibility Deep Dive (toot or tweet) · · accessibility, react
- How JavaScript Engines Achieve Great Performance (toot or tweet) · · javascript, engines, performance
- Responsive Layouts, Fewer Media Queries (toot or tweet) · · css, responsive-design
- Designing Sustainable Websites (toot or tweet) · · sustainability, performance, software-design
- Dear HTML Element (toot or tweet) · · html
- Communicating Accessibility as Needs to Be Met and Not Rules to Be Followed (toot or tweet) · · accessibility, communication
- How to Make Blob Menu Using HTML, CSS and JavaScript (toot or tweet) · · html, css, javascript
- Tales of the Autistic Developer—Order and Chaos (toot or tweet) · · career
- Parallax Powered by CSS Custom Properties (toot or tweet) · · css, custom-properties
- 20 Years of bram.us (toot or tweet) · · history
- 1992: The Web vs. Gopher, and the First External Browsers (toot or tweet) · · history
- Dynamic Color Manipulation with CSS Relative Colors (toot or tweet) · · css, colors
- Let’s Not Send Developers to the Accessibility Tree Tool (toot or tweet) · · user-agents, accessibility, tooling
- PHP Date and Time Recipes (toot or tweet) · · php