Frontend Dogma

“2022” Archive

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