Frontend Dogma

“2023” Archive (6)

Featured on Frontend Dogma? Confirm and whitelist your domain.

  1. Stick to Boring Architecture for as Long as Possible (by) · ·
  2. How I Structured My Design System Using Figma’s New Variables (by/via) · · , ,
  3. Lightweight JavaScript Framework Review (for Django Developers) (by) · · , , , ,
  4. Interoperability With Specific Assistive Technologies or: “Does the Website Work on JAWS?” (by) · · , , , ,
  5. React-ing to Accessibility: Building Accessible Forms That Everyone Can Use (by/via) · · , , ,
  6. Writing CSS in 2023: Is It Any Different Than a Few Years Ago? (by/via) · ·
  7. WordPress 6.3 to Introduce a Development Mode (by/via) · ·
  8. Scroll Progress Animations in CSS (by/via) · · , ,
  9. Figma Typography Secrets—Seven Pro Tips Revealed (by) · · ,
  10. Down-and-Across Highlighting (by) · · , , ,
  11. A Comprehensive Beginner’s Guide to npm: Simplifying Package Management (by) · · , ,
  12. 15 Advanced TypeScript Tips for Development · · ,
  13. CSS Findings From the Threads App (by) · · , ,
  14. Implementing Responsive Grids With Tailwind CSS: An In-Depth Guide · · , , , ,
  15. Why Design Systems Fail (by) · · ,
  16. Useful Functions for [an] HTTP Server · · , , ,
  17. Mock JSON API Endpoints for Testing (by) · · , ,
  18. Getting Started With Tailwind CSS: A Quick-Start Guide · · , ,
  19. Building a Responsive Table With Tailwind CSS: A Comprehensive Guide · · , ,
  20. Better Roadmaps (by) · · ,
  21. A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace II (by) · · , ,
  22. From Nunjucks to Liquid (by) · · , , ,
  23. How AI Is Making Web Design More Efficient (by/via) · · , ,
  24. Release Notes for Safari Technology Preview 174 (by+/via) · · , , ,
  25. How to Use Your Intuition in Your Product Design Process (by/via) · · , , ,
  26. JPEG XL: How It Started, How It’s Going (by/via) · · , ,
  27. Top 20 Must-Know Tips for Web Accessibility · · ,
  28. The Magic of Empty Git Commit (by) · · ,
  29. The alt-text.org Project Is Moving Forward (by) · · ,
  30. Recent Design (by/via) · · , ,
  31. Preload vs. Early Hints vs. Fetch Priority (via) · · , , , , ,
  32. Developer’s Research Process (by) · · ,
  33. A Case Study on Scroll-Driven Animations Performance (via) · · , , , ,
  34. 3 Common Types of Test Automation (by/via) · · ,
  35. TypeScript and the Dawn of Gradual Types (by/via) · ·
  36. Loading and Progress Indicators (via) · · , , ,
  37. Tailwind CSS Tips and Tricks Worth Knowing (by/via) · · ,
  38. Introduction to CSS Grid: A Comprehensive Guide (by) · · , , ,
  39. A Guide to Variables in Figma (by) · · ,
  40. Storing Data in Control Flow (by) · ·
  41. My Journey to Learning CSS (by) · · , ,
  42. Sass Features in CSS (by) · · ,
  43. Permission (by) · · , ,
  44. Data-Driven Design: The Rise of Big Data in UX (by/via) · · , ,
  45. The Anatomy of a Perfect Landing Page That Converts (by/via) · · ,
  46. Mockups Explained (by/via) · · ,
  47. Developing Inclusivity Features (via) · · , ,
  48. ARIA Can Hurt or Help Web Accessibility: How to Review Your Website’s ARIA (via) · · , , ,
  49. Find Memory Leaks by Comparing Heap Snapshots (by/via) · · , , , , , ,
  50. Tree Shaking in JavaScript (by) · · ,
  51. Making Numbers in Web Content Accessible (by/via) · ·
  52. JavaScript Debounce, Easiest Explanation (With Code) · · ,
  53. Invisible Details of Interaction Design (by) · · , ,
  54. How to Prevent Unnecessary React Component Re-Rendering (by) · · , , ,
  55. Getting Started With Vector Databases in Node.js (by) · · , ,
  56. Getting Started—Understanding the History of Web Accessibility (by/via) · · , , ,
  57. React Design Patterns (by) · · ,
  58. How to Improve the Release Frequency of Your Team? (by/via) · · , , , ,
  59. Getting Started With Jekyll: A Powerful Ruby-Based Static Site Generator (by) · · ,
  60. All the Places Where You Can Use “prefers-color-scheme” Media Query (by) · · , , , ,
  61. The Decline in Design (Thinking) (via) · · ,
  62. New Viewport Units (by) · · , ,
  63. Deploying a Fastify and Vue 3 Static Site to Heroku (by) · · , , ,
  64. Awesome List of Free CSS [Generators] · · , , ,
  65. htmx in 100 Seconds (by/via) · · , ,
  66. The New “@ font-face” Syntax (by) · · ,
  67. Strategic UX Research Is the Next Big Thing (by/via) · · , ,
  68. Unleashing Lightning CSS · · , ,
  69. Testing the Dark Scenarios of Your Node.js Application (by+/via) · · ,
  70. Shines, Perspective, and Rotations: Fancy CSS 3D Effects for Images (by/via) · · , ,
  71. From Hacks to Elegance: Transforming a Card Component With Modern CSS Wizardry (by/via) · · , , ,
  72. Four Lenses of Productivity (by) · · ,
  73. Offset Parent and Stacking Context: Positioning Elements in All Three Dimensions (by/via) · · , ,
  74. An Introduction to Native CSS Nesting (by/via) · · , ,
  75. URL Explained: The Fundamentals (by) · ·
  76. There’s No Such Thing as a “Normal” User (by) · ·
  77. The Case Against Self-Closing Tags in HTML (by) · ·
  78. Just Normal Web Things (by) · · ,
  79. Is Lighthouse a Misleading Performance Tool? · · , , , ,
  80. A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace (by) · · , ,
  81. CSS Only Floating Labels · · , , ,
  82. Displaying Your Full-Sized YouTube Thumbnail or a Custom OG Image in a Twitter Card (by) · · , , , , ,
  83. When User Testing Sessions Bring Up Trauma (via) · · ,
  84. Understanding JWTs: A Simple Guide for Beginners · · ,
  85. Resources for Procurement of Accessible Digital Products and VPAT (by/via) · · , , , ,
  86. Redundancy Is Great (by) · ·
  87. Multithreading With Worker Threads in Node.js (via) · · , ,
  88. Introduction to the Kanban Framework: A Beginner’s Guide to Agile Project Management · · , , , ,
  89. How to Validate HTML On-Line at W3C (by) · · , , ,
  90. Creating SVG Animations Using Tailwind CSS (by+/via) · · , , ,
  91. Can We Query the Root Container? (by/via) · · ,
  92. See What’s New in Firefox [115.0] (via) · · , , ,
  93. The “article” Element and Screen Readers (by) · · , , , ,
  94. Introduction to MongoDB and NoSQL Databases (via) · · , ,
  95. The Trick to Smoothly Animating Shadows in CSS (by) · · , , ,
  96. Making the Switch: From Yarn/npm to pnpm (by) · · , ,
  97. What Is Page Bloat? And How Is It Hurting Your Business, Your Search Rank, and Your Users? (by/via) · · , , , ,
  98. Design for the Web Without Figma (by) · · ,
  99. Build a Simple Beginner App With Node, Bootstrap, and MongoDB (by/via) · · , , ,
  100. Are We There Yet? (by) · · , ,
  101. 90s Websites—Key Characteristics and Examples (via) · · , , , , ,
  102. Your Browser May Be Having a Secret Relationship With a Screen Reader (via) · · , , ,
  103. Understanding SVG Paths (by) · · ,
  104. HTML Form Validation Using Cypress (by) · · , ,
  105. How I Am Blogging the IndieWeb Way (by) · · , ,
  106. And 4 More HTML Concepts You Didn’t Know (by) · · , ,
  107. How to Use Node.js to SSH Into Remote Servers: A Comprehensive Guide (by) · · , , , , ,
  108. AI and the Automation of Work (by) · · , ,
  109. 4 Design Principles I Use Every Day to Avoid Bad UX and Create Products That Work for Everyone (by) · · , , ,
  110. The Big Problem With Variables in Figma (by/via) · ·
  111. How to Measure the Impact of a Design System? (by/via) · · , ,
  112. How to Tackle Docker and Kubernetes for Frontend · · , ,
  113. State of the Web: Deno · ·
  114. Setting Expectations for the Node.js Test Runner (by) · · ,
  115. Observing Node.js Processes With eBPF (by) · · ,
  116. In Defence of “DOM­Content­Loaded” (by) · · , ,
  117. Identify Unused npm Packages in Your Project (by) · · , ,
  118. Designers Who Code, What Is It Good For? (by) · · ,
  119. Angular Is Getting New Template Syntax (by/via) · ·
  120. New to the Web Platform in June (by/via) · · , , , , , , , ,
  121. The “details” Element and In-Page Search (by) · · , , ,
  122. CommonJS Is Hurting JavaScript (by/via) · · ,
  123. React Developers Love Preact, Here’s Why (by/via) · · , ,
  124. Introduction to JSX (by/via) · · , ,
  125. An Introduction to the View Transitions API (by/via) · · , , ,
  126. Solved: Tricky Floating Image Alignment (by/via) · · , , , ,
  127. Understanding TypeScript Generators (via) · ·
  128. Accessible Overlays Aren’t Accessible (via) · · ,
  129. WCAG 2.2, Quick and Simplified (by) · · , ,
  130. What’s the Perfect Design Process? (by/via) · · ,
  131. What’s Next for Redux With Mark Erikson (by/via) · · , , , ,
  132. Under-Engineered Comboboxen? (by) · · , , ,
  133. The Importance of Verifying Webhook Signatures (via) · · ,
  134. JavaScript Gom Jabbar (by) · ·
  135. Introduction to MySQL Data Types (via) · · , ,
  136. How to Build Things People Want to Use (by) · · ,
  137. Combat Accessibility Decay: How to Maintain Ongoing Accessibility (via) · · , ,
  138. Release Notes for Safari Technology Preview 173 (by/via) · · , , ,
  139. Form and Search Landmarks (by) · · , , , , ,
  140. Getting Started With Native Design Tokens in Figma (by/via) · · , ,
  141. JavaScript Console Methods: A Deep Dive (by) · · , , ,
  142. Why You Must Commit to Grounding Every DEI-Related Effort With Data (by+/via) · · , , ,
  143. Web and App ADA Lawsuits: 6 Trends So Far in 2023 (via) · · , ,
  144. Position-Driven Styles (by) · · ,
  145. How to Use CSS “background-size” and “background-position” (by/via) · · , ,
  146. Feature Flags Configuration, Instrumentation, and Use (via) · · , , ,
  147. 4 Ways to Improve Mobile Accessibility (by) · · ,
  148. Popular DevTools Tips (by/via) · · , ,
  149. The Fake Aura of Care in UX (via) · ·
  150. Amplify Design Values Through Building Design System (via) · · ,
  151. What’s Next for JavaScript: New Features to Look Forward To (by/via) · ·
  152. The Massive Bug at the Heart of the npm Ecosystem (by/via) · · , ,
  153. Screen Magnification: Digital Accessibilitiy (via) · · , , ,
  154. Feature Management and Feature Experimentation, Why You Should Do Both—How It Helps Both Product and Software Engineering Teams (via) · · , , ,
  155. Demystifying JavaScript Operators: What Does That Symbol Mean? (by/via) · · ,
  156. Building Sliding Cards With “position: sticky;” (by) · ·
  157. Learn How to Use Hue in CSS Colors With HSL (by/via) · · , ,
  158. Top Tips From a Web Accessibility Evaluator at WebAIM (by/via) · · , , ,
  159. AI Is Killing the Old Web, and the New Web Struggles to Be Born (by/via) · · ,
  160. The Novel Engines: Servo (by+/via) · · , , ,
  161. What’s Your Type? Try These Tests to Pick the Perfect Font for You (by+/via) · · , ,
  162. What Does the Image “decoding” Attribute Actually Do? (by) · · , ,
  163. Transition Between Pages Smoothly With a Single Line of Code (by) · · ,
  164. Tips for Upgrading Your Techstack for Faster Frontend Development (by/via) · · , , , ,
  165. Qwik Introduction—a Framework That Goes Fast (by) · · , ,
  166. Mapping Typography (by/via) · · , ,
  167. Magnification and Zoom Accessibility Guide—Everything You Need to Know (via) · · , , ,
  168. Live Regions in React (by) · · , , ,
  169. Going Beyond Constants With Custom Properties (by/via) · · ,
  170. Faking a “:snapped” Selector With Scroll-Driven Animations (by/via) · · , , ,
  171. A Beginner’s Guide to Laravel: Introduction and Key Features · · , ,
  172. Mixing Colors With CSS (by) · · ,
  173. An Introduction to Parser Combinators (by) · · ,
  174. WebSockets 101 (by/via) · · , ,
  175. XML Is the Future (by) · · ,
  176. Introduction to Cloud Computing · · ,
  177. Converting [a] JavaScript Codebase to TypeScript (by/via) · · , , ,
  178. The Case for Variables (by) · · , , , ,
  179. Using BEM for Design System Tokens (by) · · , , ,
  180. Understanding Authorization Before Authentication: Enhancing Web API Security (by/via) · · , , , ,
  181. Text Wrap Pretty Is Coming to CSS (by) · · ,
  182. Debugging INP (by) · · , , ,
  183. Choosing a Color Palette (via) · · , , ,
  184. An Introduction to Command Injection Vulnerabilities in Node.js and JavaScript (by) · · , , , ,
  185. All You Need to Know About CORS and CORS Errors (by/via) · · , ,
  186. Introducing the MDN Playground: Bring Your Code to Life (via) · · , , ,
  187. The Cost of JavaScript 2023 (by) · · , ,
  188. Component Driven User Interface Testing (CDUIT) · · ,
  189. Announcing Svelte 4 (via) · · ,
  190. The Unlikely Story of UTF-8: The Text Encoding of the Web (by) · · ,
  191. Future CSS: State Container Queries (by) · · ,
  192. Debugging Commands Every Linux Administrator Should Know · · , ,
  193. Cascade Layers Are Useless * (by) · · ,
  194. How Designers Can Beat AI at Design (by/via) · · ,
  195. Designing for Inclusion (by/via) · · , ,
  196. What Exactly Is [the] “:root” Pseudo-Element in CSS? (by/via) · · , ,
  197. WCAG 2.2 Removes 4.1.1 Parsing and How axe-core Is Impacted (by/via) · · , , ,
  198. Using Multiple Selectors With JavaScript Selector Methods (by) · · ,
  199. Too Much JavaScript? Why the Frontend Needs to Build Better (by/via) · · , ,
  200. The 5 Pillars of Every HTTP Request · ·
  201. Design Systems Directory (by) · · ,
  202. CSS in Micro Frontends (by) · · ,
  203. Creating a Flexible Design Token Taxonomy for Intuit’s Design System (by) · · ,
  204. State of CSS 2023 (by/via) · · ,
  205. Top 6 AI Coding Assistants in 2023 (by/via) · · ,
  206. W3C Launch Their New Website (by/via) · ·
  207. Three Key Principles for an Accessible Website (by+/via) · · ,
  208. Thoughts From “Meet Safari for Spatial Computing” (by) · · , , , ,
  209. Style Your RSS Feed (by) · · , , ,
  210. Making Your Design Tokens Future-Proof (by) · ·
  211. Continuous Accessibility (by) · · , ,
  212. Authentication vs. Authorization · · , ,
  213. Balancing Users’ Data Privacy and the User Experience (by/via) · · ,
  214. Balancing Users’ Needs and Business Goals in UX Design (via) · · ,
  215. Why UX Testing Is Critical to Your Web Site’s Success (by/via) · · ,
  216. Can Web Developers Be Held Liable? (via) · · ,
  217. Radix UI Component With Next.js and Tailwind CSS (by) · · , , , ,
  218. Packaging and Selling a Node.js App (by/via) · ·
  219. Gatsby Headaches and How to Cure Them: I18N II (by/via) · · ,
  220. Button Types (by) · · ,
  221. The Problem With Sticky Menus That Appear on Scroll and What to Do Instead (by) · · , ,
  222. The New CSS (by) · · , ,
  223. Import Maps to Natively Import JavaScript Modules Using Bare Names (by) · ·
  224. How to Clean Up Your Local Repository With Git Commands (by/via) · · , , ,
  225. It’s Time for Dimensional Thinking in Design (via) · · ,
  226. IndexedDB Tutorial for Beginners: A Comprehensive Guide With Coding Examples · · , , , ,
  227. Git Concepts Everyone Should Know (by) · · ,
  228. TypeScript 5.2’s New Keyword: “using” (by) · ·
  229. The Five Types of People Who Produce Inaccessible Code (by) · · ,
  230. Standardising Design Tokens (by) · · ,
  231. Scoping (by) · · ,
  232. Create React UI Lib: Component Library Speedrun (by) · · , , ,
  233. HTML Imports (by+/via) · ·
  234. What’s UnAI-Able (by/via) · ·
  235. What Are Deceptive Patterns? (via) · · ,
  236. Top 10 Things You Should Add While Coding: Valuable Tips for Programmers (by) · · ,
  237. The Next Phase of Eleventy: Return of the Side Project (by) · ·
  238. How to Add a CSS Reveal Animation to Your Images (by/via) · · , , ,
  239. Django: A Security Improvement Coming to “format_html()” (by) · · , ,
  240. Creating Scroll-Triggered Animations by Combining Scroll-Driven Animations, Custom Properties, Style Queries, and Transitions (by/via) · · , , , , ,
  241. An Explosion in Software Engineers Using AI Coding Tools? (by) · · , ,
  242. A Guide to Coding Standards to Improve Code Quality (by/via) · · , , , ,
  243. 6 Quick Tests You Can Do to Test Your Forms for Accessibility (by) · · , ,
  244. Design vs. Accessibility and the CSS “visually-hidden” Class (by/via) · · , , ,
  245. How (and Should?) We Stop the Infinite Scroll (via) · · ,
  246. Cyclic Dependency Space Toggles (by) · · , ,
  247. Simplify Email Development With MJML: A Beginner’s Guide · · , ,
  248. Puppeteer in Node.js: More Antipatterns to Avoid (via) · · , , , ,
  249. npm Won’t Publish Packages Containing the Word “keygen” · · , ,
  250. How to Build Server-Side Rendered (SSR) Svelte Apps With SvelteKit (by/via) · · , , , ,