Frontend Dogma

“2022” Archive (3)

  1. Turn Around Your Git Mistakes in 17 Ways · · , ,
  2. Personas: Study Guide · · , , , ,
  3. Understanding “async” and “await” ·
  4. 2022 Web Almanac Report Finds WordPress Adoption Is Growing, Adds New Page Builder Data · · , ,
  5. Layout Breakouts With CSS Grid · · ,
  6. 4 Required Tests Before Shipping New Features · · ,
  7. How to Safely Pass Data to JavaScript in a Django Template · · , ,
  8. WordPress.org Plugin Developers Demand Transparency Regarding the Removal of Active Install Growth Data · · , ,
  9. How to Safely Share Your Email Address on a Website · · , ,
  10. Awesome Tools for Open Source Contributions · · , ,
  11. Adding Components to Eleventy With WebC · · ,
  12. Unless You’re in the Mafia, Your Company Isn’t Your Family ·
  13. The Future of the Web Is on the Edge · · ,
  14. The Future of Rendering in React · · , ,
  15. Five Months Worth of Takes on the Digital Accessibility Space · · , ,
  16. Debugging CSS, No Extensions Required · · , ,
  17. Quick Tip: How to Use the Spread Operator in JavaScript · · , , ,
  18. Easy Fluid Typography With “clamp()” Using Sass Functions · · , , , ,
  19. Using Web Components With Next (or Any SSR Framework) · · , ,
  20. Front-End Development Is Like… ·
  21. Use “npm query” and jq to Dig into Your Dependencies · · , , ,
  22. Patching the Open Web ·
  23. Foundations: HTML Semantics · · ,
  24. AI Code Completion Is Like Cruise Control—and That’s Great News for Bigger Teams · · , , ,
  25. A CSS Class-Naming Convention Might Still Be Your Best Choice · · , ,
  26. When Going Somewhere Does a Thing: On Links and Buttons · · , , , ,
  27. Designing a Secure API · · , ,
  28. CSS Halftone Patterns · · ,
  29. Where Are the Accessibility Statements? Digital Accessibility Shouldn’t Be a Surprise ·
  30. The Missing Math Methods in JavaScript · · ,
  31. One Formula to Rule Them All: The ROI of a Design System ·
  32. Four Ways to Pick the Right UX Method · · ,
  33. Component-Level Design Tokens: Are They Worth It? · · ,
  34. Can Consistency Harm Your Product? · · ,
  35. 3 Things to Consider Before You Implement CAPTCHA for Accessibility · · ,
  36. I Turned JS into a Compiled Language (for Fun and Wasm) · · , ,
  37. Mobile UX Design in 2022 · · , ,
  38. Delightful UI Animations With Shared Element Transitions API · · , , ,
  39. The Difference Between “undefined” and “not defined” in JavaScript ·
  40. Minimalism as Narcissism ·
  41. I Changed My Mind About Writing New JavaScript Frameworks · · ,
  42. CSS-Only Type Grinding: Casting Tokens into Useful Values · · ,
  43. Busting the Myths About Agile Development and User Research · · , ,
  44. A Beginner’s Complete Guide to Form Accessibility: The 5 Things Accessible Forms Need and How to Fix Common Errors · · , ,
  45. Phylum Detects Active Typosquatting Campaign Targeting npm Developers · · , ,
  46. What Is Website Minimalism? · · ,
  47. Ten Years of TypeScript ·
  48. Choosing the Best Node.js Docker Image · · ,
  49. A Web Component Story · · ,
  50. Getting Started With WordPress Block Development · · ,
  51. Learn Accessibility · · ,
  52. Optimize Long Tasks · · ,
  53. depngn · · , , ,
  54. Why UX? · · ,
  55. Templating in HTML · · ,
  56. Building Delight in Your Design System · · ,
  57. How to Center a Div Using CSS Grid · · ,
  58. State of CSS 2022 · · ,
  59. “:has()” Opens Up New Possibilities With CSS · · , ,
  60. Yes, Accessibility Is Also a Backend Concern ·
  61. Why You Should Care About Design in Uncertain Times ·
  62. Intersectionality, Accessibility, and Inclusion · · , ,
  63. How to Return Multiple Values from a Function in JavaScript · · , ,
  64. How to Make Your Designs Scannable (and Why You Should) · · , ,
  65. Let Me Understand How JavaScript Works Under the Hood ·
  66. Websites Need to Be Accessible to Be Inclusive · · ,
  67. This Site’s Type Is Now Variable · · , ,
  68. Performance Budgets: The Easiest Way to a Faster Site ·
  69. GIFs Without the .gif: The Most Performant Image and Video Options Right Now · · , , , ,
  70. Dear Console… · · , ,
  71. Useful JavaScript Math Functions and How to Use Them · · , ,
  72. Don’t Worry, Nobody Is Replacing Node, Not Even Bun and Even Less Deno · · , ,
  73. Learn HTML · · ,
  74. 7 Things to Consider When Working On a Personal Project · · ,
  75. A Deep Dive into WCAG 2.2—and Beyond · · , ,
  76. Named Element IDs Can Be Referenced as JavaScript Globals · · ,
  77. Five Data-Loading Patterns to Boost Web Performance ·
  78. Closing a 30 Pixel Gap Between Native and Web · · , ,
  79. The 2022 Web Almanac · · , ,
  80. How to Get All Sibling Elements of a Link or Button With Vanilla JavaScript · · , , ,
  81. Interoperability · · ,
  82. How to Create Wavy Shapes and Patterns in CSS · · , ,
  83. Security · · ,
  84. CSS · · ,
  85. The New Wave of JavaScript Web Frameworks · · ,
  86. Sustainability · · ,
  87. SEO · · ,
  88. Page Weight · · ,
  89. Media · · , ,
  90. Markup · · ,
  91. JavaScript · · ,
  92. I Am Not That Excited About New CSS Features ·
  93. HTTP · · , ,
  94. Fonts · · ,
  95. CMS · · ,
  96. Accessibility · · ,
  97. 6+5 Ways to Make a Two-Column Layout: From Pretty Reasonable to Completely Wrong · · ,
  98. 100 Days of More or Less Modern CSS ·
  99. Streamable HTML Fragments · · ,
  100. Two Things I Learned by Validating My HTML Again · · ,
  101. Continue Using .env Files as Usual · · ,
  102. Writing Composable SQL Using JavaScript · · , ,
  103. Audience-Based Website Navigation · · , ,
  104. Speedy CSS Tip! Animated Loader · · ,
  105. Testing Web Design Color Contrast · · , ,
  106. Use Cases for CSS Comparison Functions · · ,
  107. Randomness in CSS · · ,
  108. A Designer’s Guide to Documenting Accessibility · · , , ,
  109. Top Task Analysis: Make It Fast and Efficient ·
  110. Things I Wish I Had Known About Angular When I Started ·
  111. The Indisputable Truth About Accessibility · · ,
  112. Quick Reminder: HTML5 “required” and “pattern” Are Not a Security Feature · · , ,
  113. Blind People Need to Be Considered More When Making Data Visualizations · · ,
  114. Attitudes to Digital Accessibility Survey 2022 · · , ,
  115. Designing Better Inline Validation UX · · , ,
  116. Will Serving Real HTML Content Make a Website Faster? Let’s Experiment! · · , ,
  117. Rest vs. Spread Syntax in JavaScript · · ,
  118. Element Timing: One True Metric to Rule Them All? · · , ,
  119. Creative Section Breaks Using CSS “clip-path” · · ,
  120. 5 Ways That UX Developers Influence SEO · · ,
  121. A “details” Element as a Burger Menu Is Not Accessible · · , ,
  122. Prototyping to Learn · · ,
  123. CSS Rules vs. CSS Rulesets · · ,
  124. How to Generate Random Numbers in JavaScript With “Math.random()” · · , , ,
  125. It’s Good to Make Mistakes · · , ,
  126. Making Your Web Pages Printer-Friendly With CSS · · ,
  127. Shell Scripting With Node.js · · , ,
  128. Why Designers Quit · · ,
  129. Type-Level TypeScript · · ,
  130. The Web Is Good Now · · ,
  131. React I Love You, but You’re Bringing Me Down ·
  132. Clarifying Color Contrast and Font Size Guidelines · · , , ,
  133. Accessibility Is Systemic ·
  134. How to Get the Current Timestamp in JavaScript · · ,
  135. Stop Using .env Files Now · · ,
  136. Building a Retro Draggable Web Component With Lit · · ,
  137. CSS Drawings · · ,
  138. Web Sustainability and the Ethical Dilemma · · , ,
  139. Rethinking a Design System ·
  140. How Rapid Usability Testing Is Changing UX Research · · , , ,
  141. Design 4.0: Leading Design in the New Industry ·
  142. 5 Ways to Use Data Visualization in Your Content to Increase Traffic · · , ,
  143. Debunking Myths About HTTPS · · ,
  144. Accidental Dismissal of Overlays: A Common Mobile Usability Problem · · , ,
  145. The Git Commands I Use Every Day · · ,
  146. How to (Not) Make a Button · · , , , ,
  147. When Design Systems Lie · · ,
  148. Brief Note on Super- and Subscript Text · · , , ,
  149. Accessibility Is for Every One ·
  150. 7 Must Know JavaScript Tips and Tricks · · ,
  151. Buttons and the Baader–Meinhof Phenomenon · · ,
  152. How to Substantially Slow Down Your Node.js Server · · , ,
  153. Five Things You Can Do to Be More Inclusive · · ,
  154. I Never Thought This Would Be Possible With CSS · · , ,
  155. Designing for People With Cognitive Disabilities and Everyone Else · · , ,
  156. Invalid CSS · · ,
  157. Why the Number Input Is the Worst Input · · , , ,
  158. Why Are Vanity Metrics Still Problematic? ·
  159. Total Blocking Time: A Short and Sweet Guide for Happier Users · · ,
  160. The Rise of the TikTok Pattern · · ,
  161. Let’s Get Logical · · ,
  162. Design Tokens 101 ·
  163. Accessibility in Times of Headless · · , ,
  164. Quick Tip: Embedding YouTube Videos in GitHub Pages · · , , ,
  165. Secure Your Node.js App With JSON Web Tokens · · , ,
  166. On Better Browsers: Arbitrary Media Queries and Browser UIs · · , ,
  167. When Is It OK to Disable Text Selection? · · , ,
  168. W3C TAG Ethical Web Principles · · , ,
  169. The State of Digital Accessibility: Three Key Challenges · · , ,
  170. JavaScript APIs You Don’t Know About · · ,
  171. Container Queries in Browsers! · · , ,
  172. A Guide to Rounding Numbers in JavaScript · · ,
  173. 3 Problems Scrum Doesn’t Solve · · , ,
  174. What Is Data Engineering? · · ,
  175. Making Sense of WAI-ARIA: A Comprehensive Guide · · , , ,
  176. Node.js Native Binary Compilation Using Vercel pkg · · ,
  177. The Power of CSS Blend Modes · · ,
  178. PureComponents vs. Functional Components With Hooks · · , ,
  179. Intrinsic CSS With Container Queries and Units · · , , ,
  180. Detecting CSS Selector Support · · , , ,
  181. Wtf Is an Island and Why Is It in My Website? · · , , ,
  182. The Basics of Remix · · ,
  183. First Batch of Color Fonts Arrives on Google Fonts · · , ,
  184. Disability Is Not a Dirty Word · · ,
  185. Conditionally Spreading Objects in JavaScript · · ,
  186. Better Accessible Names · · ,
  187. 2022: 0 of the Global Top 100 Websites Use Valid HTML · · , , ,
  188. The Seventh Way to Call a JavaScript Function Without Parentheses · · ,
  189. Justin Yarbrough Talks About Alt Text · · , , ,
  190. My Five Biggest Design System Mistakes · · ,
  191. The “details” and “summary” Elements, Again · · ,
  192. Which Fonts to Use for Your Charts and Tables · · , ,
  193. When Life Gives You Lemons, Write Better Error Messages · · ,
  194. Nuclear Footnotes · · ,
  195. Best Practices for Creating a Modern npm Package · · ,
  196. Mastering DOM Manipulation With Vanilla JavaScript · · ,
  197. Mastering These 7 Basics CSS Skills Will Make You a Frontend Wizard ·
  198. Your Next.js Bundle Will Thank You · · , ,
  199. Antipersonas: What, How, Who, and Why? · · ,
  200. Make It Short—Make It Better · · ,
  201. Converting PNG Images to WebP Using PHP · · , , , ,
  202. Button Minimum Width · · ,
  203. Keeping Your CSS Small: Scopes, Containers, and Other New Stuff · · , , ,
  204. How to Monitor a Next.js Application · · , ,
  205. How I Made a Pure CSS Puzzle Game ·
  206. CSS “line-height” · · ,
  207. A Guide to Choosing the Right React State Management Solution · · , ,
  208. Me and React: 5 Years in 15 Minutes ·
  209. 12 Modern UI Components to Inspire Your Future Designs · · ,
  210. What’s New With Forms in 2022? · · , ,
  211. Towards a Factory Model of Designing User Interfaces—Slotted Systems in Figma · · , ,
  212. Text Is the Universal Interface ·
  213. Lightning CSS · · , ,
  214. A Quick Primer on Testing JavaScript · · ,
  215. An Overview of Node.js: Architecture, APIs, Event Loop, Concurrency · · , , , , ,
  216. Rewriting Tests from Cypress to Playwright Using GPT3 · · , , , , ,
  217. Detect When Users Switch Tabs Using JavaScript ·
  218. WCAG 2.2 Hits Candidate Recommendation—but What Does It Mean? · · ,
  219. Are Modals in Web Design a UX Disaster? · · , , ,
  220. Building the Main Navigation for a Website · · , ,
  221. How Your Favourite UI Libraries Manage Their Icons · · , ,
  222. Dependabot Unlocks Transitive Dependencies for npm Projects · · , ,
  223. Introducing Signals · · , ,
  224. How to Improve Largest Contentful Paint for Faster Load Times · · , , ,
  225. Rewrite Your Git History in 4 Friendly Commands · · ,
  226. W3C Accessibility Maturity Model · · ,
  227. The Realities and Myths of Contrast and Color · · , ,
  228. So Your Designer Wants Stuff to Overlap · · ,
  229. Hacking CSS Animation State and Playback Time · · ,
  230. Critical CSS? Not So Fast! · · ,
  231. An Attempt at Outlining the Many Factors Influencing Developer Experience ·
  232. A Whole Cascade of Layers · · ,
  233. Getting Started With MathML · · ,
  234. HTML Markup Tips for Developing Accessible Websites · · , ,
  235. Understanding Regulatory Compliance and Making It Work on Your Web Site · · ,
  236. Top 5 Technology Trends in UX Design · · , ,
  237. Dreamy Blur · · , ,
  238. A/B Testing in 7 Steps to Quickly Improve Your Conversions · · , ,
  239. 5 Reasons to Invest in User Experience ·
  240. Prestige Is the Designer’s Achilles’ Heel ·
  241. Infinite Scrolling: When to Use It, When to Avoid It · · , ,
  242. A Content Warning Component · · , ,
  243. A Beginner’s Guide to Design Tokens · · ,
  244. Disabled JavaScript Turns Off Native Lazy Loading · · , , ,
  245. Git Cheatsheet · · , ,
  246. Dear Oracle, Please Release the JavaScript Trademark · · ,
  247. The Accessibility and Usability Journey of Drupal’s Primary Navigation · · , ,
  248. Focus Appearance Explained · · , , ,
  249. Big O Notation Basics Made Dead Simple ·
  250. Is It “:modal”? · · , ,