Frontend Dogma

News and Tools for Frontend Development (16)

(Stay up-to-date on all topics by RSS feed or on Mastodon.)

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