Frontend Dogma

News and Tools for Frontend Development (17)

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

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