Frontend Dogma

“2023” Archive (5)

  1. WCAG 3.0: Further on Up the Road (by/via) · · , ,
  2. Google Tag Manager Performance: 9 Tips for Faster Site Speed (via) · · , , ,
  3. OKLCH in CSS: Consistent, Accessible Color Palettes (by/via) · · , , , ,
  4. Deprecating the “unload” Event (by+/via) · · , , , ,
  5. Defining Test Cases and Priorities (by/via) · ·
  6. Node.js’s Config Hell Problem (by/via) · · , , , ,
  7. It’s Time to End Damaging Website Design Practices That May Harm Your Users (via) · · , , , ,
  8. An Introduction to the esbuild Bundler (by/via) · · , ,
  9. Progressively Enhanced HTML Accordion (by) · · , , ,
  10. A Beginner’s Guide to CSS Grid Layout (by/via) · · , ,
  11. Lean UX and Agile: Study Guide (by/via) · · , , , ,
  12. What Does It Mean for Web Browsers to Have a Baseline (by/via) · · , , ,
  13. My Experience Modernizing Packages to ESM (by) · · , ,
  14. User-Adaptive Interfaces With “AccentColor” (by) · · ,
  15. An Introduction to htmx, the HTML-Focused Dynamic UI Library (by/via) · · ,
  16. Micro Benevolences (by/via) · · , , ,
  17. An Intro to State-Based UI With JavaScript (by) · · , ,
  18. Definition of Done vs. Acceptance Criteria: What’s the Difference? (by/via) · · , , ,
  19. 8 Common Heading Questions (via) · · , ,
  20. UX Is Not Dead, It’s Just Misunderstood (by/via) · ·
  21. 200 Web-Based, Must-Try Web Design and Development Tools (by) · · ,
  22. OpenAI Launches Web Crawling GPTBot, Sparking Blocking Effort by Website Owners and Creators (via) · · , ,
  23. An Update on Chrome Security Updates—Shipping Security Fixes to You Faster (via) · · , , ,
  24. What Happens When You Select “count(*)” in MySQL (by) · · ,
  25. Migrating My Blog From Gatsby to Astro (by) · · , ,
  26. A Guide to Single-Page Application Performance (via) · · , , , ,
  27. JSX Without React (by) · · ,
  28. Progressively Enhanced Form Validation: HTML and CSS (by/via) · · , , , ,
  29. How to Improve Performance of Your Database by Indexing Large Tables (by) · · , , ,
  30. You Don’t Need a Mentor: Embracing the Power of Community (by/via) · · , ,
  31. Some Tactics for Writing in Public (by) · · , ,
  32. Alt Text Hall of Fame (by/via) · · , , ,
  33. Top 7 Things That Kill Developer Productivity (by) · · , , , , ,
  34. OpenAI’s ChatGPT New Web Crawler—GPTBot (by/via) · · ,
  35. Beautify Your Git Log With a Single Command (by) · · ,
  36. Optimizing Speed on ebay.com (by) · · , , ,
  37. Scrolljacking 101 (via) · · ,
  38. A Compilation of Outstanding Testing Articles (With JavaScript) (by/via) · · , ,
  39. Assistive Technology Shouldn’t Be a Mystery Box (by) · · , , , , ,
  40. Designing Accessible Text Over Images: Best Practices, Techniques, and Resources (by/via) · · , , , ,
  41. Finding My Blogging Path: Lessons From My Journey (by) · · , , , ,
  42. The Next Generation of Web Layouts (by) · · , ,
  43. Route-Based Code Splitting With React (by) · · , ,
  44. The Easy Intro to the APCA Contrast Method (by) · · , , , ,
  45. How Google Measures Developer Productivity (by) · · , , , ,
  46. Implementing Design Tokens: Colors (by) · · ,
  47. Insertion Sort: A Deep Dive (by) · · ,
  48. Things You Forgot (or Never Knew) Because of React (by) · · , ,
  49. How Does Reflowing Content Affect People With Screen Magnification? (via) · · , , ,
  50. An Overview of CSS Sizing Units (by/via) · · , ,
  51. Contextual Form Errors and ARIA (by) · · , , ,
  52. New DOJ Web Accessibility Regulation Is a Disaster (by/via) · · ,
  53. A Blog Post With Every HTML Element (by) · · ,
  54. Prepare to Spy on a Method Added Dynamically (by) · · , , , ,
  55. How We Optimized Performance to Serve a Global Audience (by/via) · · , ,
  56. How to Use the CSS Grid “repeat()” Function (by/via) · · , , ,
  57. No Exit — Every Feed Is a Traffic Jam (by/via) · · , ,
  58. Accessibility of the Button: Should We Fix It or the Root Cause Problem? (via) · · , ,
  59. Why Isn’t “z-index” Working? (by+/via) · · ,
  60. Creating Custom Easing Effects in CSS Animations Using the “linear()” Function (by/via) · · , ,
  61. Mixing Colors to Create Variants in CSS (by) · · ,
  62. Evading JavaScript Anti-Debugging Techniques (by/via) · · ,
  63. Understanding React Server Components (by/via) · · ,
  64. What’s New in Svelte: August 2023 (by/via) · · , ,
  65. CSS and Accessibility: Inclusion Through User Choice (by/via) · · , , ,
  66. Tuesday, August 8, 2023 Security Releases (by/via) · · , ,
  67. How to Earn High-Authority Links That Drive Rankings (by/via) · · , ,
  68. The Curious Case of “iff” and Overriding Screenreader Pronunciations (by) · · , , , ,
  69. New to the Web Platform in July (by/via) · · , , , , , , , ,
  70. Front End Practice: Top 25+ JavaScript Code Best Practices for Development · · ,
  71. What Happens When Developers Are Liable for Accessibility? (via) · · ,
  72. Accessibility Represents Maturity (by) · · ,
  73. Start by Writing Messy Code (by) · · ,
  74. Randomness in CSS Using Trigonometry (by) · · ,
  75. Why I No Longer Believe in Content Design (by/via) · · , ,
  76. The Virtual Keyboard API (by) · ·
  77. Contrast Checker Bookmarklet (via) · · , , ,
  78. Should New Developers Use AI Coding Tools? (by) · · , , , ,
  79. A Future of Themes With CSS Container Style Queries (by) · · , ,
  80. Resume and Pause Animations in CSS (by) · · ,
  81. Design Systems Management From Bottom–Up (by/via) · · ,
  82. If Web Components Are So Great, Why Am I Not Using Them? (by) · ·
  83. Run JavaScript/WASM in Python: High-Level SpiderMonkey Bindings to Python With PythonMonkey · · , ,
  84. How to Define an Array of Colors With CSS (by/via) · · , , ,
  85. How “position: absolute” Works in CSS Grid (by/via) · · , ,
  86. Mastering Git Shortcuts: A Guide to Git Aliases (by) · · , ,
  87. Toggles Suck! (by/via) · · , ,
  88. Do We Need WCAG 3 (Now)? (by) · · , ,
  89. The Web Development Glossary 3K (by) · · , , , ,
  90. Release Notes for Safari Technology Preview 175 (by/via) · · , , ,
  91. Adapting Typography to User Preferences With CSS (by/via) · · , ,
  92. Speeding Up V8 Heap Snapshots (by/via) · · , , , ,
  93. The Future of Design Systems Is Semantic (by/via) · · , ,
  94. How to Make Your Captions and Audio Descriptions WCAG-Compliant (via) · · , , , , ,
  95. What Is Platform Engineering (and What Is It Not)? (by) · ·
  96. You Probably Don’t Need “http-equiv” Meta Tags (by) · · , , ,
  97. Publishing With npm Provenance From Private Source Repositories Is No Longer Supported (via) · · , , , ,
  98. Help Design the Inaugural “State of HTML” Survey (by) · · ,
  99. Is Jamstack Officially Finished? (by) · · , ,
  100. How I Name and Arrange My Color Variables in Figma (by) · · , ,
  101. How to Use CSS “aspect-ratio” (by/via) · · ,
  102. Testing a Component’s Accessibility (via) · · , , ,
  103. The Joy of Simplicity in Web Development (by) · · ,
  104. Tailwind, and the Death of Web Craftsmanship · · , ,
  105. CrBug Release Indicator (by/via) · · , ,
  106. Fetching Data From an HTTP API With Python (by/via) · · , ,
  107. The Rise of Minimalism in Web Design: Less Is More (by/via) · · ,
  108. Combining Data With Multiple Fetch Requests (by) · · , ,
  109. Promises Training (by) · · , , ,
  110. Application State Management With Angular Signals (by) · · , ,
  111. Web Accessibility in High-Risk Segments (by) · · , ,
  112. Solving the Accessibility Palette Riddle (by/via) · · , ,
  113. Microservices vs. Micro Frontends: What’s the Difference? (by) · · , ,
  114. Blockquotes in Screen Readers (by) · · , , , , ,
  115. Social Engineering Campaign Targeting Tech Employees Spreading Through npm Malware (via) · · ,
  116. Vision for W3C (by/via) · · , , ,
  117. What to Do When Your Developers Don’t Collaborate (by/via) · · ,
  118. Benefits of Integrating UX Into Your Overall Business Strategy (via) · · ,
  119. Core Web Vitals for Search Engine Optimisation: What Do We Need to Know? (by) · · , ,
  120. Getting Started With Pico CSS (by/via) · · ,
  121. WebKit Features in Safari 16.6 (by/via) · · , , , ,
  122. 10 Simple CSS and JavaScript Micro-Interactions for Buttons (by/via) · · , , ,
  123. The New “X” Button Doesn’t Close the Website · · , ,
  124. I Blame the W3C’s HTML Standard for Ordered Lists (by) · · ,
  125. The Problem With Auto-Generated Alternative Texts for Images (by) · · , ,
  126. Securing the Web Forward: Addressing Developer Concerns in Web Security (by/via) · · , ,
  127. SVG Gradients: Solving Curved Challenges (via) · · ,
  128. Understanding the WCAG 3 Working Draft Update (by) · · ,
  129. 6 Ways ChatGPT Can Improve Your SEO (by/via) · · , , ,
  130. A Comprehensive Comparison of Bootstrap, Tailwind CSS, Windi CSS, and UnoCSS: Features, Pros, and Cons · · , , ,
  131. Good Code Is— (by) · · ,
  132. Using Imagery in Visual Design (by/via) · · , ,
  133. Effective Code Reviews (by) · · , , ,
  134. Accessible Animated GIF Alternatives (by/via) · · , , , ,
  135. Why Learning to Program Is Easier Now, but Also Way Harder Than Before (by) · · , , ,
  136. CSP Testing Using Cypress (by) · · , ,
  137. Enable Hover Conditionally in CSS (by) · ·
  138. The Art of Looking Back: A Critical Reflection for Individual Contributors (by/via) · · , ,
  139. How SEOs and UX Designers Can Work Better Together (by/via) · · , , ,
  140. We Deleted More Than 5,000 Pages From Our College Website—Here’s Why (by/via) · · , ,
  141. From Mid to Senior: Time Management and Prioritization (by) · · , ,
  142. CSS Cascade Layers (by+/via) · · , ,
  143. Ember JS Essentials: A Beginner’s Guide (via) · · ,
  144. Web Content Accessibility Guidelines (WCAG) 2.2 (by+/via) · · , , ,
  145. Design Systems: Avoiding Common Pitfalls (via) · ·
  146. How to Use CSS “object-fit” and “object-position” (by/via) · · , ,
  147. A Guide to Perfecting Pull Requests (by) · · , , ,
  148. DX in the Frontend Developer Ecosystem (by/via) · · ,
  149. What’s New in DevTools: Network, Console, Wasm (Chrome 113–115) (by/via) · · , , , , , ,
  150. Good Code Is Like a Love Letter to the Next Developer Who Will Maintain It (by) · · , , ,
  151. Visually Hidden Links With 0 Dimensions (by) · · , , , ,
  152. Encoding: A Brief History and Its Role in Cybersecurity (by/via) · · , , ,
  153. How to Build and Deploy a Modern Day Next.js Application (by/via) · · , , ,
  154. How Platform Teams Get Stuff Done (by/via) · · , ,
  155. What Is the Bento UI Trend, and How Can You Get Started? (via) · · ,
  156. SvelteKit in 100 Seconds (by/via) · · , ,
  157. Getting Instant Return From Your Accessibility Testing (by) · · ,
  158. Anyone Else Notice That [Hacker News] Isn’t Full of JavaScript Frameworks Lately? · · , ,
  159. An Introduction to Langchain, Python, and OpenAI · · , , ,
  160. Signals Make Angular Much Easier (by) · · ,
  161. Figma Now Supports “rem” Units: Understanding the Use and Benefits (by/via) · · , , ,
  162. Getting Started With CSS Nesting (by) · · , , ,
  163. O “dialog” Focus, Where Art Thou? (by) · · , , ,
  164. Node.js Security Progress Report—17 Reports Closed (via) · · ,
  165. The Power of Git: A Guide to Collaborative Version Control (by/via) · · , ,
  166. Upgrading an Ancient React Application (by/via) · · ,
  167. 5 Inconvenient Truths About TypeScript (by) · · , ,
  168. Advanced Positioning in CSS Grid (by/via) · · , ,
  169. The 10 Commitments of an Agile Leader (via) · · , , ,
  170. Stick to Boring Architecture for as Long as Possible (by) · ·
  171. Using Emoji on the Web (by) · · , , ,
  172. Lightweight JavaScript Framework Review (for Django Developers) (by) · · , , , ,
  173. How I Structured My Design System Using Figma’s New Variables (by/via) · · ,
  174. 15 Advanced TypeScript Tips for Development · · ,
  175. Down-and-Across Highlighting (by) · · , , ,
  176. A Comprehensive Beginner’s Guide to npm: Simplifying Package Management (by) · · , ,
  177. React-ing to Accessibility: Building Accessible Forms That Everyone Can Use (by/via) · · , , ,
  178. Figma Typography Secrets—Seven Pro Tips Revealed (by) · · ,
  179. Interoperability With Specific Assistive Technologies or: “Does the Website Work on JAWS?” (by) · · , , , , ,
  180. WordPress 6.3 to Introduce a Development Mode (by/via) · ·
  181. Scroll Progress Animations in CSS (by/via) · · , ,
  182. Writing CSS in 2023: Is It Any Different Than a Few Years Ago? (by/via) · ·
  183. CSS Findings From the Threads App (by) · · ,
  184. Getting Started With Tailwind CSS: A Quick-Start Guide · · , ,
  185. Implementing Responsive Grids With Tailwind CSS: An In-Depth Guide · · , , ,
  186. Building a Responsive Table With Tailwind CSS: A Comprehensive Guide · · , ,
  187. A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace II (by) · · , ,
  188. Useful Functions for [an] HTTP Server · · , , ,
  189. Why Design Systems Fail (by) · · ,
  190. Better Roadmaps (by) · ·
  191. Mock JSON API Endpoints for Testing (by) · · , ,
  192. Release Notes for Safari Technology Preview 174 (by+/via) · · , , ,
  193. Top 20 Must-Know Tips for Web Accessibility · · ,
  194. JPEG XL: How It Started, How It’s Going (by/via) · · , ,
  195. How to Use Your Intuition in Your Product Design Process (by/via) · · , , ,
  196. Preload vs. Early Hints vs. Fetch Priority (via) · · , , , , ,
  197. The Magic of Empty Git Commit (by) · · ,
  198. Recent Design (by/via) · · , ,
  199. A Case Study on Scroll-Driven Animations Performance (via) · · , , , ,
  200. The alt-text.org Project Is Moving Forward (by) · · ,
  201. 3 Common Types of Test Automation (by/via) · · ,
  202. Developer’s Research Process (by) · · ,
  203. How AI Is Making Web Design More Efficient (by/via) · · , ,
  204. Tailwind CSS Tips and Tricks Worth Knowing (by/via) · · ,
  205. A Guide to Variables in Figma (by) · · ,
  206. Introduction to CSS Grid: A Comprehensive Guide (by) · · , ,
  207. My Journey to Learning CSS (by) · · , ,
  208. Sass Features in CSS (by) · · , ,
  209. TypeScript and the Dawn of Gradual Types (by/via) · ·
  210. Loading and Progress Indicators (via) · · ,
  211. Permission (by) · · , ,
  212. Find Memory Leaks by Comparing Heap Snapshots (by/via) · · , , , , , ,
  213. The Anatomy of a Perfect Landing Page That Converts (by/via) · · ,
  214. Tree Shaking in JavaScript (by) · · ,
  215. JavaScript Debounce, Easiest Explanation (With Code) · · ,
  216. ARIA Can Hurt or Help Web Accessibility: How to Review Your Website’s ARIA (via) · · , , ,
  217. How to Prevent Unnecessary React Component Re-Rendering (by) · · , , ,
  218. Making Numbers in Web Content Accessible (by/via) · ·
  219. Invisible Details of Interaction Design (by) · · , ,
  220. Getting Started With Vector Databases in Node.js (by) · · , ,
  221. Getting Started—Understanding the History of Web Accessibility (by/via) · · , , ,
  222. Developing Inclusivity Features (via) · · , ,
  223. Data-Driven Design: The Rise of Big Data in UX (by/via) · · , ,
  224. Mockups Explained (by/via) · · ,
  225. React Design Patterns (by) · · ,
  226. How to Improve the Release Frequency of Your Team? (by/via) · · , , , ,
  227. All the Places Where You Can Use “prefers-color-scheme” Media Query (by) · · , , , ,
  228. Awesome List of Free CSS [Generators] · · , , ,
  229. The Decline in Design (Thinking) (via) · · ,
  230. New Viewport Units (by) · · , ,
  231. Deploying a Fastify and Vue 3 Static Site to Heroku (by) · · ,
  232. From Hacks to Elegance: Transforming a Card Component With Modern CSS Wizardry (by/via) · · , , ,
  233. Four Lenses of Productivity (by) · · ,
  234. The New “@ font-face” Syntax (by) · · ,
  235. Testing the Dark Scenarios of Your Node.js Application (by+/via) · · ,
  236. htmx in 100 Seconds (by/via) · · , ,
  237. Strategic UX Research Is the Next Big Thing (by/via) · · , ,
  238. Shines, Perspective, and Rotations: Fancy CSS 3D Effects for Images (by/via) · · , ,
  239. Is Lighthouse a Misleading Performance Tool? · · , , , ,
  240. A Roadmap to Leadership Inclusion: 15 Keys to Unlocking a Diverse and Empowered Workplace (by) · · , ,
  241. Offset Parent and Stacking Context: Positioning Elements in All Three Dimensions (by/via) · · ,
  242. URL Explained: The Fundamentals (by) · ·
  243. Just Normal Web Things (by) · · ,
  244. The Case Against Self-Closing Tags in HTML (by) · ·
  245. There’s No Such Thing as a “Normal” User (by) · ·
  246. An Introduction to Native CSS Nesting (by/via) · · , ,
  247. Understanding JWTs: A Simple Guide for Beginners · · ,
  248. When User Testing Sessions Bring Up Trauma (via) · · ,
  249. CSS Only Floating Labels · · ,
  250. Creating SVG Animations Using Tailwind CSS (by+/via) · · , ,