Frontend Dogma

“2023” Archive (10)

  1. On Container Queries, Responsive Images, and JPEG-XL (by/via) · · , , , ,
  2. Designers, Use Your intuition (via) · · ,
  3. Dithering Images With React/JavaScript (by) · · , , ,
  4. Conveniently Toggle and Add Tailwind CSS Classes in Chrome DevTools (by) · · , , , , , ,
  5. 22 Useful CSS Tips and Tricks Every Developer Should Know · · ,
  6. Step-by-Step Guide: Creating a Template for Vue 3, Vuetify 3, and Storybook · · , , ,
  7. Is It Time to Replace Sass? (by) · · , ,
  8. Learn CSS Positioning (by) · · , ,
  9. How to Style Your Alt Text (by) · · , , ,
  10. How to Contribute to a Project You Have No Idea About (by) · · , , ,
  11. Debugging JavaScript Like a Pro: Tools and Techniques for Finding and Fixing Bugs (by) · · , , ,
  12. CSS Animation Libraries: 10 Popular Choices (via) · · , , ,
  13. Crawl Weather Using Cypress (by) · · ,
  14. In-Depth Guide to CSS Logical Properties (by/via) · · , , ,
  15. You Have the Users You Have (via) · · , ,
  16. The JavaScript Site Generator Review, 2023 (by) · · , , , , , , , , ,
  17. Prepare for Chrome’s User Agent [String] Reduction (by/via) · · , , , ,
  18. Getting Started With Style Queries (by/via) · · , ,
  19. 3 Common Antipersonas in UX (via) · · , ,
  20. Node.js Toolbox (by) · · , , ,
  21. Successful Teams Ensure 100% of Their Members Understand Keyboard Accessibility (via) · ·
  22. Privacy Principles (by+/via) · · ,
  23. Experiments With the JavaScript Garbage Collector (by/via) · · , ,
  24. All About Promises in JavaScript (by) · · ,
  25. 7 Essential React Libraries for Front-End Web Development (by) · · , ,
  26. 16 Best CSS Books for Beginners and Advanced Coders (via) · · , ,
  27. When JavaScript Fails (by) · ·
  28. Where Does Developer Relations Belong in an Organization? (by) · · ,
  29. What Framework Should I Use? (by) · ·
  30. Understanding the Difference Between Props and State in React · · , , ,
  31. Understanding Easing and Cubic Bézier Curves in CSS (by) · · , ,
  32. Thoughts on Dev Rel in the Post-Twitter Era (by) · · , ,
  33. The State of Node.js Core (by/via) · · ,
  34. The Page With No Code (by) · · , ,
  35. The Importance of Adding Accessibility Design Reviews to the Design Process (by/via) · · , ,
  36. The Great Gaslighting of the JavaScript Era (by) · · , ,
  37. Open Captions vs. Closed Captions: What’s the Difference? (via) · · , ,
  38. Learn Privacy (by/via) · · ,
  39. How to Handle Date and Time With JavaScript (via) · · ,
  40. How Shadow DOM and Accessibility Are in Conflict (by/via) · · , ,
  41. Automatic Captions: Our Experiments and Best Practices (via) · · , , ,
  42. Quick Tip: How to Trim Whitespace With PHP (by/via) · · , , ,
  43. Updating a Design System (via) · · ,
  44. “Make It Easier” Is Not a Product Strategy (by/via) · · , ,
  45. Ethical Alternatives to Revenue-Generating Deceptive Patterns (via) · · , , ,
  46. Surviving Design Systems (by/via) · ·
  47. 5 Super Useful CSS Properties That Don’t Get Enough Attention (by) · · ,
  48. Use the Child-Element Count in CSS (by) · · ,
  49. Understanding the Cost of Not Being Accessible (by) · · ,
  50. The State of JS Frameworks (by+/via) · · , ,
  51. Style File Selector Button Using CSS (by) · · ,
  52. React Libraries for 2023 (by) · · , ,
  53. Not Everyone Uses a Computer in the Same Way That You Do (by/via) · · ,
  54. Learn All About Node.js Worker Threads With Examples (via) · · , ,
  55. Design Systems in the Time of AI (by) · · ,
  56. ARIA vs. HTML (by) · · , , , ,
  57. “(255,255,255)” Is the Highest Specificity (by/via) · · , ,
  58. Arranging Diamond Tiles in a Grid (by) · · , ,
  59. Using Focal Points, Aspect Ratio, and Object-Fit to Crop Images Correctly (by) · · ,
  60. Last Baseline Alignment (by/via) · · , , ,
  61. Keys to an Accessibility Mindset (by/via) · · ,
  62. Ideas for Making Accessibility and Equity a Core Part of the Software Development Lifecycle (by) · · , ,
  63. How to Password-Protect a Static HTML Page With No JS (by) · · , , ,
  64. Create a Rainbow-Coloured List With “:nth-of-type()” (by) · · , ,
  65. Avoid Spanning Table Headers (by) · · , , ,
  66. All About Iterative Design (by/via) · · ,
  67. Do We Need CSS “flex-wrap” Detection? (by) · · , ,
  68. The Spirit of CSS-Tricks Is Now Gone (by) · · ,
  69. Representation of Style (by) · · ,
  70. My CSS Wishlist 2023 (by) · · ,
  71. CSS Through the Ages (by) · · ,
  72. To Sketch or Not to Sketch? (via) · · ,
  73. Top Ten Popular Static Site Generators (SSG) in 2023 (by) · · , , , , , , , ,
  74. Encapsulating CSS With Shadow DOM (via) · · , , ,
  75. Software Accessibility for Users With Attention Deficit Disorder (ADHD) (via) · ·
  76. Using Node Watch Instead of Nodemon (by) · · ,
  77. Unlocking the Power of Design to Help Users Make Smart Decisions (via) · · ,
  78. Resizing With CSS (by/via) · · ,
  79. If You’re Going to Do a Job, Do It Properly (by) · · ,
  80. How to Build Offline Web Applications (by) · · , ,
  81. Don’t Use 403s or 404s for Rate Limiting (by/via) · · ,
  82. Declarative Shadow DOM (by+/via) · · , ,
  83. A Step-by-Step Guide to Building Accessible Carousels (by/via) · · , , , ,
  84. How to Use WebSockets in a Redux Application (by) · · , , ,
  85. ChatGPT Can Write Good CSS? (by/via) · · , ,
  86. PHP Wishlist: The Pipe Operator (by) · · ,
  87. Building an Animated SVG Logo With animejs (by/via) · · , , , ,
  88. Writing JavaScript Without a Build System (by) · · ,
  89. What to Expect From Vue in 2023 and How It Differs From React (by/via) · · , ,
  90. The Return to the Office Could Be the Real Reason for the Slump in Productivity (by/via) · ·
  91. Screen Readers Don’t Convey the Semantics of “strong” and “em” (by) · · , , , , ,
  92. Scaling Accessibility Through Design Systems (by+/via) · · , , ,
  93. My 2023 CSS Wishlist (by) · · ,
  94. Igalia Chats/Shop Talk Crossover: Ecosystem Health Part IX (by+/via) · · , , ,
  95. How to Use View Transitions in Hotwire Turbo (by/via) · · , ,
  96. Buttons, Links, and Focus (by) · · , , , ,
  97. The User Activation API (by/via) · · ,
  98. Some of the Future Is Now for CSS: A Postscript (by) · ·
  99. IT Incident Management (by/via) · ·
  100. Is It Worth Learning JavaScript? Popularity, Salaries, and Future (via) · · ,
  101. How the Web Works: Understanding the Architecture of the Web (by) · · , ,
  102. Angular Reactivity With Signals (by/via) · · , ,
  103. A Practical Approach to Automated Accessibility (by) · · , ,
  104. CSS Grid Gap Behavior With Hidden Elements (by) · · , ,
  105. Quick Tip: How to Hash a Password in PHP (by/via) · · , , , ,
  106. Well-Known Symbols (by) · ·
  107. Using Playwright to Monitor Third-Party Resources That Could Impact User Experience (by/via) · · ,
  108. The Modern Web’s Underrated Powerhouse (by/via) · ·
  109. The (Extremely) Loud Minority (by) · · ,
  110. My CSS Wish List (by) · · ,
  111. Microsoft to Phase Out Internet Explorer With Newer Edge Browser (by/via) · · , , ,
  112. Mastodon and Open Graph (by) · · , , , ,
  113. Is It Time to Go Back to the Monolith? (by) · ·
  114. How to Inspect Interactions in the Browser (by/via) · · , , ,
  115. CSS Nesting Module (by+/via) · · ,
  116. Container Queries Land in Stable Browsers (by/via) · · , , ,
  117. Automation Is Not the Enemy (by) · · , ,
  118. This Is Why Performance Matters (by) · · , ,
  119. So, What’s Next [for core-js]? (by) · · , , ,
  120. Git: How to Skip Hooks (by) · · ,
  121. Declarative Shadow DOM (by/via) · · ,
  122. Change Tab Bar Color Dynamically Using JavaScript (by) · · , , ,
  123. An Approach to Lazy Loading Custom Elements (via) · · , ,
  124. Using the Multi-Keyword Syntax With CSS Display (by/via) · ·
  125. Technical Writing Process: How to Write a Good Technical Article (by) · · , ,
  126. Sandboxing JavaScript Code (by) · · ,
  127. Rethinking the Modern Web (by) · · , ,
  128. MathML in Chrome · · , , , ,
  129. Why Developers Should Learn Docker and Kubernetes in 2023 (by) · · ,
  130. Technical SEO Basics for React Developers (by) · · , ,
  131. My CSS Wishlist (by) · · ,
  132. Automated Testing Won’t Solve Web Accessibility (by) · · , ,
  133. A Minimal, Multi-Framework, Responsive Image Component (by) · · , ,
  134. A Comparison of SUS, UMUX-LITE, and UEQ-S (via) · · , , ,
  135. Platform Engineering Teams Done Right… (by) · · ,
  136. Why I’m Not the Biggest Fan of Single Page Applications (by) · ·
  137. Foundations: Introduction to WAI–ARIA (by/via) · · , ,
  138. You Kinda Want an Orange Favicon (by) · · , , ,
  139. The Case for Frameworks (by) · · , ,
  140. React.js: The Documentary (via) · · , ,
  141. Quick Guide for YAML · · ,
  142. Improved Font Fallbacks (by/via) · · , ,
  143. How to Scale Node.js Applications With Clustering (by/via) · · , ,
  144. Discovering Primitive Objects in JavaScript (via) · · ,
  145. Different Ways to Get CSS Gradient Shadows (by/via) · · , ,
  146. Caching at DEV (by) · · , ,
  147. The Troublesome Life and Lamentable Death of Success Criterion 4.1.1 · · , , ,
  148. What’s New in Lighthouse 10 (by/via) · · , , ,
  149. My CSS Wishlist (by) · · ,
  150. Moving Backgrounds (by/via) · · ,
  151. More Control Over “:nth-child()” Selections With the “of S” Syntax (by/via) · · ,
  152. Classless CSS Frameworks (by) · · ,
  153. Can You Be a Designer if You Have No Training? (by) · · ,
  154. Introduction to Symfony PHP Framework (by) · · ,
  155. Use Maps More and Objects Less (by/via) · · ,
  156. Try Out CSS Nesting Today (by/via) · · , , ,
  157. Top 13 Node.js Books for Beginners and Advanced Coders (via) · · , ,
  158. No SVG, No Image, CSS-Only Fluid Slider With “input[type=range]” (by) · · , , ,
  159. CSS Wish List 2023 (by) · · ,
  160. Creating Sites, the Jamstack Way (via) · · ,
  161. Nest.js Crash Course—Introduction and Setup (by) · · , , ,
  162. Theming a Design System (via) · · ,
  163. Advanced Figma Prototyping Tips and Tricks (by/via) · · , ,
  164. The Story of the World Wide Web (by) · · , , , , , , ,
  165. Quick Tip: How to Check if a Variable Is Set in PHP (by/via) · · , ,
  166. How to Write Semantic CSS (by) · · , , ,
  167. Testing Colour Accessibility With Dev Tools (by/via) · · , , , ,
  168. Table of Contents Progress Animation (by) · · , , ,
  169. Mozilla, Like Google, Is Looking Ahead to the End of Apple’s WebKit Rule (by/via) · · , , , , ,
  170. Modularizing React Applications With Established UI Patterns (by/via) · · , ,
  171. How to Build Accessible Main Navigation? (by/via) · · , ,
  172. How to Add an Event Handler in React (by) · · , , ,
  173. Focus Appearance Thoughts (by) · · , ,
  174. A “color-contrast()” Strategy for Complimentary Translucent Backgrounds (by) · · , , , ,
  175. Should Inclusive Design Be a UX Concern? (by/via) · · , ,
  176. How to Build a Magazine Layout With CSS Grid Areas (by/via) · · , , ,
  177. Supporting CSS Multi Direction Languages in 2023 (by/via) · · , ,
  178. My Favourite 3 Lines of CSS (by/via) · ·
  179. Qodana Code Quality Platform—Overview (by/via) · · , , , , ,
  180. The “margin-trim” Property (by) · ·
  181. The Different Names for Values in CSS (by) · ·
  182. The Difference Between Iteration and Prototyping (by) · · , ,
  183. Testing Vue Components the Right Way (by) · · , ,
  184. Non-Text Content Contrast Also Matters (by) · · , ,
  185. Mozilla’s Abandoned Servo Web Engine Is Making a Comeback in 2023 (by/via) · · , , ,
  186. Interop 2023 CMS Checkin (by) · · , , , , ,
  187. How to Favicon in 2023: Six Files That Fit Most Needs (by/via) · · , ,
  188. Frontend Frameworks for Web-App Development (via) · · ,
  189. Building a Dev Blog With the Pelican Static Site Generator (by) · · ,
  190. A Historical Reference of React Criticism (by) · · ,
  191. Speeding Up the JavaScript Ecosystem—ESLint (by) · · , , ,
  192. React Anti-Patterns and Best Practices—Dos and Don’ts (by) · · , ,
  193. How to Pick a Font (That Doesn’t Suck) (by) · · , , ,
  194. Discovery in Agile (by/via) · · ,
  195. The Market for Lemons (by) · · , ,
  196. Rotating Gallery With CSS Scroll-Driven Animations (by) · · , , , ,
  197. Typography Manual (by) · · ,
  198. Multi-Threaded React App Using useWorker (by) · · , , ,
  199. How to Make a Zoom Effect Using CSS (by/via) · · , ,
  200. Foundation: The Best Framework for Building Responsive Sites (via) · ·
  201. Advice for Engineers, From a Manager (by) · · , , ,
  202. What Is Bootstrap: A Beginner’s Guide (by/via) · · ,
  203. WCAG 2.2 Update: It’s Time to Say Goodbye to the Parsing Criterion (by) · · , ,
  204. The YAML Document From Hell—JavaScript Edition (by) · · ,
  205. How to Get the Last Matching Item in an Array With Vanilla JavaScript (by) · · , ,
  206. How to Build a Static Website (by/via) · · ,
  207. High Definition CSS Color Guide (by/via) · · , ,
  208. Design for AI: What Should People Who Design AI Know? (by/via) · · ,
  209. 3 Notion Templates to Better Manage Your Design System (by) · · , ,
  210. Quick Tip: How to Manage Timezones in PHP (by/via) · · , , ,
  211. Cancel Duplicate Fetch Requests in JavaScript Enhanced Forms (by) · · ,
  212. WordPress.com Introduces Browse Mode, Style Book, and Push to Global Styles Features (by/via) · ·
  213. Why Is Making a Dark Mode Greyscale So Hard to Get Right? (by) · · , , ,
  214. Understanding App Directory Architecture in Next.js (by/via) · · ,
  215. The Guide to Responsive Design in 2023 and Beyond (by) · · ,
  216. The Gotcha With Animating Custom Properties (by/via) · · , , ,
  217. Screen Reader Quick Guide (by) · · , , ,
  218. Pushing Interop Forward in 2023 (by+/via) · · ,
  219. Modular Web Design: Flexibility, Examples, and Alternatives · ·
  220. Microsoft Edge and Interop 2023 (via) · · , , , ,
  221. Learn Images (by/via) · · , , , , , , ,
  222. Interop 2023 (via) · · ,
  223. Interop 2023: Continuing to Improve the Web for Developers (by+/via) · · ,
  224. Igalia and Interop 2023 (via) · · ,
  225. How the CSS “box-sizing” Property Works (by) · · ,
  226. Hex Colors Aren’t Great at Anything Except Being Popular (by) · · ,
  227. Gatsby Is Joining Netlify (by/via) · · ,
  228. Don’t Use Return Types, Unless… (by) · · ,
  229. Caching Data in SvelteKit (by/via) · · ,
  230. Announcing Interop 2023 (via) · · ,
  231. Invoking React Components From Your Ember Apps (by) · · , ,
  232. Should You Start a Web Development YouTube Channel in 2023? (by/via) · · , ,
  233. Understanding Color and Accessibility (by) · · ,
  234. Typographic Hierarchy in Print, Web, and App Design (by) · · ,
  235. The Ultimate Guide to JavaScript Error Handling (by/via) · · , ,
  236. Speed for Who? (by) · · , , ,
  237. Setting Expectations for Asking ChatGPT Web Accessibility Questions (by) · · ,
  238. New to the Web Platform in January (by/via) · · , , , , , , , ,
  239. External Links: In or Out (by/via) · · , , ,
  240. 6 Approaches for Data Fetching in React (by) · · ,
  241. 19 Must-Visit Sites for Product Design Inspiration (by/via) · · ,
  242. Using Local Storage in JavaScript and React (by) · · , ,
  243. Easy SVG Customization and Animation: A Practical Guide (by/via) · · , , ,
  244. CSS “color-mix()” (by/via) · ·
  245. Léonie Watson on Accessibility (by+/via) · · , ,
  246. You’ve Got Options for Removing Event Listeners (by) · · ,
  247. New WCAG 2.2 Features Rated (by) · · , ,
  248. An Introduction to MIME Types (by/via) · · ,
  249. Accessible Hamburger Buttons Without JavaScript · · , ,
  250. 10 GitHub Repositories You Should Know as a JavaScript Developer (by) · · , , , ,