Frontend Dogma

“2022” Archive (5)

  1. Can SVG Symbols Affect Web Performance? (by) · · , ,
  2. CSS Gradient Background From Figma to CodePen (by) · · , , ,
  3. 7 Tips for Clean React TypeScript Code You Must Know (by) · · , ,
  4. Welcome to the Dark Side (by) · · , ,
  5. What Does x% of Issues Mean? (by) · · ,
  6. 7 Quick Facts About WCAG 2.2 (via) · · , ,
  7. Working With File System Paths on Node.js (by) · · ,
  8. Could Sustainable Websites Increase Energy Consumption? (via) · ·
  9. The Hidden History of Screen Readers (by/via) · · , , , ,
  10. Web Accessibility Laws and Policies (by) · · , , ,
  11. What Is the Best Way to Mark Up an Exclusive Button Group? (by) · · , , ,
  12. Perceived Affordances and the Functionality Mismatch (by) · · , ,
  13. Minimal Social Markup (by) · · , ,
  14. The “Array.prototype.at()” Method in Vanilla JavaScript (by) · ·
  15. Custom ESM Loaders: Who, What, When, Where, Why, How (by) · · ,
  16. Bag Some AAA Wins Where You Can (by) · · ,
  17. Optimizing Node.js Dependencies in AWS Lambda (by/via) · · , , ,
  18. My War on Animation (by/via) · · ,
  19. The Cost of Consistency in UI Frameworks (by/via) · · ,
  20. What You Need to Know About ARIA and How to Fix Common Mistakes (via) · · , , ,
  21. The Methods UX Professionals Use (by/via) · · ,
  22. Applying SOLID Principles in React (by) · · , , ,
  23. Forms in Modals: UX Case (by) · · , ,
  24. Fundamentals Matter (by) · ·
  25. Avoiding “<img>” Layout Shifts: “aspect-ratio” vs. “width” and “height” Attributes (by) · · , , , ,
  26. Building (or Rebuilding) a Website With Accessibility in Mind (by) · ·
  27. Generating Accessibility Test Results for a Whole Website With Pa11y CI (by) · · , ,
  28. A Look at Remix and the Differences With Next.js (by/via) · · , , ,
  29. The Many Faces of Themeable Design Systems (by) · · ,
  30. Technical Writing for Developers (by/via) · · ,
  31. Statements vs. Expressions (by) · · ,
  32. Integer Math in JavaScript (by) · · ,
  33. Guide to Trending Front-End Frameworks in 2022 (via) · · , , , , , ,
  34. 37 Easy Ways to Spice Up Your UI Designs (by) · · ,
  35. JavaScript Obfuscation Techniques by Example · · , , ,
  36. The Ultimate Guide to Debugging Accessibility Issues · · , ,
  37. Working on a New Feature as a Senior Frontend Developer (by) · ·
  38. Figma Auto Layout = “display: flex” (by) · · ,
  39. Choosing the Right Mindset to Design Complex Applications (by/via) · · , ,
  40. Data Structure and Algorithms 102 (by) · · ,
  41. Set JAWS Free! (by) · · , , , ,
  42. The Future of CSS: Variable Units, Powered by Custom Properties (by/via) · · , ,
  43. CSS Complexity: It’s Complicated (by/via) · · ,
  44. Why the HTML Outlining Algorithm Was Removed From the Spec—the Truth Will Shock You! (by) · · , ,
  45. It’s Mid-2022 and Browsers (Mostly Safari) Still Break Accessibility via Display Properties (by) · · , , , ,
  46. Holograms, Light-Leaks, and How to Build CSS-Only Shaders (by) · · , , ,
  47. Make It Accessible (via) · · ,
  48. The CSS Cascade, a Deep Dive (by/via) · · , ,
  49. An Accessibility-First Approach to Chart Visual Design (by+/via) · · ,
  50. The Hard Parts of Developer Advocacy (for Me) (by) · · , , ,
  51. Truly Portable Design Patterns (by/via) · · ,
  52. The Joy of Variable Fonts: Getting Started on the Frontend (by+/via) · · , ,
  53. What Are Color Gamuts (by) · ·
  54. Captions: Humans vs. Artificial Intelligence: Who Wins? (by/via) · · , , , ,
  55. Executing Shell Commands From Node.js (by) · · ,
  56. Style With Stateful, Semantic Selectors (by) · · ,
  57. The Ballad of Text Overflow (by/via) · · ,
  58. The Case for Null in Design Systems (by/via) · ·
  59. Masonry? In CSS?! (by/via) · · ,
  60. The Off by Default Web (by) · · ,
  61. Inverted Media Queries and Breakpoints (by) · · ,
  62. Consistency in UX Design: To What Extent Is “Best Practice” the Right Choice? (by/via) · · , , ,
  63. How to Make Text Improve User Experience: Insights Into UX Writing (by/via) · · , ,
  64. The Unlocked Possibilities of the “:has()” Selector (by) · · ,
  65. Super-Helpful Tips When Working With Figma Component Properties (by/via) · · , ,
  66. Two Levels of Customising “<selectmenu>” (by) · · ,
  67. Body Margin 8px (by) · · ,
  68. Frontend Web Performance: The Essentials · · ,
  69. css-browser-support (by) · · , , , ,
  70. Imagemin Guard (by) · · , , , , , , , , ,
  71. Faster WordPress Rendering With 3 Lines of Configuration (by) · · , , , ,
  72. Write Git Commit Messages That Your Colleagues Will Love (by) · · ,
  73. Reimagining Front-End Web Development With htmx and Hyperscript (by) · · ,
  74. Breaking Out of a Central Wrapper (by/via) · ·
  75. Web Development Is Like Assembling IKEA Furniture (by) · ·
  76. Best Practices for Images (by) · · , ,
  77. 404 vs. 410—the Technical SEO Experiment (by/via) · · , , ,
  78. The New Wave of React State Management · · , ,
  79. “That’s Not Accessible!” and Other Statements About Accessibility (by) · ·
  80. CSS Variable Secrets (by/via) · · ,
  81. What the Hell Is “<!DOCTYPE html>”? · · ,
  82. What Every Newbie Developer Should Know (by) · ·
  83. Building Tabs in Web Components (by) · ·
  84. Farewell to HTML5Rocks (by/via) · · , ,
  85. Thoughts on an Accessibility “Get Well” Plan (by) · · , ,
  86. Working With the File System on Node.js (by) · · , ,
  87. Are You Sure That’s a Number Input? (by) · ·
  88. Googlebot and the 15 MB Thing (via) · · ,
  89. A CLS Punishment for Progressive Enhancement? (by/via) · · , ,
  90. Style Queries (by) · · ,
  91. What Do the Developers Do in the Last Week of the Sprint? (by/via) · · , ,
  92. SPAs: Theory Versus Practice (by) · · ,
  93. Demystifying the New Gatsby Framework (by/via) · · ,
  94. A Previous Sibling Selector (by) · · ,
  95. UX Writing: Study Guide (by/via) · · , , , ,
  96. Using JavaScript to Fill localStorage to Its Maximum Capacity (by) · · ,
  97. Why Use Sass? (by/via) · · ,
  98. GA4 Is Being Blocked by Content Security Policy (by) · · , , ,
  99. 4+ Years of Cracking Technical Interviews (by) · · ,
  100. Missing Introduction to React (by) · · ,
  101. Single Element Loaders: The Bars (by/via) · ·
  102. WCAG 2.1 AA Web Accessibility Checklist (via) · · , ,
  103. Introduction to Defensive CSS (by/via) · · ,
  104. Accessible Design Systems (by/via) · · ,
  105. How We Designed an Accessible Color Palette From Scratch (via) · · , , ,
  106. Everything You Need to Know About Web Performance (in 5 Minutes) (by/via) · · , ,
  107. Getting Started With Vue Composables (via) · · ,
  108. Stop the Screen Going to Sleep With JavaScript (by) · ·
  109. Managing Specificity With CSS Cascade Layers (by/via) · · , ,
  110. Mastering “z-index” in CSS (by/via) · ·
  111. Can We Enterprise CSS Grid? (by) · · , ,
  112. Apple Is Not Defending Browser Engine Choice (by) · · , , ,
  113. 7 UX Laws You’re Probably Getting Wrong (by/via) · · , ,
  114. 5 Useful CSS Properties That Get No Love (by) · · ,
  115. Please Remove That .git Folder · · ,
  116. Looking Ahead—Insights From Jeffrey Zeldman and Eric Meyer (by+/via) · · , ,
  117. User Vulnerabilities in the Data Cycle (by/via) · · , , ,
  118. What Would a Chromium-Only Web Look Like? (by) · · , , , ,
  119. 10 Incident Management Best Practices for Streamlined Operations (via) · · , ,
  120. Style Scoping Versus Shadow DOM: Which Is Fastest? (by) · · , , , , , ,
  121. In Defense of Blocks for Local Scopes (by) · · ,
  122. In Defense of Blocks for Local Scopes II (by) · · ,
  123. “text-overflow: ellipsis” Considered Harmful (by) · · ,
  124. Introducing Keyboard Navigation (by+/via) · · , ,
  125. Different Ways to Write CSS in React (by/via) · · ,
  126. Be the Browser’s Mentor, Not Its Micromanager (by/via) · · ,
  127. Cascade Layers—There’s a Polyfill for That! (by/via) · · , ,
  128. The Right Space Around Headings in Web Typography (by) · · , ,
  129. What Is Alternative Text? How Do I Write It for Images, Charts, and Graphs? (by) · · , , ,
  130. Svelte Origins: A JavaScript Documentary (via) · · , ,
  131. How and When to Use the CSS “:has” Selector (by/via) · · ,
  132. Icon-Only Links Fail WCAG (by) · · , , , , ,
  133. A Beginner’s Guide to Inclusive UX Design (via) · · , , ,
  134. One Line of CSS to Add Basic Dark/Light Mode (by) · · ,
  135. How I Built a Dark Mode Toggle (by) · ·
  136. Future Features of JS (by/via) · · ,
  137. Best Practices for Overlays II (via) · · , ,
  138. The Dos and Don’ts of Pairing Typefaces (by/via) · · , , , ,
  139. The Case for Using Sass in 2022 (by) · · ,
  140. Alternatives to Installing npm Packages Globally (by) · · ,
  141. Why Do We Call It Breadcrumbs? Diving Into the History of UI Components (via) · · , ,
  142. Is It Expensive to Build an Eco-Friendly Website? (via) · · ,
  143. Using Web Streams on Node.js (by) · · ,
  144. The Cost of Convenience (by) · · ,
  145. Pop-Ups Are Dead, Long Live Pop-Ups: Or, the Bait-and-Switch Hidden in Today’s Cookie Announcement (by) · · , , ,
  146. Web Design Tool Wish List (by/via) · · , ,
  147. How to Use ESLint and Prettier for Code Analysis and Formatting (by) · · , , , , , ,
  148. Notes on Maintaining an Internal React Component Library (by) · · , , ,
  149. Naming Conventions for Design Systems (via) · · , ,
  150. In and Out of Style (by/via) · · ,
  151. 3 Useful CSS Hacks (by) · · ,
  152. How to Remove 99% of JavaScript From Main Thread (by/via) · · , , ,
  153. The Guide to Windows High Contrast Mode (by/via) · · , , , ,
  154. How to Prevent Merge Conflicts (or at Least Have Less of Them) (by/via) · · , ,
  155. You Don’t Need a JavaScript Library for Your Components · · , ,
  156. Fun CSS-Only Scrolling Effects for Matterday (by/via) · · ,
  157. Do Dyslexia Fonts Improve Accessibility? (via) · · ,
  158. Conditionally Styling Selected Elements in a Grid Container (by/via) · · ,
  159. Complex vs. Compound Selectors (by) · · , ,
  160. Communication Accessibility: It’s Time to Change How We Communicate (by) · · ,
  161. 5 Very Simple Steps You Can Take for Accessibility Improvement (via) · · ,
  162. Dialogs and Shadow DOM: Can We Make It Accessible? (by) · · , , ,
  163. Software Engineering: The Soft Parts (by) · ·
  164. Should I Have Separate GitHub Accounts for Personal and Professional Projects? (via) · · , , ,
  165. Why You Shouldn’t Modify Scrum (by/via) · · , ,
  166. Understanding the JavaScript Window Object (by/via) · · ,
  167. Simple CSS Solutions (by) · · ,
  168. Design Principles for the Web (by/via) · · , , ,
  169. CSS Card Shadow Effects (by) · · ,
  170. Change Management for Accessibility (by+/via) · · ,
  171. What We’ve Learned From One Year of Real User Monitoring Data on GOV.UK (by/via) · · , ,
  172. The Smallest CSS (by) · · ,
  173. Designing the Perfect Button (by/via) · · ,
  174. The Folly of Design System “Foundations” (by) · ·
  175. Design System Maturity (by/via) · · ,
  176. AbortController Is Your Friend (by) · ·
  177. Modern JavaScript, 10 Things You Should Be Using, Starting Today (by/via) · ·
  178. Better Scrolling Through Modern CSS (by) · · ,
  179. 10 Dos and Don’ts of Web Design in 2022 (by/via) · · ,
  180. How We Think About Browsers (by/via) · · ,
  181. Single Element Loaders: The Spinner (by/via) · · ,
  182. Make DevTools Pick Colors Outside of Chrome (by) · · , , , ,
  183. Write HTML Right (by) · · ,
  184. The Many Definitions of Server-Side Rendering (by) · ·
  185. State of the Vuenion 2022 (by/via) · · ,
  186. Measuring the Performance of Typefaces for Users II (via) · · , ,
  187. The Future of Frontend Build Tools (by/via) · · ,
  188. Design Systems; the Great Connector (by/via) · ·
  189. Inclusive User Research: Analysing Findings (via) · · , ,
  190. WCAG SC 1.4.4 Resize Text and 1.4.10 Reflow (by) · · , , ,
  191. JavaScript Hydration Is a Workaround, Not a Solution (by/via) · · ,
  192. How to Use Headings for Website Accessibility (via) · · , , ,
  193. How to Animate SVG Shapes on Scroll (by/via) · · , , ,
  194. Patterns for Building JavaScript Websites in 2022 (by/via) · · , ,
  195. Simplify Your Color Palette With CSS “color-mix()” (by/via) · · , ,
  196. Mobile-First CSS: Is It Time for a Rethink? (via) · · ,
  197. Aspects of Accessibility—Semantics, Contrast, and… Anxiety? (by) · · , , , ,
  198. Meet Web Push (by/via) · · , , ,
  199. How to Create Dark Mode for Your Designs in Figma (by/via) · · , ,
  200. Optimize the Use of “if–else” · ·
  201. Building Interoperable Web Components That Even Work With React (by/via) · · , ,
  202. Mathematical Notation for JavaScript Developers Explained (by/via) · · ,
  203. Are You Ignoring Digital Accessibility at Your Job? (by/via) · · ,
  204. Shallow Copy and Deep Copy (by) · ·
  205. Web Typography: Establishing a Strong Typographic System (by/via) · ·
  206. Best Practices for Overlays (via) · · , ,
  207. How to Use Variables in CSS (by/via) · · , ,
  208. Can I DevTools? (by) · · , , ,
  209. Measuring the Performance of Typefaces for Users (via) · · , ,
  210. Why Most Design Systems Implode (by+/via) · · ,
  211. WCAG 3 Compliant? Check Again (by) · · , ,
  212. Hamburger Footer: Reaching the Bottom of Infinite Scroll (by/via) · · ,
  213. Don’t Sink Your Website With Third Parties (by/via) · · , ,
  214. Web Development Resources (by) · · ,
  215. A Brief History of Responsive Web Design (via) · · ,
  216. Obscure CSS: Implicit List-Item Counter (by) · ·
  217. How to Pick the Least Wrong Colors (by) · · , , ,
  218. Dealing With Hover on Mobile (by) · · , , ,
  219. Useful Built-In Node.js APIs (by/via) · · ,
  220. Monorepos in JavaScript and TypeScript (by) · · , ,
  221. Do We Have a Lack of Developers or a False Assumption What the Job Is? (by) · ·
  222. Declarative Design Systems (by) · ·
  223. Writing Useful Alt Text (by/via) · · , ,
  224. The Cicada Principle and Why It Matters to Web Designers (by/via) · · ,
  225. Understanding CSRF Attacks (by) · ·
  226. Two Lines of CSS That Boosts 7× Rendering Performance (by) · · , ,
  227. Interview With Léonie Watson (by+) · · ,
  228. How Does Social Interaction Change in an Age of New Media? (via) · · ,
  229. Checklist for Moderating a Usability Test (by/via) · · , ,
  230. 7 Tips to Improve Your TypeScript (by) · · , ,
  231. APCA: The New Algorithm for Accessible Colour Contrast · · , , ,
  232. JavaScript of Halftone Printing · · ,
  233. Just How Long Should Alt Text Be? (by/via) · · , ,
  234. You May Not Need a Bundler for Your npm Library (by) · · ,
  235. What npm Can Learn From Go (by/via) · ·
  236. 8 Shocking HTML Tips You Probably Don’t Know About (by) · · ,
  237. How to Fix: “Buttons Do Not Have Accessible Names” (via) · · , ,
  238. What’s the Alternative (Text)? (by) · · ,
  239. npm Security Update: Attack Campaign Using Stolen OAuth Tokens (by/via) · · , , ,
  240. The “Form” Element Created the Modern Web—Was It a Big Mistake? (by/via) · · , , ,
  241. Manage Accessible Design System Themes With CSS “color-contrast()” (by/via) · · , ,
  242. The Story of the Custom Scrollbar Using CSS (by) · · ,
  243. Processing Arrays Non-Destructively: “for-of” vs. “.reduce()” vs. “.flatMap()” (by) · · , ,
  244. Single Page Applications (by/via) · ·
  245. JavaScript Closures, Explained (by) · ·
  246. A Perfect Table of Contents With HTML and CSS (by/via) · · ,
  247. Why Are Iframe Titles Important for Accessibility? (via) · · , ,
  248. Understanding Weak Reference in JavaScript (by/via) · ·
  249. Making Headers Sticky Using CSS for a Better Reading Experience (by) · · , ,
  250. CSS: Absolutely Positioning Things Relatively (by/via) · · ,