Frontend Dogma

News and Tools for Frontend Development (12)

(Stay up-to-date on all topics by feed or on Mastodon.)

  1. 13 Advanced (But Useful) Git Techniques and Shortcuts (toot or tweet) · · ,
  2. 5 Steps for Writing Alt Text for Accessibility (toot or tweet) · · ,
  3. Becoming a Design Tokens Ambassador (toot or tweet) · ·
  4. Defining Basic JavaScript Terms: “map”, “filter”, and “reduce” (toot or tweet) · ·
  5. Fractional SVG Stars with CSS (toot or tweet) · · ,
  6. Using CSS 3 Overflow Properties to Make Containers Meet WCAG 2.1 (toot or tweet) · · , ,
  7. What’s New in PHP 8.1: Features, Changes, Improvements, and More (toot or tweet) · ·
  8. Firefox’s “bolder” Default Is a Problem for Variable Fonts (toot or tweet) · · , , , ,
  9. What’s New with DevTools: Cross-Browser Edition (toot or tweet) · · , , , , , , , , ,
  10. A Practical Guide to Creating Reusable React Components (toot or tweet) · · , ,
  11. Color and Universal Design (toot or tweet) · · , ,
  12. HTTP/3: Practical Deployment Options (toot or tweet) · · , ,
  13. Designing for Long Waits and Interruptions: Mitigating Breaks in Workflow in Complex Application Design (toot or tweet) · · , ,
  14. Avoiding FOUT with Async CSS (toot or tweet) · ·
  15. Stop! Put Down That Ternary, Lines Are Free (toot or tweet) · ·
  16. Make Accessibility Part of Your Startup’s Products and Culture from Day One (toot or tweet) · · ,
  17. Reducing Carbon Emissions on the Web (toot or tweet) · ·
  18. The Pros and Cons of Professional Language (toot or tweet) · ·
  19. Multiple Accounts and Git (toot or tweet) · ·
  20. Element Diversity (toot or tweet) · ·
  21. Getting Started with Web Accessibility Testing (toot or tweet) · · ,
  22. Interactive Learning Tools for Front-End Developers (toot or tweet) · ·
  23. The Effect of CSS on Screen Readers (toot or tweet) · · , , ,
  24. Threats of Using Regular Expressions in JavaScript (toot or tweet) · · ,
  25. Understanding Next.js Data Fetching (CSR, SSR, SSG, ISR) (toot or tweet) · · , , ,
  26. Best Practices for Logging in Node.js (toot or tweet) · · , ,
  27. It Takes a PhD to Develop That (toot or tweet) · · , ,
  28. Twitter’s “div” Soup and Uglyfied CSS, Explained (toot or tweet) · · , ,
  29. Web Scraping with JavaScript and Node.js (toot or tweet) · · , ,
  30. Building a Split-Button Component (toot or tweet) · · , , ,
  31. 1995: Apache and Microsoft IIS Shake Up the Web Server Market (toot or tweet) · · ,
  32. Building a Stepper Component (toot or tweet) · · , ,
  33. Building Reactive Systems with Node.js (toot or tweet) · ·
  34. Color and Contrast, What Does It Mean? (toot or tweet) · · , ,
  35. Rethinking User Personas (toot or tweet) · · , ,
  36. Shifting Accessibility Testing to the Left (toot or tweet) · · , ,
  37. State Management in Next.js (toot or tweet) · · ,
  38. Understanding Target Size Under WCAG 2.2 and How It Affects People with Disabilities (toot or tweet) · · ,
  39. Using SVG with Media Queries (toot or tweet) · · , ,
  40. 9.5 Ways Google Rewrites Your Title Tags (toot or tweet) · · ,
  41. Why You Should Manage Your Energy, Not Your Time (toot or tweet) · · ,
  42. Writing High-Performance JavaScript (toot or tweet) · · ,
  43. 7 Practices to Create Good JavaScript Variables (toot or tweet) · ·
  44. Common npm Mistakes Every Developer Should Avoid (toot or tweet) · ·
  45. Exploring the CSS Paint API: Blob Animation (toot or tweet) · · , ,
  46. Times New Roman Doesn’t Have to Be Boring—Here’s Why (toot or tweet) · · ,
  47. What Are the Web Performance Metrics That Actually Matter? (toot or tweet) · · ,
  48. 10 Fun Things You Can Do with GitHub.dev (toot or tweet) · ·
  49. 7 Useful CSS Cheat Sheets to Improve Your Skills (toot or tweet) · · ,
  50. Creating a Positive Culture Around Accessibility (toot or tweet) · · ,
  51. Essential Concepts in JS (toot or tweet) · · ,
  52. 5 Tools to Automate Your Development (toot or tweet) · · , ,
  53. Compound Components in React (toot or tweet) · · ,
  54. Getting Started with CSS Animations (toot or tweet) · · ,
  55. Named and Framed (toot or tweet) · · ,
  56. Small Wins for Accessibility and Resilience (toot or tweet) · · ,
  57. Why Are Hyperlinks Blue? (toot or tweet) · · ,
  58. How to Use “Promise.any()” (toot or tweet) · · ,
  59. Embracing Asymmetrical Design and Overcoming the Harmful Effects of “text-overflow: ellipsis” in CSS (toot or tweet) · · ,
  60. Flexbox or CSS Grid? How to Make Layout Decisions That Make Sense (toot or tweet) · · , ,
  61. jsc: My New Best Friend (toot or tweet) · · ,
  62. 8 Fundamental Principles of Effective Web Design (toot or tweet) · ·
  63. Scrollbar Reflowing (toot or tweet) · · ,
  64. Key Data Structures and Their Roles in RenderingNG (toot or tweet) · · , , , ,
  65. 4 Important Differences Between Regular and Arrow Functions (toot or tweet) · · ,
  66. 5 Ways to Undo Mistakes with Git (toot or tweet) · · ,
  67. HTTP/3: Performance Improvements (toot or tweet) · · , ,
  68. 6 CSS Shorthand Properties to Improve Your Web Application (toot or tweet) · · ,
  69. How I Experience Web Today (toot or tweet) · · ,
  70. Using the Platform (toot or tweet) · ·
  71. Bootstrapping a Node.js TypeScript API: Routing, Middleware, and Custom Types and Errors Modules (toot or tweet) · · , , , , ,
  72. Accessibility from the Ground Up (toot or tweet) · ·
  73. How to Calculate REMs from Pixels (toot or tweet) · ·
  74. UI Cheat Sheet: Spacing Friendships (toot or tweet) · · , ,
  75. What’s on the Menu? (toot or tweet) · · ,
  76. I Give You Feedback on Your Blog Post Draft but You Don’t Send It to Me (toot or tweet) · · ,
  77. I Tried Angular as a React Developer: Here Are 6 Things I Like About It (toot or tweet) · · , ,
  78. Top 9 Lessons Learned in 12 Years as a Software Developer (toot or tweet) · ·
  79. Truthy and Falsy: When All Is Not Equal in JavaScript (toot or tweet) · ·
  80. Web Accessibility Checklist (toot or tweet) · · , ,
  81. Building the Same App 5 Times (toot or tweet) · · , , , , ,
  82. One Favicon to Rule Them All (toot or tweet) · · , ,
  83. ARIA Spec for the Uninitiated (toot or tweet) · · , ,
  84. Level Up Your CSS Linting Using Stylelint (toot or tweet) · · , ,
  85. State Management in Svelte Applications (toot or tweet) · · ,
  86. Using CSS Module Scripts to Import Stylesheets (toot or tweet) · · , ,
  87. What’s New in Bootstrap 5 (toot or tweet) · ·
  88. CSS Grid Tooling in DevTools (toot or tweet) · · , , , , ,
  89. Practical Uses of CSS Math Functions: “calc”, “clamp”, “min”, “max” (toot or tweet) · · ,
  90. You Don’t Know “useEffect” (toot or tweet) · ·
  91. Does Shadow DOM Improve Style Performance? (toot or tweet) · · , , ,
  92. Reviewing a Design for Accessibility (toot or tweet) · · , ,
  93. A Guide to Designing Accessible, WCAG-Compliant Focus Indicators (toot or tweet) · · , , ,
  94. Big O, Code Efficiency Analysis (toot or tweet) · · ,
  95. Decoding AVIF: Deep Dive with Cats and imgproxy (toot or tweet) · · ,
  96. Breaking the Web Forward (toot or tweet) · · ,
  97. Accessible Design Systems: Look Good While Doing Good (toot or tweet) · · ,
  98. How to Test for Accessibility with Users at Every Design Stage (toot or tweet) · · ,
  99. Static vs. Dynamic vs. Jamstack: Where’s the Line? (toot or tweet) · · , ,
  100. CSS “accent-color” (toot or tweet) · ·
  101. Accessible Contrast Ratios and A-Levels Explained (toot or tweet) · · , ,
  102. Adding 100 Underline/Overlay Animations: The Impressive CSS Collection (toot or tweet) · · ,
  103. “<Lazy>” Rendering in Vue to Improve Performance (toot or tweet) · · , , ,
  104. Principles by Design (toot or tweet) · · ,
  105. The Complete Guide to HTML Forms and Constraint Validation (toot or tweet) · · , , ,
  106. The State of Mobile First and Desktop First (toot or tweet) · · , ,
  107. “return await promise” vs. “return promise” in JavaScript (toot or tweet) · · , ,
  108. Exploring the CSS Paint API: Image Fragmentation Effect (toot or tweet) · · , , ,
  109. Google vs. the Web (toot or tweet) · · ,
  110. How Writing Can Advance Your Career as a Developer (toot or tweet) · · ,
  111. HTTP/3 from A to Z: Core Concepts (toot or tweet) · · , ,
  112. JavaScript Development: Making a Web Worker Optional (toot or tweet) · · ,
  113. The World of CSS Transforms (toot or tweet) · ·
  114. A Performance-Focused Workflow Based on Google Tools (toot or tweet) · · , , ,
  115. Next-Level List Bullets with CSS “::marker” (toot or tweet) · · ,
  116. Uploading Multiple Files with Fetch (toot or tweet) · ·
  117. Browsers and Representation (toot or tweet) · ·
  118. On the “<dl>” (toot or tweet) · ·
  119. A Guide to Accessible Digital UX Design (toot or tweet) · · , , ,
  120. Inclusive Usability Testing: The Benefits of Inclusive Design (toot or tweet) · · , ,
  121. Sustainable Web Design, an Excerpt (toot or tweet) · ·
  122. Visualizing a Codebase (toot or tweet) · · ,
  123. Why Are We Talking So Much About Design Leadership? (toot or tweet) · · ,
  124. Accessibility Testing with Storybook (toot or tweet) · · , ,
  125. React Children and Iteration Methods (toot or tweet) · ·
  126. Using CSS Shapes for Interesting User Controls and Navigation (toot or tweet) · · ,
  127. What Are Accessibility Overlays Good For? (toot or tweet) · · ,
  128. Writing Great Alt Text: Emotion Matters (toot or tweet) · · , ,
  129. Refresher on JavaScript Callbacks and Promises (toot or tweet) · · ,
  130. CSS Nesting, Specificity, and You (toot or tweet) · · , ,
  131. A Deep Dive on Skipping to Content (toot or tweet) · · , ,
  132. Building the Perfect GitHub CI Workflow for Your Frontend Team (toot or tweet) · · ,
  133. How to Build Resilient JavaScript UIs (toot or tweet) · · ,
  134. Using localStorage with React Hooks (toot or tweet) · · , ,
  135. Web Accessibility Myths: Debunking 7 Common Misconceptions (toot or tweet) · ·
  136. What Devs Need (toot or tweet) · · , ,
  137. How to Use “Promise.allSettled()” (toot or tweet) · · ,
  138. Mitigating User Errors (toot or tweet) · · ,
  139. Refactoring CSS: Strategy, Regression Testing, and Maintenance (toot or tweet) · · , , , ,
  140. The (Most Comprehensive) JavaScript Design Principles Guide (toot or tweet) · · , , ,
  141. How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score (toot or tweet) · · , , ,
  142. 2021 Scroll Survey Report (toot or tweet) · · , ,
  143. Why It’s Okay for Web Components to Use Frameworks (toot or tweet) · · ,
  144. 101 Digital Accessibility Tips and Tricks (toot or tweet) · · , ,
  145. Avoid the Most Common 18 Mistakes to Make Your UI/UX Design Better (toot or tweet) · · ,
  146. Chrome DevTools: Better Accessibility Inspection with the Source Order Viewer (toot or tweet) · · , , , , ,
  147. 5 Git Tips to Level Up Your Workflow (toot or tweet) · · , ,
  148. CSS Architecture and Performance in Micro Frontends (toot or tweet) · · , , ,
  149. How to Stay Focused as a Self-Taught Frontend Web Developer (toot or tweet) · · , ,
  150. Optimizing Your Own Performance as a Designer (toot or tweet) · · ,
  151. There Is No Such Thing as a CSS Absolute Unit (toot or tweet) · · ,
  152. Best Practices for Tags and Tag Managers (toot or tweet) · · ,
  153. Architecting and Scaffolding a TypeScript and Express API (toot or tweet) · · , ,
  154. Creating an Accessible Dialog from Scratch (toot or tweet) · ·
  155. How to Hand Off Accessible Designs to Developers? (toot or tweet) · · ,
  156. Learnings from a WebPageTest Session on CSS-Tricks (toot or tweet) · ·
  157. Using Absolute Value, Sign, Rounding, and Modulo in CSS Today (toot or tweet) · ·
  158. Safari Isn’t Protecting the Web, It’s Killing It (toot or tweet) · · , , ,
  159. CSS Logical Properties and Values (toot or tweet) · · ,
  160. Global vs. Local Styling in Next.js (toot or tweet) · · , ,
  161. Thinking About the Cut-Out Effect: CSS or SVG? (toot or tweet) · · , , ,
  162. When You Cannot Run Away from Using Tables on Mobile (toot or tweet) · · , ,
  163. Is It Time to Ditch the Design Grid? (toot or tweet) · · ,
  164. Accessible Design from the Get-Go (toot or tweet) · ·
  165. Getting Started with React “useContext” Hook and React Context (toot or tweet) · · ,
  166. My First CSS—What I Wish I Knew About CSS When Starting Out as a Frontender (toot or tweet) · · ,
  167. Takeaways from the 2021 State of Digital Accessibility Report (toot or tweet) · · ,
  168. UX Principles That Include Cognitive Accessibility (toot or tweet) · · , ,
  169. Overview of the RenderingNG Architecture (toot or tweet) · · , , , ,
  170. 5 UI Tips to Become a Better Front-End Developer (toot or tweet) · · , ,
  171. Break HTML Content into Newspaper-Like Columns Using Pure CSS (toot or tweet) · · ,
  172. Complete Introduction to CSS Flexbox (toot or tweet) · · , ,
  173. Four Factors in UX Maturity (toot or tweet) · ·
  174. It Is Time to Ditch the Title “Evangelist” from Accessibility (toot or tweet) · ·
  175. You Don’t Need React for Building Websites (toot or tweet) · ·
  176. Accessibility Strategy for Product Management (toot or tweet) · · , ,
  177. How to Eliminate Render-Blocking Resources: a Deep Dive (toot or tweet) · · ,
  178. The Vanishing Designer (toot or tweet) · · ,
  179. Using Google Drive as a CMS (toot or tweet) · · ,
  180. What We Learned About Accessibility by Scanning More Than 2 Million Federal .gov Web Pages (toot or tweet) · ·
  181. Custom Properties and “@ property” (toot or tweet) · · ,
  182. Definition of Done vs. Acceptance Criteria (toot or tweet) · · , , ,
  183. Simple Monorepos Via npm Workspaces and TypeScript Project References (toot or tweet) · · , ,
  184. Why the WCAG Colour Contrast Ratio Doesn’t Always Seem to Work (toot or tweet) · · , , ,
  185. A Visual Guide to React Rendering—It Always Re-Renders (toot or tweet) · · ,
  186. From a Colourblind Designer to the World: Please Stop Using Red and Green Together (toot or tweet) · · ,
  187. The Accessibility Stalemate (toot or tweet) · ·
  188. 6 Useful Frontend Techniques That You May Not Know About (toot or tweet) · · , , ,
  189. An Introduction to Frameworkless Web Components (toot or tweet) · · , , ,
  190. Journey of a Web Page—How Browsers Work (toot or tweet) · · ,
  191. Maintaining End-to-End Quality with Visual Testing (toot or tweet) · · , ,
  192. The Ultimate Cheat Sheet List for Web Developers (toot or tweet) · · , , ,
  193. Practical Use Cases for Scroll-Linked Animations in CSS with Scroll Timelines (toot or tweet) · · ,
  194. Designing for Information Density (toot or tweet) · ·
  195. The State of Developer Ecosystem 2021 (toot or tweet) · ·
  196. What I Learned from “Software Engineering at Google” (toot or tweet) · ·
  197. Accessibility of the “Section” Element (toot or tweet) · · ,
  198. Content Accessibility Fact Sheet (toot or tweet) · · ,
  199. Designing for the Unexpected (toot or tweet) · · , ,
  200. Hobson’s Browser—How Apple, Facebook, and Google Broke the Mobile Browser Market by Silently Undermining User Choice (toot or tweet) · · , , , ,
  201. How to Get a Pixel-Perfect, Linearly Scaled UI (toot or tweet) · · , ,
  202. There’s No Such Thing as Fully Automated Web Accessibility (toot or tweet) · · ,
  203. What Is Tree Shaking? (toot or tweet) · · , ,
  204. The Performance Effects of Too Much Lazy-Loading (toot or tweet) · · ,
  205. For Developers, Apple’s Safari Is Crap and Outdated (toot or tweet) · · , ,
  206. Angular Is Costing Companies Billions (toot or tweet) · ·
  207. Build Complex CSS Transitions Using Custom Properties and “cubic-bezier()” (toot or tweet) · · , , ,
  208. I’m Changing How I Review Code (toot or tweet) · · ,
  209. The 3-Second Frontend Developer Test (toot or tweet) · · , , ,
  210. The Most Important Lessons I’ve Learned from Senior Software Engineers (toot or tweet) · ·
  211. The Ultimate Guide to Browser-Side Storage (toot or tweet) · · , , ,
  212. What’s the Difference Between the Alignment Values of “start”, “flex-start”, and “self-start”? (toot or tweet) · ·
  213. How to Migrate from jQuery to Next.js (toot or tweet) · · , ,
  214. Detecting Media Query Support in CSS and JavaScript (toot or tweet) · · , , ,
  215. Gridless Design (toot or tweet) · · , ,
  216. Refactoring CSS: Introduction (toot or tweet) · · , , ,
  217. TypeScript Interfaces: A Quick Guide to Help You Get Started (toot or tweet) · · ,
  218. What People Should Know Before Writing Articles or Creating Products About Accessibility (toot or tweet) · · ,
  219. Freelance React Developer Checklist (toot or tweet) · · ,
  220. How to Convert Arrays to Human-Readable Lists in JavaScript (toot or tweet) · · , ,
  221. Image Descriptions: A Human Technique That Robots Can’t Grasp (toot or tweet) · · ,
  222. Making a Strong Case for Accessibility (toot or tweet) · ·
  223. The Document Outline (toot or tweet) · · ,
  224. Creating Accessible CSS Art (toot or tweet) · · , ,
  225. Performance Design: The Illusion of Speed (toot or tweet) · · ,
  226. The Numeric Colour Palettes in Modern Web Frameworks Explained (toot or tweet) · · ,
  227. The Large, Small, and Dynamic Viewports (toot or tweet) · · , ,
  228. Five Ways to Include D/Deaf Users in Your Designs (toot or tweet) · · ,
  229. TypeScript and Native ESM on Node.js (toot or tweet) · · , ,
  230. ARIA in HTML (toot or tweet) · · , ,
  231. Accessibility and Inclusivity: Distinctions in Experience Design (toot or tweet) · · , ,
  232. The Dilemma of Naming Font Size Variables (toot or tweet) · · , ,
  233. How Does Node.js Load Its Built-In/Native Modules? (toot or tweet) · · , ,
  234. How to Use “Promise.all()” (toot or tweet) · · ,
  235. Using HSL Colors in CSS (toot or tweet) · · ,
  236. Where Did This Interaction Come From?—A Brief History of Interaction Design (toot or tweet) · · ,
  237. Basics of JavaScript Test Driven Development (TDD) with Jest (toot or tweet) · · , ,
  238. Feature Checklists Are Not Enough: How to Avoid Making Bad Software (toot or tweet) · · , ,
  239. “export default thing” Is Different to “export { thing as default }” (toot or tweet) · ·
  240. Evaluating Color and Contrast—How Hard Can It Be? (toot or tweet) · · , ,
  241. Short Note on Skip Links with Sticky Headers (toot or tweet) · · ,
  242. Accessibility and SEO (toot or tweet) · · , ,
  243. It’s a (Front-End Testing) Trap! Six Common Testing Pitfalls and How to Solve Them (toot or tweet) · · ,
  244. Towards Richer Colors on the Web (toot or tweet) · · ,
  245. 10 Figma Best Practices to 10× Your Workflow (toot or tweet) · · , , ,
  246. 9 Tips to Help You Ace a Whiteboard Interview (toot or tweet) · · , ,
  247. Encoding Data for POST Requests (toot or tweet) · · ,
  248. How We Built React Components for Any Front End (toot or tweet) · · ,
  249. The Internet Is Rotting (toot or tweet) · · ,
  250. The State of Web Workers in 2021 (toot or tweet) · · ,