Frontend Dogma

“2023” Archive (9)

  1. Why We Added package.json Support to Deno (by/via) · · , , ,
  2. Rich Harris Talks SvelteKit and What’s Next for Svelte (by+/via) · · , ,
  3. The 5 Best Status Page Tools (via) · · , , ,
  4. 5 Ways to Modernize Your Web Application (by/via) · · , , , , , , ,
  5. CSS Is Dead! (by) · ·
  6. The Cost of Craft (by) · · , , ,
  7. Regression Testing in the Agile Universe (via) · · , , ,
  8. Preventing Too-Short Final Lines of Text Blocks (by) · · ,
  9. The Age of Average (by) · ·
  10. The Intersection of Data Visualization and UX Design (via) · · , ,
  11. Deep Dive Into How Web Browsers Work (With Illustrations) (by) · · ,
  12. Introduction to Flutter: Getting Started With Cross-Platform Development (by) · · ,
  13. Speeding Up the JavaScript Ecosystem—npm Scripts (by) · · , , ,
  14. Laying Out a Print Book With CSS · · ,
  15. Using “forRoot()” and “forChild()” in Angular (by) · ·
  16. How to Stop a React Component From Rendering (by) · · , , ,
  17. Unexpected Moments of JavaScript That Will Challenge Your Understanding of the Language (by) · ·
  18. Design System Guide (by) · · , ,
  19. DevTools: Tricks for Copying the Styling From Any Website (by) · · , , , ,
  20. What Is Server Side Includes (SSI)? How We Can Use It? What Are the Pros and Cons of SSI? · ·
  21. Retro-Specifying Fetch/Performance (by/via) · · , ,
  22. Cryptographically Protecting Your SPA (by) · · , ,
  23. 5 Tips for New Prototypers (via) · · , ,
  24. The Problem With React (by) · ·
  25. How to Use “v-model” With Form Inputs in Vue (by) · · , ,
  26. Everything You Need to Know About the Updated React Docs (by) · · ,
  27. How Screen Readers Read Special Characters: An Update (by/via) · · , , , , ,
  28. Hijacking Screenreaders With CSS (by/via) · · , , , , ,
  29. Foundations: Pointer Gestures (by/via) · · ,
  30. Tracking the Fake GitHub Star Black Market With Dagster, dbt, and BigQuery (by+/via) · · , ,
  31. JavaScript Polyfills (by) · · ,
  32. The Ultimate Guide to Micro-Content (by/via) · · , ,
  33. Scraping Single-Page Applications With Playwright (via) · · , ,
  34. Versioning Design Tokens (by) · · , ,
  35. Internationalization in Next.js 13 With React Server Components (by/via) · · , , ,
  36. DevTools: Faster Searching in DevTools With CSS Selectors (by) · · , , , , ,
  37. Accessibility and Design Systems: The Deep-Dive Q&A (by+/via) · · , ,
  38. Accessibility Beyond Code Compliance (by) · · ,
  39. It’s About Time CAPTCHAs Become Accessible (via) · · ,
  40. Future CSS: Anchor Positioning (by) · · , ,
  41. 6 CSS Snippets Every Front-End Developer Should Know in 2023 (by/via) · ·
  42. Cool Frontend Arts of Local-First: Storage, Sync, Conflicts (by+/via) · · , ,
  43. The H1 Conundrum: Understanding the Challenges of Heading Level One (by/via) · · , , ,
  44. Git Fundamentals, a Complete Guide (by) · · , ,
  45. JavaScript for Beginners: Data Structures · · , ,
  46. VS Code vs. WebStorm: A Comparison for Newbies · · , , ,
  47. Advice From a Software Engineer With 8 Years of Experience (by) · ·
  48. TCP Echo Server for Node.js · · , ,
  49. Useful Tips and Tricks for Laravel (via) · · ,
  50. Accepting Design (by+/via) · ·
  51. Progressively Enhancing a Table With a Web Component (by) · · , , , ,
  52. How Design Is Governance (by/via) · ·
  53. Circling Back on Design and Everything Else (via) · ·
  54. Fix Color Contrast—Web Accessibility for Text and UI Design (by) · · , ,
  55. JavaScript: Automatically Remove an Event Listener After It Has Executed (by) · · ,
  56. What Leonardo Da Vinci Can Teach Us About Web Design (by/via) · · ,
  57. Modern Font Stacks (by) · · , ,
  58. The Ternary Operator in JavaScript (by) · · ,
  59. 8 Tips for Making Your Custom Web Designs Mobile Friendly (via) · · , ,
  60. Introduction to Offline First Web Applications (by/via) · · , ,
  61. What Is the Cost of Designing a Mobile App? (via) · · ,
  62. Making Calendars With Accessibility and Internationalization in Mind (by/via) · · , ,
  63. Why Aren’t Logical Properties Taking Over Everything? (by) · · , ,
  64. Best Practices for Structuring Accessibility Testing (by/via) · · , ,
  65. UX Strategy: Study Guide (by+/via) · · , , , ,
  66. Create and Download Text Files Using JavaScript (by) · ·
  67. We Don’t Need “.visually-hidden” (by/via) · · , , ,
  68. “content” Is Your Content? (by/via) · · , , , ,
  69. “Design First, Then Build”: Let’s Bury This Myth Forevermore (by/via) · · , ,
  70. The Ultimate Guide to Becoming a 10× Dev (by) · · , ,
  71. Handling CSS Color Fonts With “font-palette” (via) · · , ,
  72. View Transitions API: Creating Smooth Page Transitions (via) · · ,
  73. From UX to Growth Design: 5 Principles to Multiply Your Value (by/via) · · , ,
  74. All JavaScript and TypeScript Features From the Last 3 Years (via) · · , ,
  75. Cover All the Codebases: A Guide to Code Coverage Tools (via) · · , , , ,
  76. File Uploads for the Web: Uploading Files With HTML (by) · · ,
  77. Craft vs. Industry: Separating Concerns (by) · · , , , ,
  78. Web Cookies With a Taste of Privacy (by/via) · · , ,
  79. Selecting Previous Siblings With CSS “:has()” (by) · · ,
  80. SPA View Transitions Land in Chrome 111 (by/via) · · , , , , ,
  81. Vue vs. React: Everything You Need to Know (via) · · , ,
  82. Evolving Custom Sliders (by/via) · · ,
  83. One Problem That Is Now Solved by CSS Subgrid (by) · · ,
  84. Building Complex Forms in Vue (by/via) · · ,
  85. TypeScript’s Migration to Modules (by+/via) · · , ,
  86. Tackling Design Debt in Product (by/via) · · , ,
  87. CSS Nesting (by/via) · · ,
  88. Creating a Clock With the New CSS “sin()” and “cos()” Trigonometry Functions (by/via) · · ,
  89. How to Fix: Child Stylesheet Loading Twice (WordPress) (via) · · , ,
  90. ChatGPT and Me (a Recruiter) (via) · · , ,
  91. My Ideal Accessible Components Resource Is Holistic, Well Tested and Easy to Use (by) · · ,
  92. I No Longer Understand “prefers-contrast” (by) · · ,
  93. Static Site Generators: What’s Trending Right Now (via) · · , , , , , , ,
  94. Quick Tip: How to Cache Data in PHP (via) · · , , ,
  95. 2023 Web Framework Performance Report (by/via) · · , , , , , , , , ,
  96. Zebra Stripe Lines of Text Even When They Wrap (by) · ·
  97. As a User, I Don’t Want To (by/via) · · , ,
  98. Change Favicon on Switching Browser Tabs in JavaScript (by) · · , ,
  99. An End to Typographic Widows on the Web (by) · · ,
  100. ARIA Live Regions for JavaScript Frameworks (by/via) · · , , , ,
  101. Best Practices for Future-Proofing Your Flutter Apps in 2023 and Beyond (by/via) · · ,
  102. HTML Garden (by) · · , ,
  103. The AI Future of Frontend Development (by) · · ,
  104. Managing Fonts in WordPress Block Themes (via) · · ,
  105. A Tab Interface Before Its Time (by) · · ,
  106. What Value Does Developer Relations Bring to Other Teams? (by) · · ,
  107. The Anatomy of a Good Design: An Analysis of 4 Sites (by/via) · ·
  108. 50.1% Empty Links (by) · · , , , ,
  109. 10 Helpful JavaScript Utility Functions (by) · · ,
  110. Balanced Text Wrapping Is Coming to CSS (by) · · ,
  111. AI-Generated Git Commit Messages (by) · · , , ,
  112. Optimising Large Contentful Paint (by/via) · · , , ,
  113. Making the Case for Signals in JavaScript (by/via) · · ,
  114. The Cost of Architectural Complexity (by) · · , ,
  115. Continuous Growth Is Cancer (by) · · ,
  116. Responsive Headlines Are About to Get Awesome (by/via) · · , , ,
  117. Moving From Vue 1 to Vue 2 to Vue 3: A Case Study of Migrating a Headless CMS System (by/via) · · , , , ,
  118. Signals in Angular: The Future of Change Detection (by) · · ,
  119. Are You Making These Five Mistakes When Writing Alt Text? (by/via) · · , , ,
  120. Toolkit Tuesday: Using YouTube for Captions and Transcripts (via) · · , , ,
  121. Everything You Need to Know About the Gap After the List Marker (by/via) · ·
  122. The Art of Unlearning (by/via) · · ,
  123. Accessible but Never Boring: Rebranding the Wise Design System for Everyone (by/via) · · , ,
  124. Unlocking SVG’s Superpowers (by/via) · · , ,
  125. Learn How to Set Up a CI/CD Pipeline From Scratch (by) · · ,
  126. Relative Rounded Corners (by/via) · · ,
  127. Throttle Your CPU (by/via) · · , , ,
  128. React vs. Signals: 10 Years Later (by/via) · · , , , ,
  129. How We Built Our Multi-Platform Design System at Booking.com (by/via) · · , , ,
  130. A Native “Visually Hidden” in CSS? Yes Please! (by/via) · · , , , ,
  131. The WebAIM Strategic Accessibility Framework (via) · · ,
  132. Declarative Design (by/via) · · ,
  133. You Don’t Need a Build Step (by/via) · · , ,
  134. The Web Needs a Native “.visually-hidden” (by) · · ,
  135. A Beginner’s Guide to Manual Accessibility Testing (via) · · , ,
  136. Announcing TypeScript 5.0 RC (by/via) · · ,
  137. Could We Make the Web More Immersive Using a Simple Optical Illusion? (via) · · , ,
  138. Quick Tip: How to Handle Exceptions in PHP (via) · · , , ,
  139. Ten Tips for Better CSS Transitions and Animations (by) · · , , ,
  140. How People Read Online (by/via) · · , , ,
  141. Without Accessibility, There Is No Privacy or Security (via) · · , ,
  142. What Is “ref()” in Vue? (by) · ·
  143. Are You Testing to Test, or Testing to Prove? (via) · · ,
  144. Animated Gradient Text in CSS (by) · · , ,
  145. Conformance and Accessibility (by) · · , ,
  146. The Seven Archetypes of Organizational Topologies (by+/via) · · ,
  147. The Coolest JavaScript Features From the Last 5 Years (by) · · ,
  148. On Container Queries, Responsive Images, and JPEG-XL (by/via) · · , , , ,
  149. The Evolution of Signals in JavaScript (by/via) · · ,
  150. Simplified Dark Mode With Style Queries (by) · · , ,
  151. The Ultimate Guide to Web Development Tools (via) · · , ,
  152. A Guide to CSS “object-view-box” (via) · · ,
  153. A Guide to Accessible Form Validation (by/via) · · , , , ,
  154. 22 Useful CSS Tips and Tricks Every Developer Should Know · · ,
  155. Dithering Images With React/JavaScript (by) · · , , ,
  156. Conveniently Toggle and Add Tailwind CSS Classes in Chrome DevTools (by) · · , , , , , ,
  157. Designers, Use Your intuition (via) · · ,
  158. How to Contribute to a Project You Have No Idea About (by) · · , , ,
  159. How to Style Your Alt Text (by) · · , , ,
  160. Debugging JavaScript Like a Pro: Tools and Techniques for Finding and Fixing Bugs (by) · · , , ,
  161. Step-by-Step Guide: Creating a Template for Vue 3, Vuetify 3, and Storybook · · , ,
  162. Learn CSS Positioning (by) · · ,
  163. Crawl Weather Using Cypress (by) · · ,
  164. CSS Animation Libraries: 10 Popular Choices (via) · · , , ,
  165. Is It Time to Replace Sass? (by) · · ,
  166. Getting Started With Style Queries (by/via) · · , ,
  167. You Have the Users You Have (via) · · , ,
  168. The JavaScript Site Generator Review, 2023 (by) · · , , , , , , , , ,
  169. In-Depth Guide to CSS Logical Properties (by/via) · · , , ,
  170. 3 Common Antipersonas in UX (via) · · , ,
  171. Prepare for Chrome’s User Agent [String] Reduction (by/via) · · , , , ,
  172. 16 Best CSS Books for Beginners and Advanced Coders (via) · · , ,
  173. All About Promises in JavaScript (by) · · ,
  174. 7 Essential React Libraries for Front-End Web Development (by) · · , ,
  175. Experiments With the JavaScript Garbage Collector (by/via) · · ,
  176. Successful Teams Ensure 100% of Their Members Understand Keyboard Accessibility (via) · ·
  177. Node.js Toolbox (by) · · , ,
  178. Privacy Principles (by+/via) · · ,
  179. What Framework Should I Use? (by) · ·
  180. Understanding the Difference Between Props and State in React · · , , ,
  181. How Shadow DOM and Accessibility Are in Conflict (by/via) · · , ,
  182. How to Handle Date and Time With JavaScript (via) · · ,
  183. Thoughts on Dev Rel in the Post-Twitter Era (by) · · , ,
  184. The Page With No Code (by) · · , ,
  185. Understanding Easing and Cubic Bézier Curves in CSS (by) · · , ,
  186. When JavaScript Fails (by) · ·
  187. The Importance of Adding Accessibility Design Reviews to the Design Process (by/via) · · , ,
  188. The Great Gaslighting of the JavaScript Era (by) · · , ,
  189. Open Captions vs. Closed Captions: What’s the Difference? (via) · · , ,
  190. Automatic Captions: Our Experiments and Best Practices (via) · · , , ,
  191. The State of Node.js Core (by/via) · · ,
  192. Where Does Developer Relations Belong in an Organization? (by) · · ,
  193. Learn Privacy (by/via) · · ,
  194. Learn All About Node.js Worker Threads With Examples (via) · · , ,
  195. React Libraries for 2023 (by) · · , ,
  196. Quick Tip: How to Trim Whitespace With PHP (via) · · , ,
  197. Style File Selector Button Using CSS (by) · · ,
  198. Updating a Design System (via) · · ,
  199. Understanding the Cost of Not Being Accessible (by) · · ,
  200. The State of JS Frameworks (by+/via) · · , ,
  201. Surviving Design Systems (by/via) · ·
  202. Use the Child-Element Count in CSS (by) · · ,
  203. Not Everyone Uses a Computer in the Same Way That You Do (by/via) · · ,
  204. Design Systems in the Time of AI (by) · · ,
  205. “Make It Easier” Is Not a Product Strategy (by/via) · · , ,
  206. Ethical Alternatives to Revenue-Generating Deceptive Patterns (via) · · , , ,
  207. ARIA vs. HTML (by) · · , , , ,
  208. 5 Super Useful CSS Properties That Don’t Get Enough Attention (by) · · ,
  209. “(255,255,255)” Is the Highest Specificity (by/via) · · ,
  210. Ideas for Making Accessibility and Equity a Core Part of the Software Development Lifecycle (by) · · , ,
  211. How to Password-Protect a Static HTML Page With No JS (by) · · , , ,
  212. Create a Rainbow-Coloured List With “:nth-of-type()” (by) · · , ,
  213. Keys to an Accessibility Mindset (by/via) · · ,
  214. Using Focal Points, Aspect Ratio, and Object-Fit to Crop Images Correctly (by) · · ,
  215. Avoid Spanning Table Headers (by) · · , , ,
  216. Last Baseline Alignment (by/via) · · , , ,
  217. Arranging Diamond Tiles in a Grid (by) · · ,
  218. All About Iterative Design (by/via) · · ,
  219. Representation of Style (by) · · ,
  220. My CSS Wishlist 2023 (by) · · ,
  221. The Spirit of CSS-Tricks Is Now Gone (by) · · ,
  222. Do We Need CSS “flex-wrap” Detection? (by) · · ,
  223. To Sketch or Not to Sketch? (via) · · ,
  224. Resizing With CSS (by/via) · · ,
  225. Using Node Watch Instead of Nodemon (by) · · ,
  226. Unlocking the Power of Design to Help Users Make Smart Decisions (via) · · ,
  227. How to Build Offline Web Applications (by) · · , ,
  228. A Step-by-Step Guide to Building Accessible Carousels (by/via) · · , , , ,
  229. If You’re Going to Do a Job, Do It Properly (by) · · ,
  230. Software Accessibility for Users With Attention Deficit Disorder (ADHD) (via) · ·
  231. Declarative Shadow DOM (by+/via) · · , ,
  232. Don’t Use 403s or 404s for Rate Limiting (by/via) · · ,
  233. Building an Animated SVG Logo With animejs (by/via) · · , , ,
  234. What to Expect From Vue in 2023 and How It Differs From React (by/via) · · , ,
  235. My 2023 CSS Wishlist (by) · · ,
  236. Buttons, Links, and Focus (by) · · , , , ,
  237. How to Use View Transitions in Hotwire Turbo (by/via) · · , ,
  238. Igalia Chats/Shop Talk Crossover: Ecosystem Health Part IX (by+/via) · · , , ,
  239. Screen Readers Don’t Convey the Semantics of “strong” and “em” (by) · · , , , , ,
  240. Scaling Accessibility Through Design Systems (by+/via) · · , , ,
  241. Writing JavaScript Without a Build System (by) · · ,
  242. The Return to the Office Could Be the Real Reason for the Slump in Productivity (by/via) · ·
  243. ChatGPT Can Write Good CSS? (by/via) · · , ,
  244. The User Activation API (by/via) · · ,
  245. IT Incident Management (by/via) · ·
  246. Angular Reactivity With Signals (by/via) · · , ,
  247. A Practical Approach to Automated Accessibility (by) · · , ,
  248. How the Web Works: Understanding the Architecture of the Web (by) · · , ,
  249. Some of the Future Is Now for CSS: A Postscript (by) · ·
  250. Is It Worth Learning JavaScript? Popularity, Salaries, and Future (via) · · ,