Frontend Dogma

“2022” Archive

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