Frontend Dogma

“2022” Archive (7)

Featured on Frontend Dogma? Confirm and whitelist your domain.

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