Frontend Dogma

“2023” Archive (6)

  1. Multithreading With Worker Threads in Node.js (via) · · , ,
  2. Resources for Procurement of Accessible Digital Products and VPAT (by/via) · · , , , ,
  3. Can We Query the Root Container? (by/via) · · ,
  4. Introduction to the Kanban Framework: A Beginner’s Guide to Agile Project Management · · , , ,
  5. How to Validate HTML On-Line at W3C (by) · · , , ,
  6. Redundancy Is Great (by) · ·
  7. 90s Websites—Key Characteristics and Examples (via) · · , , , , ,
  8. What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? (by/via) · · , , , ,
  9. Introduction to MongoDB and NoSQL Databases (via) · · , ,
  10. Build a Simple Beginner App With Node, Bootstrap, and MongoDB (by/via) · · , , ,
  11. The “article” Element and Screen Readers (by) · · , , , , ,
  12. Design for the Web Without Figma (by) · · ,
  13. The Trick to Smoothly Animating Shadows in CSS (by) · · , , ,
  14. Are We There Yet? (by) · · , ,
  15. See What’s New in Firefox [115.0] (via) · · , , ,
  16. HTML Form Validation Using Cypress (by) · · , ,
  17. How I Am Blogging the IndieWeb Way (by) · · , ,
  18. Your Browser May Be Having a Secret Relationship With a Screen Reader (via) · · , , ,
  19. Understanding SVG Paths (by) · ·
  20. The Fake Aura of Care in UX (via) · ·
  21. How to Use Node.js to SSH Into Remote Servers: A Comprehensive Guide (by) · · , , , , ,
  22. And 4 More HTML Concepts You Didn’t Know (by) · · , ,
  23. 4 Design Principles I Use Every Day to Avoid Bad UX and Create Products That Work for Everyone (by) · · , , ,
  24. AI and the Automation of Work (by) · · , ,
  25. In Defence of “DOM­Content­Loaded” (by) · · , ,
  26. Designers Who Code, What Is It Good For? (by) · · ,
  27. Angular Is Getting New Template Syntax (by/via) · ·
  28. How to Tackle Docker and Kubernetes for Frontend · · , ,
  29. Observing Node.js Processes With eBPF (by) · · ,
  30. How to Measure the Impact of a Design System? (by/via) · · , ,
  31. The Big Problem With Variables in Figma (by/via) · ·
  32. Setting Expectations for the Node.js Test Runner (by) · · , ,
  33. Identify Unused npm Packages in Your Project (by) · · , ,
  34. The “details” Element and In-Page Search (by) · · , , ,
  35. React Developers Love Preact, Here’s Why (by/via) · · , ,
  36. Introduction to JSX (by/via) · · , ,
  37. New to the Web Platform in June (by/via) · · , , , , , , , ,
  38. CommonJS Is Hurting JavaScript (by/via) · ·
  39. The Importance of Verifying Webhook Signatures (via) · · ,
  40. Introduction to MySQL Data Types (via) · · , ,
  41. Combat Accessibility Decay: How to Maintain Ongoing Accessibility (via) · · , ,
  42. Solved: Tricky Floating Image Alignment (by/via) · · , ,
  43. How to Build Things People Want to Use (by) · · ,
  44. Understanding TypeScript Generators (via) · ·
  45. What’s Next for Redux With Mark Erikson (by/via) · · , , , ,
  46. JavaScript Gom Jabbar (by) · ·
  47. WCAG 2.2, Quick and Simplified (by) · · , ,
  48. An Introduction to the View Transitions API (by/via) · · , ,
  49. Accessible Overlays Aren’t Accessible (via) · · ,
  50. Under-Engineered Comboboxen? (by) · · , , ,
  51. What’s the Perfect Design Process? (by/via) · · ,
  52. Getting Started With Native Design Tokens in Figma (by/via) · · , ,
  53. Form and Search Landmarks (by) · · , , , , ,
  54. JavaScript Console Methods: A Deep Dive (by) · · , ,
  55. Release Notes for Safari Technology Preview 173 (by/via) · · , , ,
  56. Feature Flags Configuration, Instrumentation, and Use (via) · · , , ,
  57. How to Use CSS “background-size” and “background-position” (by/via) · · , ,
  58. Why You Must Commit to Grounding Every DEI-Related Effort With Data (by+/via) · · , , ,
  59. Web and App ADA Lawsuits: 6 Trends So Far in 2023 (via) · · , ,
  60. 4 Ways to Improve Mobile Accessibility (by) · · ,
  61. Position-Driven Styles (by) · · ,
  62. What’s Next for JavaScript: New Features to Look Forward To (by/via) · ·
  63. Screen Magnification: Digital Accessibilitiy (via) · · , , ,
  64. Popular DevTools Tips (by/via) · · , ,
  65. Feature Management and Feature Experimentation, Why You Should Do Both—How It Helps Both Product and Software Engineering Teams (via) · · , , ,
  66. Amplify Design Values Through Building Design System (via) · · ,
  67. Demystifying JavaScript Operators: What Does That Symbol Mean? (by/via) · · ,
  68. Building Sliding Cards With “position: sticky;” (by) · ·
  69. The Massive Bug at the Heart of the npm Ecosystem (by/via) · · , ,
  70. Top Tips From a Web Accessibility Evaluator at WebAIM (by/via) · · , ,
  71. Mapping Typography (by/via) · · , ,
  72. What’s Your Type? Try These Tests to Pick the Perfect Font for You (by+/via) · · , ,
  73. Qwik Introduction—a Framework That Goes Fast (by) · · , ,
  74. Tips for Upgrading Your Techstack for Faster Frontend Development (by/via) · · , , , ,
  75. Live Regions in React (by) · · , , ,
  76. Learn How to Use Hue in CSS Colors With HSL (by/via) · · , ,
  77. What Does the Image “decoding” Attribute Actually Do? (by) · · , ,
  78. AI Is Killing the Old Web, and the New Web Struggles to Be Born (by/via) · · ,
  79. Transition Between Pages Smoothly With a Single Line of Code (by) · · ,
  80. Going Beyond Constants With Custom Properties (by/via) · · ,
  81. Faking a “:snapped” Selector With Scroll-Driven Animations (by/via) · · , , ,
  82. A Beginner’s Guide to Laravel: Introduction and Key Features · · , ,
  83. Mixing Colors With CSS (by) · · ,
  84. An Introduction to Parser Combinators (by) · · ,
  85. WebSockets 101 (by/via) · · , ,
  86. XML Is the Future (by) · · ,
  87. Using BEM for Design System Tokens (by) · · , , ,
  88. An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript (by) · · , , , ,
  89. All You Need to Know About CORS and CORS Errors (by/via) · · , ,
  90. Debugging INP (by) · · , , ,
  91. Understanding Authorization Before Authentication: Enhancing Web API Security (by/via) · · , , , ,
  92. Converting [a] JavaScript Codebase to TypeScript (by/via) · · , , ,
  93. Choosing a Color Palette (via) · · , , ,
  94. Text Wrap Pretty Is Coming to CSS (by) · · ,
  95. Introducing the MDN Playground: Bring Your Code to Life (via) · · , ,
  96. The Unlikely Story of UTF-8: The Text Encoding of the Web (by) · · ,
  97. Component Driven User Interface Testing (CDUIT) · · ,
  98. Future CSS: State Container Queries (by) · · ,
  99. The Cost of JavaScript 2023 (by) · · , ,
  100. Announcing Svelte 4 (via) · · ,
  101. Too Much JavaScript? Why the Frontend Needs to Build Better (by/via) · · , ,
  102. The 5 Pillars of Every HTTP Request · ·
  103. CSS in Micro Frontends (by) · · ,
  104. Cascade Layers Are Useless * (by) · · ,
  105. Using Multiple Selectors With JavaScript Selector Methods (by) · · ,
  106. How Designers Can Beat AI at Design (by/via) · · ,
  107. Designing for Inclusion (by/via) · · , ,
  108. Design Systems Directory (by) · · ,
  109. WCAG 2.2 Removes 4.1.1 Parsing and How axe-core Is Impacted (by/via) · · , , ,
  110. What Exactly Is [the] “:root” Pseudo-Element in CSS? (by/via) · · , ,
  111. Thoughts From “Meet Safari for Spatial Computing” (by) · · , , , ,
  112. Style Your RSS Feed (by) · · , , ,
  113. Continuous Accessibility (by) · · , ,
  114. Authentication vs. Authorization · · , ,
  115. Making Your Design Tokens Future-Proof (by) · ·
  116. Creating a Flexible Design Token Taxonomy for Intuit’s Design System (by) · · ,
  117. Three Key Principles for an Accessible Website (by+/via) · · ,
  118. W3C Launch Their New Website (by/via) · ·
  119. State of CSS 2023 (by) · · ,
  120. Radix UI Component With Next.js and Tailwind CSS (by) · · , , , ,
  121. Button Types (by) · · ,
  122. Gatsby Headaches and How to Cure Them: I18N II (by/via) · · ,
  123. Why UX Testing Is Critical to Your Web Site’s Success (by/via) · · ,
  124. Packaging and Selling a Node.js App (by/via) · ·
  125. Balancing Users’ Needs and Business Goals in UX Design (via) · · ,
  126. Can Web Developers Be Held Liable? (by/via) · · ,
  127. Balancing Users’ Data Privacy and the User Experience (by/via) · · ,
  128. How to Clean Up Your Local Repository With Git Commands (by/via) · · , , ,
  129. The Problem With Sticky Menus That Appear on Scroll and What to Do Instead (by) · · , ,
  130. The New CSS (by) · · , ,
  131. Import Maps to Natively Import JavaScript Modules Using Bare Names (by) · ·
  132. Git Concepts Everyone Should Know (by) · · ,
  133. IndexedDB Tutorial for Beginners: A Comprehensive Guide with Coding Examples · · , , , ,
  134. It’s Time for Dimensional Thinking in Design (via) · · ,
  135. Scoping (by) · · ,
  136. Create React UI Lib: Component Library Speedrun (by) · · , , ,
  137. Standardising Design Tokens (by) · · ,
  138. The Five Types of People Who Produce Inaccessible Code (by) · · ,
  139. TypeScript 5.2’s New Keyword: “using” (by) · ·
  140. Top 10 Things You Should Add While Coding: Valuable Tips for Programmers (by) · · ,
  141. How to Add a CSS Reveal Animation to Your Images (by/via) · · , , ,
  142. A Guide to Coding Standards to Improve Code Quality (by/via) · · , , , ,
  143. An Explosion in Software Engineers Using AI Coding Tools? (by) · · , ,
  144. What Are Deceptive Patterns? (via) · · ,
  145. What’s UnAI-Able (by/via) · ·
  146. The Next Phase of Eleventy: Return of the Side Project (by) · ·
  147. 6 Quick Tests You Can Do to Test Your Forms for Accessibility (by) · · , ,
  148. Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (by/via) · · , , , , ,
  149. Puppeteer in Node.js: More Antipatterns to Avoid (via) · · , , , ,
  150. npm Won’t Publish Packages Containing the Word “keygen” · · , ,
  151. Design vs. Accessibility and the CSS “visually-hidden” Class (by/via) · · , , ,
  152. How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit (by/via) · · , , , ,
  153. How (and Should?) We Stop the Infinite Scroll (via) · · ,
  154. Cyclic Dependency Space Toggles (by) · · ,
  155. Using Color Wheel Combinations in Your Designs (via) · · ,
  156. Tuesday, June 20, 2023 Security Releases (by/via) · · , ,
  157. Nuxt in 100 Seconds (by/via) · · , ,
  158. When and Why to Use a Click Test (via) · · ,
  159. The Gotchas of CSS Nesting (by) · · ,
  160. Rebuilding a Comment Component With Modern CSS (by) · · , ,
  161. Positioning Anchored Popovers (by) · · ,
  162. “margin-trim” as a Best Practice? (by) · ·
  163. Naming Components · · , ,
  164. Blur Vignette Effect in CSS (by) · · ,
  165. Gatsby Headaches and How to Cure Them: I18N (by/via) · · ,
  166. Chrome for Testing: Reliable Downloads for Browser Automation (by/via) · · , , ,
  167. The Continuing Tragedy of CSS: Thoughts From CSS Day 2023 (by) · · ,
  168. Bottom Sheets: Definition and UX Guidelines (by/via) · · , , ,
  169. How to Highlight Required and Optional Form Fields (by) · · , , ,
  170. CSS! CSS! CSS! (by) · · ,
  171. You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now (by) · · , , ,
  172. An Introduction to DevOps · · ,
  173. Internet Explorer: The 1st Browser to Support CSS (by+/via) · · , , , , , ,
  174. CSS Containers, What Do They Know? (by/via) · · , ,
  175. Best Animation Libraries for React (by) · · , , ,
  176. Liven Up Your Websites With Scroll-Driven Animations and View Transitions (by/via) · · , , , ,
  177. Shining Light on the Shadow DOM (by/via) · · , ,
  178. That’s Not How I Wrote CSS Three Years Ago (by/via) · · , ,
  179. Modern CSS for Dynamic Component-Based Architecture (by) · · , ,
  180. Design Under Constraints: Challenges, Opportunities, and Practical Strategies (by/via) · · ,
  181. Must Know JavaScript API—IndexedDB API (by/via) · · , , ,
  182. Why Doesn’t CSS Have Scope? (by/via) · · , ,
  183. The Universal Focus State (by) · · , ,
  184. Style Recalculation Secrets They Don’t Want You to Know (by/via) · · , , ,
  185. No, “AI” Will Not Fix Accessibility (by) · · ,
  186. The CSS “overscroll‑behavior” Property Can Be Used to Disable Default Browser Gestures (by/via) · · ,
  187. Sticky Content: Focus in View (by/via) · · , , ,
  188. State of the CSS Community (by/via) · · , ,
  189. Designing a Scalable Backend in Node.js (by/via) · · , ,
  190. Testing Sites and Apps With Blind Users: A Cheat Sheet (by+/via) · · , , , , , ,
  191. Best Practices for Container Queries (by) · · , ,
  192. Before Your Next Frontend Pull Request, Use This Checklist (by+/via) · · , , , , , ,
  193. Chrome DevTools Tips: Styles Pane and Elements Panel (by/via) · · , , , ,
  194. 48 Laws, Rules, and Principles of Web Development (by) · · , ,
  195. Are Simple Websites Better for Business? (via) · · ,
  196. RSC From Scratch: Server Components (by) · · , ,
  197. Accessible Rich Internet Applications (WAI-ARIA) 1.2 (via) · · , ,
  198. Accessibility and Artificial Intelligence (by) · · ,
  199. The Ultimate Guide to Writing Technical Blog Posts (by) · · , ,
  200. Angular at Google I/O 2023 (by/via) · · , ,
  201. Tokens Are the Most Valuable Artifact a Design System Can Provide (by/via) · · ,
  202. What’s New in CSS (by/via) · · , ,
  203. Styling Scrollbars (by) · · ,
  204. Exploring Universal and Cognitive-Friendly UX Design Through Pivot Tables and Grids (by/via) · · ,
  205. Reducing Complexity in Front End Development (by/via) · · , , ,
  206. Modern CSS in Real Life (by) · ·
  207. Be Careful With “ch” Units (by) · · ,
  208. Assume the Position—a Labelling Story (by/via) · · , ,
  209. One More Thing—Apple’s Push on Web Apps on macOS (by) · · ,
  210. Is React Having An Angular.js Moment? (by/via) · · ,
  211. Primitive Objects in JavaScript: When to Use Them (via) · · ,
  212. An Introduction to Debugging in Node.js (by/via) · · , ,
  213. Accessibility Testing—Pay Attention to the Details (via) · · ,
  214. How to Detect Unnecessary Renderings of DOM Elements in Your Web App to Improve Performance (by) · · , , , , ,
  215. New Job? Negotiate as If Your Life Depends on It (by) · ·
  216. The Problem With Automatically Focusing the First Input and What to Do Instead (by) · · , , ,
  217. The Many Ways to Select the n-th Character From a String (by) · ·
  218. How We Created an Accessible, Scalable Color Palette · · , , , ,
  219. New CSS Color Spaces and Functions in All Major Engines (by/via) · · , , , ,
  220. An Introduction to “@ scope” in CSS (by) · · , ,
  221. Do Not Drop Sass for CSS · · , ,
  222. How AI Can Make Software More Intuitive (by) · · ,
  223. WCAG 2.2 Misses Mark on Defining Visible Focus (by) · · , , ,
  224. How Chrome Achieved High Scores on Three Browser Benchmarks (by/via) · · , , ,
  225. Every Design Team Needs Writers (by/via) · · ,
  226. wasmati: You Should Write Your WebAssembly in TypeScript (by/via) · · , ,
  227. No Single Metric Captures Productivity (by) · · ,
  228. Some Things I Learnt From Working on Big Frontend Codebases (by) · · ,
  229. Watch Transitions in Slow Motion in Chrome’s DevTools (by) · · , , , ,
  230. Quick Tip: Shipping Resilient CSS Components (by/via) · · , , , ,
  231. Presentational Colors (by/via) · · ,
  232. Advanced Form Control Styling With “selectmenu” and Anchoring API (by/via) · · , ,
  233. A Practical Guide to Deploying a Complex, Production-Level, Three-Tier Architecture on AWS · · , , , ,
  234. Performance Is Not a Checklist (by) · · , ,
  235. Why We Should Stop Using JavaScript According to Douglas Crockford (by/via) · · ,
  236. Semantic Code in HTML: What Is It and Does It Still Matter? (by) · · ,
  237. Accessible Components: The Hamburger Menu · · , ,
  238. The Context Dilemma (by) · · ,
  239. Asynchronous JavaScript for Beginners (by+/via) · ·
  240. Announcing TypeScript 5.1 (by/via) · · ,
  241. How Blink Invalidates Styles When “:has()” [Is] in Use (by/via) · · , , ,
  242. Linting Defensive and Logical CSS With Stylelint Plugins (by/via) · · , , , ,
  243. Watch Out for Layout Shifts With “ch” Units (by/via) · · , ,
  244. Is There a Viable Animated GIF Alternative Yet or What? (by/via) · · ,
  245. New to the Web Platform in May (by/via) · · , , , , , , , ,
  246. Token Operations (by) · ·
  247. Re-Evaluating “px” vs. “em” in Media Queries (by) · · , , ,
  248. security.txt Now Mandatory for Dutch Government Websites · · ,
  249. Accessibility Audits for All (by) · · , ,
  250. Design Systems: A Curated List for Today’s UI/UX Designers (via) · · , , ,