Frontend Dogma

“2022” Archive (7)

  1. Designers Are Spending Too Much Time Designing UI Variations Manually (by/via) · · , ,
  2. Usability Guidelines for Better Carousels UX (by/via) · · , , ,
  3. Title Rewrites: 3 Patterns to Avoid (by/via) · · , , ,
  4. The Ultimate Guide to Optimizing JavaScript for Quick Page Loads (by/via) · · , , ,
  5. How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results (by/via) · · , ,
  6. Drastically Improve Your UI Designs With This Technique (via) · · , ,
  7. CSS Parent Selector (by) · · ,
  8. Why Accessibility Bugs Are a Good Thing and How to Handle Them (by) · · ,
  9. One Million Broken Web Sites—and a Way to Prevent That (by) · · , ,
  10. Naming Colors in Design Systems (via) · · , ,
  11. Does Your Website Have Any of These 10 Most-Cited Accessibility Issues? (via) · ·
  12. Common Accessibility Issues That You Can Fix Today (by) · ·
  13. CSS Toggles Explainer and Proposal (by+/via) · · ,
  14. Mobile-First Ecommerce Site Design Is the Future (via) · · , ,
  15. Those HTML Elements You Never Use (by) · · ,
  16. Takeaways From “The Internet Is Unusable”: The Disabled View (by/via) · ·
  17. Image Borders in CSS (by) · · , ,
  18. How to Improve UX Design Through A/B Testing (by/via) · · , , , ,
  19. How to Develop Your UX Design Philosophy (by/via) · · , ,
  20. Common App Design Challenges and Their Solutions (via) · · ,
  21. Childish Font Sizes (by/via) · · , ,
  22. 7 Collaborative Coding Tools for Remote Pair Programming (by/via) · · ,
  23. Open Accessibility Standards (by) · · , , ,
  24. JavaScript Function Composition: What’s the Big Deal? (by) · · ,
  25. Information Architecture: Study Guide (by/via) · · , , ,
  26. How to Turn HTML Webpage Into an Image? (by) · · , , ,
  27. How to Fix Your Low-Contrast Text (by) · · , , ,
  28. CSS Tips and Tricks You May Need to Know (by) · · ,
  29. CSS “:has()” a Parent Selector Now (by) · · ,
  30. There’s No Such Thing as a “Design System Designer” (via) · · , ,
  31. MIME Types (by) · · , , ,
  32. Incremental Static Regeneration for Angular (by) · · ,
  33. April 9 Is CSS Naked Day (via) · · , , ,
  34. 33 JavaScript Concepts Every Developer Should Know (by) · · ,
  35. Use Unicode Characters for Bullet Points in CSS Using “::marker” (by) · · ,
  36. Nailing Your Engineering Interviews: Tips From a Technical Recruiter (via) · · ,
  37. Dynamic Data-Fetching in an Authenticated Next.js App (by/via) · · , ,
  38. Your Website Is a Pollution Machine (by) · ·
  39. Why Your Design System Needs Content Design (by/via) · · ,
  40. How to Create Animated Anchor Links Using CSS (by/via) · · , , , ,
  41. Principles of Object-Oriented Programming in TypeScript (via) · · , ,
  42. JavaScript and Node.js Testing Best Practices (by) · · , , ,
  43. Designing Better Breadcrumbs (by/via) · · , ,
  44. The Business Case for Accessibility (by/via) · · ,
  45. Sharing State in Distributed UIs at Runtime (by) · · , ,
  46. HTML Is All You Need to Make a Website (by) · ·
  47. Fonts in Use: Variable Fonts (by/via) · · ,
  48. Core Web Vitals: Finding Common Ground Between SEOs and Developers (by/via) · · , , ,
  49. Animated Grid Tracks With “:has()” (by/via) · · , ,
  50. Alternative Text (Alt Text) (via) · · , , ,
  51. A New Statistical Approach for Predicting Usability Problems (via) · · , , ,
  52. 12 Years Beyond a HTML Joke (by) · · ,
  53. A Simple Way to Create a Slideshow Using Pure CSS (by/via) · · , ,
  54. What’s New in ECMAScript 2022 (by) · · ,
  55. What If… One Day Everything Got Better? (by) · ·
  56. Thoughts on Exerting Control With Media Queries (by) · · , ,
  57. Accessible Description Exposure (by) · · ,
  58. Tweaking in the Browser (by) · · ,
  59. How to Respond to Growing Supply Chain Security Risks? (by) · · , , , ,
  60. “aria-labelledby” Usage Notes (by) · · , ,
  61. Top 3 Informational Interview Questions in UX (via) · · , , ,
  62. Are You Using Coding Interviews for Senior Software Developers? (via) · · , ,
  63. Accessible Cards (by) · · , ,
  64. Why We Don’t Use a Staging Environment (via) · · ,
  65. The WebAIM Million: The 2022 Report on the Accessibility of the Top 1,000,000 Home Pages (via) · · , , , ,
  66. How to Match HTML Elements With an Indeterminate State (by) · · , , ,
  67. Exciting Times for Browsers (and CSS) (by/via) · · ,
  68. Web Accessibility Guidance Project (via) · · ,
  69. Introduction to the SSH Protocol (via) · · , ,
  70. Designing a Better Infinite Scroll (by/via) · · , ,
  71. Accessibility Policy Implementation: What You Need to Know (by/via) · · , ,
  72. Neubrutalism Is Taking Over the Web (by/via) · · ,
  73. Make Beautifully Resilient Apps With Progressive Enhancement (by) · · ,
  74. If We Can Make a Product Work for Anyone, It Usually Works Better for Everyone · · ,
  75. HTML-Only Keyboard Shortcuts (by) · · , , ,
  76. How to Optimize Your LCP (with Visuals) (by) · · , , ,
  77. Understanding Layout Algorithms (by) · · ,
  78. Secret Mechanisms of CSS (by/via) · · ,
  79. Picture Perfect Images With the Modern “<img>” Element (by/via) · · , , ,
  80. Optimising Largest Contentful Paint (by) · · ,
  81. Locale Aware Sorting in JavaScript (by) · · , , ,
  82. How to Document Accessibility Issues (via) · · , ,
  83. CSS “:has” (by) · · ,
  84. Case: Accessibility in Software Development (by/via) · ·
  85. An Opinionated Guide to Unit Testing (by) · · , ,
  86. A Guide to Hover and Pointer Media Queries (by/via) · · , ,
  87. 7 Learning Habits for Developers: Reach Skill Goals in Less Time (by/via) · ·
  88. Why Every Programmer Must Blog (by) · · , , ,
  89. The Art of CSS Art (by) · · ,
  90. You’re Unselectable (by) · · ,
  91. You ≠ User (via) · · , ,
  92. Remix Routes Demystified (by/via) · · ,
  93. Quick Survey: Help Improve the Simulation Options of Browser Developer Tools (by) · · , , ,
  94. How to Use Props in React (by) · · , ,
  95. Building a Headless Design System (by/via) · · , ,
  96. 14 Linting Rules to Help You Write Asynchronous Code in JavaScript (by) · · ,
  97. How Should You Name Your Colors in a Design System? (by/via) · · , ,
  98. Designing “Above the Fold”? Try the Reciprocity Principle (via) · · ,
  99. Variable Fonts in Real Life: How to Use and Love Them (by+/via) · · ,
  100. Speed Needs Design, or: You Can’t Delight Users You’ve Annoyed (by) · · , ,
  101. Those HTML Attributes You Never Use (by/via) · ·
  102. The 5 Riders of Accessible Media (via) · · ,
  103. There Are No Bad Questions in Accessibility (by) · ·
  104. The Web Is for Everyone: Our Vision for the Evolution of the Web (by+/via) · · , , , , , ,
  105. Spotlight: What Happens When a Project Team Shifts Accessibility Left? (via) · ·
  106. Resetting Inherited CSS With “Revert” (by/via) · · ,
  107. How Do Design Systems Improve Developer Efficiency? (by/via) · · ,
  108. When to Use a Function Expression vs. Function Declaration (by/via) · · , ,
  109. The Book on Accessibility (by) · · , , ,
  110. Optimising Core Web Vitals on SPAs (by) · · , , ,
  111. Dynamically Generated Content and Accessibility: 3 Quick Tips (via) · · ,
  112. Deep Dive Into the CSS “:where()” Function (by/via) · · ,
  113. ADA Web Site Compliance Still Not a Thing (by) · · , ,
  114. Should “Cancel” Be a Button or a Link? (by/via) · · , , ,
  115. 4 Xs That Aren’t UX (by/via) · ·
  116. PHP Sanitize Data (by) · · ,
  117. Write HTML, the HTML Way (Not the XHTML Way) (by/via) · · , ,
  118. Windows High Contrast Mode, Forced Colors Mode, and CSS Custom Properties (by/via) · · , , , , ,
  119. Usability Testing: Driving the Best User Experience for Business Success (by/via) · · , ,
  120. Improving Your User Experience to Reduce Bounce Rates (via) · · , , ,
  121. “!important” Was Added for One Reason Only (by) · · ,
  122. HTML Semantics (by) · · ,
  123. Dos and Don’ts of Mobile UX Design (by/via) · · , , ,
  124. Design Systems Aren’t Cheap (by) · · , ,
  125. Design System—Principles of Success (via) · · ,
  126. Design Mistakes That Hurt Your Web Site’s Conversion Rates (by/via) · · , , , ,
  127. Conquering JavaScript Hydration (by/via) · · ,
  128. UX Strategy: Definition and Components (by+/via) · · ,
  129. Typography in Design Tokens for Figma and Code (by/via) · · , , ,
  130. How to Use CSS Math Functions: “calc”, “min”, “max”, “clamp” (via) · · , , ,
  131. Authorization in a Microservices World (by) · · ,
  132. Why Is Dark Mode So Captivating? (by/via) · ·
  133. The Web Doesn’t Have Version Numbers (by/via) · · ,
  134. Performance Tests on Common JavaScript Array Methods (by/via) · · , , ,
  135. The Impact That High Quality Mark-Up Can Have on Accessibility, Performance, and Discoverability (by) · · , , ,
  136. Optimizing SVG Patterns to Their Smallest Size (by/via) · · , ,
  137. Migrating Our Monorepo to Yarn 2 (via) · · , ,
  138. Introduction to Bulma: A Simple and Intuitive CSS Framework (via) · · ,
  139. Identifying Fonts: The Complete Guide (by) · · , ,
  140. How to Make a Drag-and-Drop File Uploader With Vue.js 3 (by/via) · · , , ,
  141. How Do I Resolve Merge Conflicts? (by/via) · · , ,
  142. Guidance on Web Accessibility and the ADA (via) · · ,
  143. Google Calendar Webhooks With Node.js (via) · · , ,
  144. Alt-Text Selfies (by+) · · , , ,
  145. 4 Accessibility Mistakes Plaguing Most Government Websites (by/via) · · ,
  146. The Future of the Web and Accessibility (by/via) · · , ,
  147. What Makes You a Professional Web Developer (by) · · ,
  148. What Is Platform Engineering? (by/via) · · ,
  149. What Every Good README Should Contain · ·
  150. Perceptually Uniform Color Models and Their Implications (by) · · ,
  151. How to Prep Your SEO Strategy for a New Website (by/via) · · , ,
  152. How to Empathize With Your Users (via) · · , , ,
  153. Building a Loading Bar Component (by/via) · · , , ,
  154. Accessibility, Assistive Technology, and JavaScript (by) · · , ,
  155. A Quick Guide to Closures (by) · · , ,
  156. A Designer’s Guide to Documenting Accessibility and User Interactions (by) · · , , ,
  157. What Are Micro-Frontends? (by) · ·
  158. The Weirdly Obscure Art of Streamed HTML (by) · · , ,
  159. React Best Practices and Patterns to Reduce Code · · , ,
  160. Prevent Technical Debt With These 3 Strategies (by) · ·
  161. Making the World’s Fastest Website, and Other Mistakes (by) · · ,
  162. Implementing JavaScript Delay for Cookie Consent Banner (by) · · , , ,
  163. How to Automatically Size a Textarea Based on Its [Text] Using Vanilla JavaScript (by) · · , ,
  164. Don’t Believe the Type! (by+/via) · · , , , ,
  165. When or If (by) · ·
  166. Update Node Dependencies Automatically, Selectively, or Incrementally (by) · · , , ,
  167. Tao of Node—Design, Architecture, and Best Practices (by) · · , ,
  168. It Needs to Map Back to a Role (by) · · , , ,
  169. In Defense of Sass (by) · · ,
  170. Explaining Micro Frontends as Simply as Possible (by) · ·
  171. Aligning Content in Different Wrappers (by) · · ,
  172. How to Use Spectator to Test Your Angular Components (by/via) · · , , , ,
  173. Giving New Meanings to the Color Functions in CSS (by) · · , ,
  174. 20 Productivity Tips From Developers to Developers (by/via) · · ,
  175. The Future of Web Accessibility: WCAG 3.0 (via) · · , ,
  176. Where TypeScript Excels (via) · · ,
  177. Horizontal Scrolling Nav (by) · · ,
  178. Add Data to a Google Sheet From a Node.js Backend (by) · · ,
  179. 42 Tips for Getting Good at DevOps and Life (by/via) · · , , ,
  180. Arrow Functions in JavaScript: How to Use Fat and Concise Syntax (by/via) · · , ,
  181. You Don’t Always Need a CMS (by) · ·
  182. WebGPU—All of the Cores, None of the Canvas (by) · · , ,
  183. Ten Years of Page Bloat: What Have We Learned? (by/via) · · , ,
  184. Don’t Alienate Your User: A Primer for Internationalisation and Localisation (by/via) · · , , ,
  185. Digging Into CSS Media Queries (by+) · · , ,
  186. Carousels: No One Likes You (by) · · , , ,
  187. An Introduction to User Journey Maps (by/via) · · , , ,
  188. Accumulation of Tech Debt (by/via) · ·
  189. A Look at the Dialog Element’s Super Powers (by) · · , ,
  190. Session Timeouts (by/via) · · ,
  191. Designing the User Experience of a Rating System (by/via) · · ,
  192. An Introduction to AWS CloudFront Functions (by/via) · · , , ,
  193. Using HTTPS in Your Development Environment (by/via) · · , ,
  194. Performance Signals for Customizing Website UX (by/via) · · , , ,
  195. Optimizing a Web Site for Google’s New UX Criteria (via) · · , , ,
  196. Moderated Versus Unmoderated Usability Testing (by/via) · · , ,
  197. JavaScript Naming Conflicts: How Existing Code Can Force Proposed Features to Be Renamed (by) · · , ,
  198. A New Speed Milestone for Chrome (via) · · , , ,
  199. 7 Ways to Achieve a Faster Core Web Vitals Score (via) · · ,
  200. 10 Amazing Games to Learn CSS (by) · · ,
  201. Alternatives to Pagination on Product-Listing Pages (by/via) · · , , ,
  202. Why I Avoid “async”/“await” · ·
  203. The Basics—Generics in PHP (by) · · , , ,
  204. Creating Native Web Components (via) · · , ,
  205. The Importance of Screen Reader Software for Web Navigation (by/via) · · , , , ,
  206. The Best Design System Is No System (via) · ·
  207. Remix vs. Next.js (via) · · , ,
  208. It’s Always Been You, Canvas2D (by/via) · · , , ,
  209. Interop 2022: Browsers Working Together to Improve the Web for Developers (by+/via) · · , ,
  210. How to Prevent SQL Injection Attacks in Node.js (by/via) · · , , , ,
  211. How to Design Better APIs (by) · · , ,
  212. Dive Into Node.js Streams (by/via) · · ,
  213. Building Web Layouts for Dual-Screen and Foldable Devices (by/via) · · , ,
  214. Accessibility and Limited Fine Motor Skills (via) · ·
  215. Taming CSS Variables With Web Inspector (by/via) · · , , ,
  216. Progressive Enhancement, the New Hotness (by) · ·
  217. How to Use Higher-Order Functions in JavaScript (by/via) · · , ,
  218. How to Make a “Raise the Curtains” Effect in CSS (by/via) · · , ,
  219. How Many Hyperlinks Are Too Many for Accessibility? (via) · · ,
  220. How Do Primitive Values Get Their Properties? (by) · ·
  221. What’s Really Going On Inside Your node_modules Folder? (via) · · , ,
  222. Simple Color System for Complex Digital Interfaces (by) · · , , ,
  223. New CSS Features in 2022 (by/via) · ·
  224. Foundations: Headings (by/via) · · , , ,
  225. Accessibility Checklist: Five Things Usually Left Out (via) · · ,
  226. Web Component Pseudo-Classes and Pseudo-Elements Are Easier Than You Think (by/via) · · , ,
  227. (Not So) Short Note on Being Owned (by) · · , ,
  228. HTML Tips and Tricks · · ,
  229. How to Build a File Upload Service With Vanilla JavaScript (by/via) · · , ,
  230. Essential Cryptography for JavaScript Developers (by/via) · · , ,
  231. A Recipe for a Good Design System (by/via) · ·
  232. 5 Things You Don’t Need JavaScript For (by/via) · ·
  233. Solid.js Feels Like What I Always Wanted React to Be (by) · · , ,
  234. Should Frontend Devs Care About Performance? (by) · ·
  235. Importing ES6 Modules Over HTTP/HTTPS in Node.js (by/via) · · , , ,
  236. Higher-Order Components in React Hooks Era (by) · · , ,
  237. CSS “content” Property (via) · ·
  238. Top 2021 CSS Frameworks Report: The CSS File Sizes (by/via) · · , , , ,
  239. When to Avoid the “text-decoration” Shorthand Property (by/via) · · ,
  240. Screaming Architecture—Evolution of a React Folder Structure (by/via) · · ,
  241. Overlay Position and Recommendations (via) · · ,
  242. How I Structure My React Projects · · ,
  243. 4 Simple Ways to Improve Web Accessibility (via) · · ,
  244. Understanding Dependencies Inside Your package.json (by+/via) · · , , ,
  245. Deploying a React Application to Netlify (by/via) · · , , ,
  246. Accessibility and Inclusivity in Practice (by+/via) · · , ,
  247. Container Queries, the Next Step Towards a Truly Modular CSS (by/via) · · , ,
  248. Can You Get Pwned With CSS? (by) · · ,
  249. A Complete Guide to CSV Files in Node.js (by/via) · · , , ,
  250. 5 Accessibility Quick Wins You Can Implement Today (by/via) · ·