Frontend Dogma

“2022” Archive

Featured on Frontend Dogma? Confirm and whitelist your domain.

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