Frontend Dogma

News and Tools for Frontend Developers (23)

(Stay up-to-date on all topics by RSS feed, on Mastodon, and through other channels.)

  1. Experimenting With Layering, Filtering, and Masking in CSS (by) · · , , ,
  2. Back to Basics: What are Callbacks in JavaScript? (by/via) · · , ,
  3. An Interesting Limitation of CSS Custom Properties (by/via) · · ,
  4. A Guide to Image Optimization on Jamstack Sites (by/via) · · , , , , , ,
  5. “vh”, “svh”, “lvh”, and “dvh” (by) · ·
  6. Using Automated Test Results to Improve Accessibility (by+/via) · · , ,
  7. Theory-Building and Why Employee Churn Is Lethal to Software Companies (by) · · ,
  8. Spy On “window.postMessage” Calls (by) · · , ,
  9. “Not Secure” Warning for IE Mode (by) · · , , , ,
  10. Improving React Interaction Times by 4× (by/via) · · , ,
  11. CSS Best Practices: 16 Ways to Improve Your CSS Skills Quickly (by) · · ,
  12. Build and Deploy a Node.js Microservices Application (by) · · , ,
  13. Accessibility Is in Style—Styles and Style Guides (by/via) · · , , , , ,
  14. 5 Insider Tips to Make Accessibility Part of Workflow (by/via) · · , ,
  15. Visual Design: Breaking Into the Fourth Dimension of Experience Design (via) · · ,
  16. The Heuristics of Neurodesign (by/via) · · ,
  17. The Best Programming Languages You Can Use for Web Development (via) · · ,
  18. Significant Improvements for Screen Readers Now in Nightly Firefox (by/via) · · , , , , ,
  19. CSS Shapes Module Level 1 (by+/via) · · ,
  20. Building Conscious Design Systems (by) · ·
  21. 10 Topics You Must Know if You Want to Be a Web Developer—a Beginners Guide · · ,
  22. Your Accessibility Claims Are Wrong, Unless… (by) · · ,
  23. Web Sustainability Resources (by/via) · · ,
  24. Awesome Productivity Tools for Developers (by) · · ,
  25. A Guide to Keyboard Accessibility: HTML and CSS (by/via) · · , , , ,
  26. Content Strategy 101 (by/via) · · ,
  27. Git Cheat Sheet With 40+ Commands and Concepts (by) · · , ,
  28. The IndieWeb for Everyone (by) · · ,
  29. The Evolution of Scalable CSS (via) · · , , ,
  30. How to Increase Traffic to Your Website (via) · · ,
  31. Don’t Disable the Zoom Functionality (by) · · ,
  32. CSS Grid and Custom Shapes III (by/via) · · , ,
  33. When Our Tools Hold Us Back (by/via) · · , ,
  34. Implementation Guide for Using “Remove Cache Buster Query Parameter” Feature (by) · · , ,
  35. CSS “:where()” “:is()” the Difference? (by) · · ,
  36. 10 Things I Wish I’d Known When Starting My Coding Journey (by) · ·
  37. Easily Switch Between Different Node Versions Using nvm (by/via) · · , ,
  38. The Anatomy of “visually-hidden” (by/via) · · ,
  39. Why Your Backend in Node.js Needs an API Layer and How to Build It (by/via) · · , ,
  40. What’s New in WCAG 2.2 (by/via) · · , , ,
  41. State of Design Systems 2022 Survey (via) · · ,
  42. Node.js Security Best Practices (via) · · , ,
  43. Are You Using an Accessibility Overlay to Help Disabled Users? Don’t! (by/via) · · , ,
  44. An Open Challenge (to Tech Event Organizers) (by) · ·
  45. Designing for People Who Use a Mouse (by/via) · · ,
  46. Cultivating Design Systems by Bringing Intention (by) · ·
  47. CSS Timeline (by) · · , ,
  48. Browsers, JSON, and “FormData” (by) · · , ,
  49. Accessfuturism: Digital Accessibility in 2032 (by/via) · · , ,
  50. A Brief and Probably Only Partially Correct History of CSS Nesting (by) · · , ,
  51. Early Learnings for Early Hints at Shopify (by/via) · · , , , ,
  52. Foundations: Native Versus Custom Components (via) · · , ,
  53. What CSS Do You Absolutely Have to Know in 2022? (by/via) · ·
  54. TypeScript With Node.js (by) · · ,
  55. Is “CSS Engineer” Now a Job Position? (by) · · ,
  56. How to Improve User Experience and Wow Your Users (by/via) · · ,
  57. How to Create the Perfect Hero Image for Your Portfolio Site (via) · · ,
  58. Generating Slugs Using One Line of Code in JavaScript (by) · ·
  59. Dialogs, Modality, and Popovers Seem Similar—How Are They Different? (by) · · , , , ,
  60. Accessibility Contrast Requirements Explained and How to Fix 5 Common Low-Contrast Issues (via) · · , ,
  61. What Designers Can Learn From Apple’s New Accessibility Features (via) · · , ,
  62. Why You Need to Monitor and Report on Accessibility—All the Time (via) · · , , ,
  63. Why Would Anyone Need JavaScript Generator Functions? (by) · · ,
  64. Using Data-Driven Analytics to Improve Your Site’s User Experience (via) · · , ,
  65. The Superpowers of Design Tokens (by/via) · · ,
  66. Saved From Callback Hell (via) · · ,
  67. Responsive Accessibility Using “visibility: hidden” (by) · · ,
  68. npm Security: Preventing Supply Chain Attacks (by/via) · · , ,
  69. Managing CSS Styles in a WordPress Block Theme (via) · · , , ,
  70. Creating a Design System Using Radix (by/via) · · ,
  71. Client-Side Routing Without the JavaScript (by/via) · · , ,
  72. A Simpler Approach to Document and Web Accessibility (via) · ·
  73. Visual Design in UX: Study Guide (via) · · , , , ,
  74. Too Much Efficiency Makes Everything Worse: Overfitting and the Strong Version of Goodhart’s Law (by) · · ,
  75. Inside the Mind of a Frontend Developer: Hero Section (by) · · ,
  76. Writing Better Documentation (by) · · ,
  77. An Animated Guide for Node.js Event Loop (by) · · , , ,
  78. Accessibility “Gaps” in MVPs (by) · ·
  79. 5 Takeaways From Screen Reader Usability Interviews (by) · · , , ,
  80. Frontend Dogma on Mastodon (via) · ·
  81. 6 Steps to Improve HTML Images for Users and Developers (by) · · , , ,
  82. Ways to Improve Developer Onboarding on an Existing Codebase (by) · · ,
  83. See This Page Fetch Itself, Byte by Byte, Over TLS (by) · · , ,
  84. Minimal Dark Mode (by) · · , ,
  85. Caring About the World Wide Web (by/via) · · , , ,
  86. A Deep Dive Into Accessible Notifications (by/via) · · , , ,
  87. The Best PHP Frameworks for 2022 (by/via) · · ,
  88. Progress Over Perfection: A Better Way to Accessibility (by) · · ,
  89. Why You Need to Involve Deaf and Hard of Hearing People in Research and Testing (by/via) · · ,
  90. Tips for Design System Component Pages (by) · · , , , ,
  91. Sustainable Web Design Reduces E-Waste (by/via) · ·
  92. Speedy CSS Tip! Animated Gradient Text (by/via) · · ,
  93. A Testing Strategy for Accessibility in New Apps (by) · · ,
  94. 16 Rare HTML Tags You Really Should Know (by/via) · · ,
  95. 7 Tactics That Benefit Both Accessibility and SEO (via) · · ,
  96. The Case for JPEG XL (by/via) · · , ,
  97. Design Management Toolbox: Non-Linear Professional Development (by/via) · · ,
  98. Tips to Become a Great Software Engineer (by) · ·
  99. Should Consistency Be a Goal of Design Systems? (by) · · ,
  100. Next Steps for the W3C Web Accessibility Initiative (by/via) · · , ,
  101. HTML and CSS Features, Tips for a 10× Faster Page Loading Speed (by) · · , , ,
  102. How to Start a Content Audit (via) · · , , , ,
  103. Designing the Perfect Mobile Navigation UX (by/via) · · , ,
  104. An Introduction to CSS Cascade Layers (by/via) · · , ,
  105. Is Turbopack Really 10× Faster Than Vite? (by) · · , , ,
  106. An Overview of JavaScript Promises (by+/via) · · , ,
  107. Why One Web Pioneer Thinks It’s Time to Reinvent the Browser (by/via) · · ,
  108. TypeScript 5.0 Iteration Plan (by/via) · ·
  109. The New CSS Media Query Range Syntax (by/via) · · ,
  110. Screenshotting VoiceOver on macOS (by) · · , , , ,
  111. My Divtober 2022 Drawings (by) · · ,
  112. Intro to HTML-First Frontend Frameworks (via) · · , ,
  113. Folder Structure for Node.js and Express.js Project · · , ,
  114. Complexity and Caution (by) · · , ,
  115. “aria-label” Is a Code Smell (by) · · , ,
  116. 20+ Laravel Best Practices, Tips, and Tricks to Use in 2023 (by) · · , ,
  117. Knowing What It’s Not (via) · · ,
  118. Hostile Patterns in Error Messages (by/via) · · , , ,
  119. Do We Need an Interop for Assistive Technologies? (by) · · , , , ,
  120. 7 Shorthand Optimization Tricks Every JavaScript Developer Should Know (by) · · ,
  121. 5 Visual Treatments that Improve Accessibility (via) · · ,
  122. URL Redirection on AWS Using JSON Rules (by) · · , , ,
  123. How to Create Advanced Animations With CSS (by/via) · · , ,
  124. How to Build, Test, and Publish a TypeScript npm Package in 2022 (by) · · , ,
  125. CSS Ellipsis for Single-Line and Multi-Line Text (by) · · ,
  126. Using HSL Colors in CSS (by/via) · · ,
  127. How Flaky Tests Impact Developers (by) · · , ,
  128. All Designers Start as Copycats (and That’s OK) (by/via) · · ,
  129. Why You Should Never Use “px” to Set “font-size” in CSS (by) · · ,
  130. What Is a Realm in JavaScript? (by) · ·
  131. Type-Safe TypeScript With Type Narrowing (by/via) · · ,
  132. React Concurrency, Explained (by) · · , ,
  133. Practical CSS Guide for Busy Developers (by) · · ,
  134. Motion Controls in the Browser (by/via) · · , ,
  135. How to Communicate Effectively as a Developer (by) · · , , ,
  136. Getting WCAG Color Contrast Right (by/via) · · , , ,
  137. Masked Gradient Dashed Lines (by) · · , ,
  138. CSS Runtime Performance · · , ,
  139. Accessibility Beyond the “Obvious” (by) · ·
  140. Web Accessibility: ARIA 101 (by/via) · · , ,
  141. Typographic Hierarchies (by/via) · · ,
  142. The Math Behind Nesting Rounded Corners (by/via) · · , ,
  143. Guide to the Best JavaScript Books for Beginners (via) · · , , ,
  144. Design Principles for the Web (by/via) · · , ,
  145. Code Coverage With Storybook Test Runner (by/via) · · , ,
  146. A Beginner’s Guide to Chrome Tracing (by) · · , , , ,
  147. Structured Data (by+/via) · · , , , , , ,
  148. Performance (by+/via) · · , , , , ,
  149. CSS Animated Grid Layouts (by/via) · · , , ,
  150. Building a Tooltip Component (by/via) · · , ,
  151. OKLCH in CSS: Why We Moved From RGB and HSL (by+/via) · · , ,
  152. Conditionally Adaptive CSS—Browser Behavior That Might Improve Your Performance (by) · · , ,
  153. Animated Border Gradient (by) · · , , , ,
  154. Is There Too Much CSS Now? (by/via) · ·
  155. What? How? Why? “@ layer” (by) · · , ,
  156. Don’t Be Afraid of Reverting Code in Git (by) · ·
  157. Do You Really Understand CSS Radial Gradients? (by) · · ,
  158. Detect System Theme Preference Change Using JavaScript (by) · · ,
  159. Evolution of Manuals: UX Inspiration From History (via) · · , ,
  160. Disruptive Design Patterns—an Uncharted Territory (by/via) · ·
  161. How We Improved React Loading Times by 70% With Next.js (via) · · , , ,
  162. The Truth Behind Implicit/Explicit Form Labels (by) · · , ,
  163. Twitter Reminds Us About Alt Text, but How Good Are We at It? (by/via) · · , , ,
  164. Things Strong Developers Do That Drive Their Team Crazy (by) · · ,
  165. Tailwind CSS v3.2: Revisiting My “Feature Creep” Warning (by) · · ,
  166. New Git Guidelines: We Have Switched to Conventional Commits (by/via) · · , , ,
  167. JavaScript Shallow Copy—What Is a Shallow Copy? (by) · ·
  168. Let’s Talk About Web Components (by) · ·
  169. How to Set Up the New Google Auth in a React and Express App (by/via) · · , , , ,
  170. 53 UX Statistics to Know for 2023 (via) · · ,
  171. Which Serverless Edge Platform Has the Fastest Git Deployments? (by/via) · · , , , ,
  172. Why I Never Understood CSS-in-JS (by) · · , ,
  173. Usable, Useful, and Valuable (by/via) · · , , ,
  174. Responsive Animations for Every Screen Size and Device (by/via) · · , ,
  175. CSS Is Awesome (by/via) · · ,
  176. Ethical Design Is a Risk Management Strategy (by/via) · · , ,
  177. SEO and Accessibility Are Symbiotic (via) · · ,
  178. A Dashing Navbar Solution (by) · ·
  179. Redo Websites Less Often (to Become a Better Developer) (by) · · , , ,
  180. Digital Accessibility—Ask Me Anything (by+/via) · · ,
  181. Why We Need CSS Speech (by) · · ,
  182. What if the Team Hates My Functional Code? (by) · ·
  183. The True Type in PHP 8.2 (by) · ·
  184. State of CSS Frameworks (via) · · , ,
  185. I Made a Full-Stack and Type-Safe Personal Site Using the T3 Stack (by) · · , , ,
  186. How to Build the Foundation for Digital Accessibility (by/via) · · , , ,
  187. Highly Customizable Background Gradients (by/via) · · , ,
  188. GitHub Copilot Investigation · · , , ,
  189. Hands-On Guide to Color Fonts and “@ font-palette-values” (by/via) · · , , , ,
  190. Edit Someone Else’s Website: “contenteditable” and “designMode” (by) · ·
  191. The Proprietary Syndication Formats (by) · · ,
  192. Secure JavaScript URL Validation (by/via) · · , , ,
  193. Google on Alt Text SEO and Accessibility (by+/via) · · , , , ,
  194. Forging Successful Partnerships With Software Developers (by/via) · · ,
  195. Designing for Users With Disabilities: 10 Factors to Consider (via) · · , ,
  196. Data-Oriented Django (by) · · , ,
  197. CSS Specificity for Beginners (by) · · , ,
  198. Common ARIA Mistakes and How to Avoid Them (by) · · , , ,
  199. Applying the 8 Golden Rules of User-Interface Design (via) · · , ,
  200. Next.js Crash Course (by) · · , ,
  201. Why We’re Breaking Up With CSS-in-JS (by) · · , ,
  202. The Wasted Potential of CSS Attribute Selectors (by) · · , ,
  203. Don’t Be Arrogantly Ignorant: Don’t Flame (by) · · ,
  204. Introduction to WebC (via) · · ,
  205. Moving From React to htmx (via) · · , ,
  206. How to Rebase Stacked Git Branches (by) · · ,
  207. Scoop: Meta Ending Support for Instant Articles (by/via) · · ,
  208. New Brutalism and Web Accessibility: What You Need to Know (by/via) · · ,
  209. Microfrontends: Microservices for the Frontend (by/via) · · ,
  210. Design for Them Not for You (by/via) · · , ,
  211. Container Queries: Style Queries (by/via) · · ,
  212. Accessibility Checkers—a Good Start, Not a Solution (by/via) · · , ,
  213. CDN (by/via) · · , , , , , ,
  214. Should We Hire Junior Developer Advocates? (by) · · , , ,
  215. What I Learned About SVG Accessibility (Among Other Things) From NBC News’ Senate “What If” Project (by) · · , , ,
  216. Upgrading Colors to HD on the Web (by/via) · · ,
  217. Two JavaScripts (by) · ·
  218. Some Things I Took Away From an Event Apart 2022 in Denver (by/via) · · , ,
  219. Intro to Why Accessibility Is Important for Good SEO (via) · · , ,
  220. Augmenting Node.js With WebAssembly (by/via) · · , ,
  221. A Pure CSS Gallery Focus Effect With “:not” (via) · · ,
  222. Design Specifications Template (by/via) · · ,
  223. The Web’s Next Transition (by/via) · ·
  224. Speeding Up Async Snippets (by) · · ,
  225. Representation in “alt” Text (by) · · , ,
  226. How to Animate CSS Box Shadows and Optimize Performance (by/via) · · , , , ,
  227. Early Days of Container Style Queries (by/via) · · ,
  228. Create a Passkey for Passwordless Logins (by/via) · · , ,
  229. The Border Property You Never Knew You Needed (by) · · ,
  230. Tree Views in CSS (by) · ·
  231. Sustainable Web Development Strategies Within an Organization (by/via) · · , ,
  232. Quick Tip: How to Use the Ternary Operator in JavaScript (via) · · , , ,
  233. Bun? Deno? Node.js? Creating Your Own JavaScript Runtime Using V8, Libuv, and More (by) · · , , ,
  234. HTML 2022: 20 Additional Observations From Analyzing the Web Almanac Data (by) · · , ,
  235. Landing the Second Click: A Guide to Designing Better Landing Pages (by/via) · · , , ,
  236. Challenges of Multi-Brand Design Systems (by/via) · · , ,
  237. SVG Sprites: Old-School, Modern, Unknown, and Forgotten (by) · · , , ,
  238. :where :is CSS? (by) · · ,
  239. When New CSS Features Collide: Possibility and Complexity at the Intersections (by) · · , , ,
  240. WCAG 2.2 Success Criteria (by) · · ,
  241. New Patterns for Amazing Apps (by/via) · ·
  242. How to Write Good Alt Text (by) · · , , ,
  243. Delightful UI Animations With Shared Element Transitions API II (by/via) · · , , ,
  244. A Little Semantic HTML Trick for React Components (by) · · , , , ,
  245. Usability Heuristic Frameworks: Which One Is Right for You? (by/via) · · ,
  246. Turn Around Your Git Mistakes in 17 Ways (by) · · , ,
  247. Personas: Study Guide (by/via) · · , , , ,
  248. 2022 Web Almanac Report Finds WordPress Adoption Is Growing, Adds New Page Builder Data (by/via) · · , , , ,
  249. Layout Breakouts With CSS Grid (by) · · , ,
  250. Understanding “async” and “await” (by) · ·