Frontend Dogma

“2022” Archive (5)

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