Frontend Dogma

“2022” Archive

  1. Culture Is Stuck · · ,
  2. ICANN and the 7 Keys to the Internet · · , , , ,
  3. Overlapping Interactive Areas · · ,
  4. Why Do We Need Authorization and Authentication? · · , ,
  5. Fluid Typography: Predicting a Problem With Your User’s Zoom-In · · ,
  6. Junior Designers, Please Don’t Give In · · ,
  7. Git in 10 Mins ·
  8. JavaScript Frameworks—Heading into 2023 · · ,
  9. Understanding Design Tokens, from UX Tool to Production · · ,
  10. Styling a “pre” That Contains a “code” · · ,
  11. Stashing Individual Files in Git ·
  12. An Ultimate Guide on Sizing, Spacing, Grids and Layout in Web and UI/UX Design · · , , , ,
  13. 7 Tips for Improving Your Productivity With Git · · , ,
  14. How to Write an Awesome Readme · · ,
  15. Why Web Design Still Matters in 2023 · · ,
  16. Shape Up · · ,
  17. Theme Toggles · · , , ,
  18. A Guide to Command-Line Data Manipulation · · ,
  19. Building Inclusive Products for Trans People ·
  20. A CSS Challenge: Skewed Highlight · · ,
  21. Invisible Ink Effect With SVG Filters and CSS · · , , ,
  22. What’s Wrong With Code in 2022? · · , ,
  23. CSS Subgrid · · ,
  24. The RUM Archive and Benford’s Law ·
  25. User Stylesheets Are Still Pretty Great and Should Be More Widely Supported · · , ,
  26. A Problem With Link Relationships · · , , ,
  27. 11 Tips That Make You a Better TypeScript Programmer · · ,
  28. Enforcing Better HTML Markup With Eleventy · · , , ,
  29. HTTP/3 Prioritization Demystified · · , ,
  30. Deploying CSS Logical Properties on Web Apps · · , ,
  31. Aligning Jakob Nielsen’s 10 Usability Heuristics With the WCAG 2.1 · · , , ,
  32. Design System Fresh Bundling · · ,
  33. Top 10 Accessibility News of 2022 · · ,
  34. What Is the Difference Between Alternative Text, Long Description, and Caption? ·
  35. The 10 Cheapest Web Hosting Solutions in 2022 · · ,
  36. Obscure CSS: Restoring Visibility · · ,
  37. An Inclusive and Planet-Friendly Digital Style Guide · · , , , ,
  38. 2022 CSS Updates ·
  39. The Intended Consequence of Inaccessible Digital Ads · · , ,
  40. Quick Start for Evaluating and Testing Web Accessibility · · , ,
  41. Things CSS Could Still Use Heading into 2023 · · ,
  42. React’s New Killer Documentation Focused Only on Functional Components · · ,
  43. Billions of Unnecessary Files in GitHub · · ,
  44. 2022 Roundup of Web Research · · ,
  45. Building an Accessible Theme Picker With HTML, CSS, and JavaScript · · , , , ,
  46. Signals: The Nitty-Gritty · · , ,
  47. A Complete Guide to Timeouts in Node.js · · ,
  48. CSS Color Spaces and Relative Color Syntax · · ,
  49. Accessibility Convincing · · , , ,
  50. A Theory of Web Relativity · · , ,
  51. Useful Accessibility and Usability Examples to Help Improve Your Designs · · , ,
  52. Pointer Events · · , ,
  53. Why We Hang Onto WordPress Nostalgia ·
  54. The Top 10 Security Vulnerabilities for Web Applications · · ,
  55. Foundations: Target Sizes · · ,
  56. Common Nesting Issues in HTML · · ,
  57. Bad Performance Is Bad Accessibility · · ,
  58. Frontend Dogma + UITest.com = ❤️ ·
  59. Step into the Light (DOM) · · , ,
  60. Concepts Behind Modern Frameworks · · ,
  61. Prevent Focused Elements from Being Obscured by Sticky Headers · · , , ,
  62. Interop 2022: End of Year Update · · , , ,
  63. The Science of User Experience · · ,
  64. The Performance Inequality Gap, 2023 ·
  65. Taking the Stress out of Design System Management · · ,
  66. If You Are Afraid of AI, You May Not Be the Best UX Designer Out There · · , , ,
  67. Do You Know “color-scheme”? · · ,
  68. CSS Style Queries ·
  69. Beating Latency on Scalemates.com · · ,
  70. HTML Dialog · · ,
  71. Lockfile Trick: Package an npm Project With Nix in 20 Lines · · ,
  72. How to Learn in Public · · , ,
  73. Mini-Guide to Add an Image · · ,
  74. Using Inline JavaScript Modules to Prevent CSS Blockage · · , ,
  75. Modern HTML as a Foundation for Progressive Enhancement · · ,
  76. Cascade Layers · · ,
  77. How to Find and Fix the Top 3 Accessibility Issues · · , , ,
  78. CSS Infinite 3D Sliders · · , ,
  79. Code Ownership and Software Quality · · ,
  80. Apple, Google, and Mozilla Are Teaming Up to Make a Next-Gen Browser Benchmark · · , , ,
  81. 5 HTML Elements, and a Partridge in a Despair Tree · · , ,
  82. Help Choose the Syntax for CSS Nesting · · ,
  83. Logical Border Radius · · , ,
  84. CI/CD Tutorial for Developers · · , ,
  85. Accessibility Starts With an Organisation’s Culture · · ,
  86. So, You’d Like to Animate the “display” Property · · ,
  87. A Guide for Making Apps Accessible · · ,
  88. Select the Right Tool for the Job ·
  89. Leaked a Secret? Check Your GitHub Alerts… for Free · · ,
  90. Get That Marquee AeStHeTiC · · , ,
  91. ECMAScript Proposal: Iterator Helpers · · , ,
  92. CSS “image()” ·
  93. An HTML-First Mental Model · · , ,
  94. 4 Ways CSS “:has()” Can Make Your HTML Forms Even Better · · , , ,
  95. Get off the Main Thread With an Inline Web Worker: An Example · · , , ,
  96. A “:nth-child(An+B [of S]?)” Polyfill Thanks to CSS “:has()” · · , ,
  97. Sophisticated Web Scraping With Bright Data · · , ,
  98. Apple Considering Dropping Requirement for iPhone Web Browsers to Use WebKit · · , , ,
  99. The Web Platform Is Back ·
  100. View Transitions API · · ,
  101. The Most Popular CSS-in-JS Libraries in 2022 · · , , ,
  102. Table Like It’s 2023 · · ,
  103. IDN Is Crazy · · ,
  104. Everything You Need to Know About Concurrent React (with a Little Bit of Suspense) · · ,
  105. Top 5 Accessibility Issues in 2022 · · ,
  106. State of A11Y · · ,
  107. One Day We’ll Have a Fully Customisable Select · · ,
  108. New Viewport Units · · , ,
  109. Federal Web Accessibility Focus Has Private Sector on Notice · · ,
  110. Design Deserves More Respect ·
  111. A Few Times Container Size Queries Would Have Helped Me Out · · ,
  112. WCAG 3.0: Are We There Yet? · · , ,
  113. Top 30 Linux Commands for Everyday Use · · ,
  114. The Future of Design Tokens · · , ,
  115. Five Myths About Digital Accessibility · · ,
  116. DOM Clobbering · · ,
  117. Conditional Wrapping in React ·
  118. There Can Be Only One: Options for Building “Choose One” Fields · · ,
  119. LCP(FE) · · ,
  120. Implement Scroll-Snapping Using Only CSS · · ,
  121. Web Performance and Compression · · ,
  122. Dear Developer, Your Assumptions Are Wrong ·
  123. How to Merge Objects in JavaScript · · , ,
  124. CSS Infinite Slider Flipping Through Polaroid Images · · , ,
  125. WCAG—Priority of Constituencies · · ,
  126. Inside the Mind of a Frontend Developer: Article Layout · · , ,
  127. Best PHP Books for Beginners · · , ,
  128. A Modern HTML Template (2022) · · ,
  129. Enough With the Pointless Images · · , ,
  130. Optimize Interaction to Next Paint · · , ,
  131. PHP 8.2.0 Release Announcement ·
  132. Improving SEO Without Knowing Where to Start ·
  133. JavaScript Polyfills for Interviews · · , ,
  134. The State of CSS 2022 · · ,
  135. W3C Design Tokens With Style Dictionary ·
  136. W3C Publishes WCAG Testers Consistency List · · , ,
  137. Testing for the Support of a Selector · · , ,
  138. Meaningful Labels Using ARIA—or Not · · , , ,
  139. 4 More HTML Concepts You Didn’t Know · · , , ,
  140. “mask-image” Lets You Do Some Really Cool Stuff · · , ,
  141. Take Full-Size Screenshots of Websites Without Any Tools in Chrome · · , , ,
  142. New npm Features for Secure Publishing and Safe Consumption · · , ,
  143. Adding Complementary Performance Data to Your Site · · ,
  144. Accessible Front-End Patterns for Responsive Tables · · , ,
  145. Accessibility: The Land That “Time to Interactive” Forgot · · , ,
  146. A Practical Guide to CSS Media Queries · · , ,
  147. Does “www” Still Belong in URLs? · · ,
  148. How to Create Typography Guidelines for a Product That Does Not Follow a Design System · · , ,
  149. Bad UX Writing: 5 Mistakes to Avoid · · , ,
  150. Why You Should Be Using New CSS Features Today II ·
  151. Swearing and Automatic Captions · · , ,
  152. Website Accessibility Is Not an Afterthought ·
  153. The 411 on 4.1.1 · · , ,
  154. Reduce Image Sizes by Removing Metadata · · , , ,
  155. Reading the Meter · · , ,
  156. Brief Note on Description List Support · · , , , ,
  157. Landmarks and Where to Put Them · · , , ,
  158. PHP Type Declarations—A Guide for Beginners · · ,
  159. Fast Is Good, Instant Is Better · · ,
  160. About Modern Sass · · ,
  161. Super Useful CSS Resources · · , ,
  162. Using SRI to Protect from Malicious JavaScript · · ,
  163. Amy Jiménez Márquez on Leading Information Architecture · · , ,
  164. You Don’t Need ARIA for That · · , ,
  165. CSS Infinite and Circular Rotating Image Slider · · , ,
  166. Prerender Pages in Chrome for Instant Page Navigations · · , , ,
  167. Proximity: Gestalt Principle for User Interface Design · · , ,
  168. “:has(:not())” vs. “:not(:has())” · · , ,
  169. Best APIs for Developers ·
  170. Accessibility and MVPs · · ,
  171. Apache .htaccess · · ,
  172. A Vibe Shift Is Coming · · , ,
  173. Design Spacing Tokens Semantically · · , , ,
  174. How to Transfigure Wireframes into HTML · · , , ,
  175. Digging Deeper into Container Style Queries · · ,
  176. The Final Google Fonts Knowledge Drop of 2022 · · , ,
  177. Migrating from Vue 2 to Svelte · · , ,
  178. From Type to Logotype · · , , ,
  179. Developing Faster JavaScript Apps: The Ultimate Guide to Web Workers · · , , ,
  180. A Conversation With ChatGPT · · , , ,
  181. 7 Website Performance Metrics to Track for Better UX · · , ,
  182. Which Images Need Descriptive Text? · · ,
  183. WordPress Versions 3.7–4.0 No Longer Get Security Updates · · ,
  184. Why You Should Be Using New CSS Features Today ·
  185. Handling Images With Inconsistent Height in CSS · · ,
  186. Transient Frameworks · · ,
  187. Tips for Typing Import Statements in JavaScript ·
  188. “px” or “rem” in CSS? Just Use “rem” · · ,
  189. Making Microservices Accessible · · ,
  190. HTML Semantics and Accessibility Cheat Sheet · · , , ,
  191. Counting Unique Visitors Without Using Cookies, UIDs, or Fingerprinting · · ,
  192. 10 Key Principles of User-Centered Design · · , , ,
  193. Speeding Up the JavaScript Ecosystem—One Library at a Time · · , ,
  194. Organizing the Eleventy Config File · · ,
  195. Stop Fighting With CSS Positioning · · , ,
  196. The Large, Small, and Dynamic Viewport Units · · ,
  197. Tailwind Is a Leaky Abstraction · · ,
  198. Convert Any Value to a Boolean in JavaScript ·
  199. 5 Ways to Make Your JavaScript More Functional · · ,
  200. Advanced Web Font Optimization Techniques · · , ,
  201. Shadow DOM and Accessibility: The Trouble With ARIA · · , , , ,
  202. Designing a Utopian Layout Grid: Working With Fluid Responsive Values in a Static Design Tool · · , ,
  203. We Document Our Design Systems—Why Don’t We Systematise our Documentation? · · ,
  204. Testing Static Types in TypeScript · · ,
  205. Newer Things to Know About Good Ol’ HTML Lists · · ,
  206. Making Accessibility Simpler in Higher Education and Beyond · · ,
  207. Debugging Tactics ·
  208. Color Formats in CSS · · ,
  209. Upgrade Your HTML IV · · , , , ,
  210. CSS for URLs and HTTP Headers · · , ,
  211. Three Pillars of User Delight ·
  212. HTML Content Model Categories · · ,
  213. Content May Be King, but Design Is Queen · · ,
  214. Lazy Loading Images in HTML · · , ,
  215. A Guide to the Most Popular Types of APIs: REST, SOAP, GraphQL, and gRPC · · , ,
  216. Foundational Skills ·
  217. Addressing Concerns About CSS Speech · · ,
  218. Positioning Notification Messages With Accessibility in Mind · · ,
  219. Growing Design System Documentation · · ,
  220. Forging Links · · , ,
  221. Elements Can Be Visible Even Though Their Parent Has Set “visibility: hidden” ·
  222. The Shape-Shifting “a” Element · · , ,
  223. Git Is Not the End of History · · , ,
  224. Setting Up a Screen Reader Testing Environment on Your Computer · · , , , ,
  225. Why Japan’s Internet Is Weirdly Designed · · ,
  226. The BBC’s 15 Web Principles—15 Years Later · · , ,
  227. Should Design Systems Include Problematic Components and Patterns? · · , ,
  228. Document Object Model (DOM) Geometry: A Beginner’s Introduction and Guide · · , , ,
  229. Our Future CSS Strategy · · , ,
  230. CSS “:is()”, “:where()”, “:has()”, and “:not()” · · ,
  231. Down With Design Systems Dogma ·
  232. The “label” Element · · ,
  233. Preparing for WCAG 2.2 · · , ,
  234. Node.js Architecture Pitfalls to Avoid · · ,
  235. Accessibility and Inclusive Design Systems · · , , ,
  236. What Happened to Text Inputs? · · , ,
  237. Page Title Conventions · · , ,
  238. What Image Format Should You Use in Your Next Project? ·
  239. Improving Firefox Stability With This One Weird Trick · · , ,
  240. Optimizing a Vue App · · , ,
  241. Writing and Organizing Node.js API Tests the Right Way · · , ,
  242. The Value of Accessibility · · , ,
  243. Natural Language Inputs · · ,
  244. Deploy Node.js to AWS: Build an Automated CI/CD Pipeline · · , , ,
  245. An Interactive Guide to Flexbox · · , ,
  246. What Is the Open Web? · · ,
  247. Less Design Leadership—More Design Authorship · · ,
  248. Incorporating Accessible Design Elements into Your Web Site · · ,
  249. DOJ and Congressional Updates on Digital Accessibility · · ,
  250. Analyzing the Top 100 Retailers for Digital Accessibility · · ,