Frontend Dogma

“2022” Archive (6)

  1. Fun With CSS Combinators · · ,
  2. Use “@ supports” At-Rule for Feature Detection in CSS · · , , ,
  3. Web Development === Accessibility ·
  4. React Hooks Best Practices in 2022 · · ,
  5. 4 Web Accessibility Remediation Mistakes to Avoid · · ,
  6. Automate Accessibility Tests With Storybook · · , , ,
  7. Web Accessibility Is Broken—It’s Time to Fix It · · ,
  8. What We Can Learn from Remix · · ,
  9. Thinking Colors: Balancing Between Visual and Abstract ·
  10. The Importance of Organizational Leadership in Developing an Accessibility Culture: Buy-In, Metrics, and Structure · · , , , ,
  11. React Accessibility Resources · · , ,
  12. Patterns · · , ,
  13. Let’s Make Accessibility Boring Again ·
  14. Accessibility Not-Checklist · · , ,
  15. RFC 9239: Updates to ECMAScript Media Types · · ,
  16. Building a Button Component · · , , , ,
  17. How to Ask for a Promotion · · ,
  18. Conditionally Loading CSS or Any Resource Using Media Queries · · , ,
  19. The Rise and Fall of Neumorphism ·
  20. Quick and Dirty Text Diffing ·
  21. UI and UX Micro-Tips · · , ,
  22. WCAG 2.2 and WCAG 3 Status Updates · · , ,
  23. The Modern Way to Create and Host a WordPress Site · · , ,
  24. The Forgotten Benefits of “Low Tech” User Interfaces ·
  25. Reduce Array of Objects to an Object in JavaScript · · , ,
  26. How the HTML “lang” Attribute Helps Accessibility · · , ,
  27. :where() :is() :has()? New CSS Selectors That Make Your Life Easier · · ,
  28. Quick Tip: You Might Not Need “calc()” · · ,
  29. Building a Design System With Eleventy · · ,
  30. Web Applications 101 · · ,
  31. Unpack Arrays Conditionally in PHP · · ,
  32. Unexpectedly HTTPS? · · ,
  33. The Era of Rebellious Web Design Is Here ·
  34. Rethinking Server-Timing as a Critical Monitoring Tool · · , , ,
  35. Peering into the Accessibility of Dark Mode · · ,
  36. Color Alignment for Multiple Design Systems · · ,
  37. An Affordable Work-from-Home Setup for Remote Workers ·
  38. 9 Ways to Design Inclusive Content · · ,
  39. 24×24 Pixel Cursor Bookmarklet · · , , ,
  40. Personas vs. Archetypes · · , , , ,
  41. More Common Accessibility Issues That You Can Fix Today ·
  42. Call to Action Examples · · , , ,
  43. Keyboard Testing: The A11y Enhancement to Your Definition of Done · · , ,
  44. Cool Hover Effects That Use CSS Text Shadow · · ,
  45. Don’t Fight the Browser Preload Scanner · · , , ,
  46. Master the “:nth-child()” Pseudo-Class · · , ,
  47. Does Javascript Make My Site Less Accessible? · · , ,
  48. A Designer’s Journey of Ignorance, Resentment, and Wisdom ·
  49. How to Use Google CrUX to Analyze and Compare the Performance of JS Frameworks · · , , , ,
  50. Light and Dark Mode in Just 14 Lines of CSS · · ,
  51. Debugging Accessibility With Chrome DevTools · · , , , , , ,
  52. Bringing Page Transitions to the Web · · , ,
  53. W3C TAG Ethical Web Principles · · , ,
  54. Tokens as Intents · · , ,
  55. How to Learn JavaScript Fast: Six Simple Mind Tricks · · , , ,
  56. State of CSS 2022 ·
  57. XHTML Syntax Is Still Worth Using ·
  58. Bridging the Gap · · ,
  59. Why WCAG 2.2 Is Still in the Oven · · ,
  60. On Design Thinking ·
  61. Divs Are Bad! · · ,
  62. Designing for Web Accessibility in 60 Seconds ·
  63. The Complete Modern React Developer 2022 ·
  64. You Don’t Need “void 0” ·
  65. Two Approaches to Accessibility on the Web · · ,
  66. Under the Hood: React vs. Vue vs. Svelte · · , , , ,
  67. Magical SVG Techniques · · , ,
  68. Cron Jobs: A Comprehensive Guide · · , ,
  69. Why SEO Is a Great Investment, Not Just a Cost · · ,
  70. Understanding User Behaviors Across Surfaces ·
  71. The Road to Universal JavaScript ·
  72. “Someone Should Build X for the Web”—Why Not You? ·
  73. Reinventing W3C Governance · · ,
  74. Performance Game Changer: Browser Back/Forward Cache · · , , ,
  75. Learn HTML [and] CSS · · , ,
  76. Frontend Versus Backend Web Development ·
  77. A Management Maturity Model for Performance ·
  78. A Different View into Accessibility Overlays · · , , , ,
  79. What’s Your Heading? · · , , ,
  80. My Opinion on What Makes a Good Code Review · · ,
  81. Scaling CSS Layout Beyond Pixels · · , ,
  82. How to Use the GitHub Pulls API to Manage Pull Requests · · , ,
  83. Top 2021 CSS Frameworks Report: Validation · · , , , ,
  84. Learn CSS Subgrid · · ,
  85. How to Use Videos With Alpha Transparency on the Web · · , ,
  86. Master Higher-Order Functions in JavaScript · · ,
  87. Fetch API Is [the] New Old Version of AJAX · · , ,
  88. 12 Modern CSS Techniques for Older CSS Problems · · , ,
  89. Resilience, Flexibility, and Immediacy: Working With Headless Systems · · ,
  90. Practical Use Cases for “:has()” Pseudo-Class · · , ,
  91. Please, Stop Disabling Zoom · · ,
  92. Get to Know Your Browser’s Performance Profiler · · , ,
  93. A Guide to Writing About Digital Accessibility · · , ,
  94. Nail Your Website Redesign in 2022—Tips and Tricks · · , ,
  95. Design Patterns: How to Create Simple Interfaces · · , ,
  96. Designing a Better Language Selector · · , , ,
  97. The Evolution of WCAG: A Postcard from the Front Lines · · , , ,
  98. JavaScript Containers · · ,
  99. How Not to Do Accessible Design · · , ,
  100. Developing a Low-Touch Adoption Strategy for a New Design System · · ,
  101. It’s Time We Fix the Unethical Design of Cookie Consent Windows · · , , , ,
  102. 5 Simple Productivity Tips for Developers · · ,
  103. Microsoft Edge Overtakes Safari as World’s Second Most Popular Desktop Browser · · , , , , , , ,
  104. How to Create a Color Palette for Your Design System · · , , ,
  105. Legibility—How and Why Typography Affects Ease of Reading · · , , ,
  106. You Don’t Need a UI Framework · · , ,
  107. Why I Don’t Miss React: A Story About Using the Platform ·
  108. Lerna Has Gone—Which Monorepo Is Right for a Node.js Backend Now? · · , , ,
  109. In Defence of the Single Page Application ·
  110. Contextual Spacing for Intrinsic Web Design · · , ,
  111. Deep Dive into Text Wrapping and Word Breaking · · ,
  112. Creating Realistic Reflections With CSS · · ,
  113. Writing Better CSS · · , ,
  114. If Design Principles Are for Designs, Then Design Values Are for Designers · · ,
  115. Ethical Design Network · · , ,
  116. 8 JavaScript Quiz [Questions] That May Confuse You · · ,
  117. Under-Engineered Multi-Selects · · , ,
  118. Design System Documentation Best Practices · · , ,
  119. How to Reduce Figma Memory Usage · · ,
  120. Creating a Firework Effect With CSS · · ,
  121. How Web Browsers Work: Parsing the CSS · · , ,
  122. Foundations: Lists · · ,
  123. Introducing “inert” · · , ,
  124. Server-Side vs. Client-Side Analytics · · ,
  125. CTA Modal: How to Build a Web Component · · , , ,
  126. How to Build Node.js REST API With MySQL · · , , , ,
  127. Common Frontend Interview Questions I’ve Been Asked · · , ,
  128. The Complete Guide to Regular Expressions (Regex) · · ,
  129. My Browser Support Strategy · · , , ,
  130. Understanding the Performance Impact of Anti-Flicker Snippets · · ,
  131. The CSS Art Paradox · · , , ,
  132. Let’s Keep the “Content” in WCAG · · , ,
  133. Best Practices for Integrating Content Design in Your Design System · · , , ,
  134. Stop Removing Focus · · , ,
  135. The 5 Golden Rules of Code Reviews · · , ,
  136. Web Scraping via JavaScript Runtime Heap Snapshots · · , ,
  137. Cool Hover Effects That Use Background Properties · · , ,
  138. Learn to Code With JavaScript: The Most Popular Programming Language on Earth · · ,
  139. A Practical Guide to Aspect Ratio in CSS · · , ,
  140. What Is Memoization? How and When to Memoize in JavaScript and React · · , ,
  141. Non-Interactive Elements With the “inert” Attribute · · ,
  142. Deploy Your First Website Without Leaving Your IDE ·
  143. Flexibly Centering an Element With Side-Aligned Content · · ,
  144. Plain Old Semantic HTML: A Perfect Basis for Accessibility · · , ,
  145. Is Measuring Speed a Useful Metric for Design Systems? · · , , ,
  146. Apple’s Grip on iOS Browser Engines Disallowed Under Latest Draft EU Rules · · , , ,
  147. A Guide to Task-Based UX Metrics · · , ,
  148. How Web Browsers Work: Parsing the HTML · · , ,
  149. Build a Lightweight Web Component With Lit.js · · ,
  150. Mobile App Versus Web Site: Which Is Better for Your Business? · · , ,
  151. Supercharge Your Design System With Design Tokens · · ,
  152. Deep Dive into Top Web Developer Pain Points ·
  153. The “Dark Yellow Problem” in Design System Color Palettes · · , ,
  154. Testing Figma Components · · , ,
  155. Four Eras of JavaScript Frameworks · · , ,
  156. 9 Useful Principles of UX Design · · , ,
  157. 8 Ways to Make Website Accessibility Easier (and Less Expensive) ·
  158. 16 Top Design Trends for 2022 · · ,
  159. 11 Steps to Keep Figma Clean · · , ,
  160. Best Font for Online Reading: No Single Answer · · , , ,
  161. Atomic Design 2022: What We Can Learn from Eames and Other Design Giants ·
  162. Why Your CSS Is Always Messy and Chaotic—Understanding CSS Complexity · · ,
  163. How Web Browsers Work: Navigation · · ,
  164. Progressive Enhancement and HTML Forms: Use “FormData” · · , ,
  165. Writing Strong Front-End Test Element Locators ·
  166. TypeScript Tips and Tricks · · , ,
  167. Mastering CSS Transitions With React 18 · · , ,
  168. Web Color Is Still Broken · · , ,
  169. Building a Combined CSS Aspect Ratio Grid · · ,
  170. Productivity Tips and Tools for a More Efficient Workflow · · , , ,
  171. Faster Initialization of Instances With New Class Features · · , , ,
  172. Debugging Node Serverless Functions on AWS Lambda · · , , , ,
  173. The Future of CSS: CSS Toggles ·
  174. Why Learn to Code? 17 Benefits of Learning to Code · · ,
  175. Brief Note on Buttons, Enter, and Space ·
  176. Beyond WCAG: Losing Spoons Online · · , ,
  177. 11 Breadcrumb SEO Best Practices for a Mobile-First Strategy · · , , ,
  178. Forced Colors Explained: A Practical Guide · · ,
  179. How to Start Testing Your Website With a Screen Reader · · , , ,
  180. Routing: I’m Not Smart Enough for an SPA · · ,
  181. The Role of Policy in Creating a Culture of Accessibility · · , , ,
  182. The Front-End Developer’s Guide to the Terminal · · ,
  183. Ordering CSS Declarations · · ,
  184. Ensure Third Party Content Is Accessible · · , ,
  185. React 18—New Features and Improvement Strategies ·
  186. 20 Easy Ways to Be More Productive as a Developer ·
  187. When UX Goes Bad (and How to Fix It) ·
  188. Web Scraping Is Legal, U.S. Appeals Court Reaffirms · · ,
  189. The Ultimate Guide to Push Notifications for Developers · · ,
  190. Does Valid and Semantic HTML Still Matter? · · , , ,
  191. A Practical Guide to Centering in CSS · · , ,
  192. 4 Reasons to Avoid Using “npm link” ·
  193. Test-Driven Development With React and Redux: Thunk, Slices, and Requests Mocking · · , ,
  194. Node.js 18 Introduces Prefix-Only Core Modules ·
  195. The Most Popular Node.js Frameworks in 2022 · · ,
  196. Is Agile an Anti-Design Pattern? · · , ,
  197. 7 Web Component Tricks · · ,
  198. Implementing Micro-Frontends: A Path to Evolve Legacy Codebases · · , ,
  199. Intro to CSS Parent Selector—“:has()” · · , , ,
  200. Fonts for the Web: Rationale, 1996 · · ,
  201. Evaluating Design System Adoption Using Custom CSS · · , , ,
  202. Accessibility Why You Need to Work Toward Progress Not Perfection ·
  203. Building a Dialog Component · · , , , ,
  204. Usability Guidelines for Better Carousels UX · · , , ,
  205. Title Rewrites: 3 Patterns to Avoid · · , , ,
  206. How to Write Good Code: 10 Beginner-Friendly Techniques for Instant Results · · , ,
  207. Drastically Improve Your UI Designs With This Technique · · , ,
  208. The Ultimate Guide to Optimizing JavaScript for Quick Page Loads · · , , ,
  209. Designers Are Spending Too Much Time Designing UI Variations Manually · · , ,
  210. CSS Parent Selector · · ,
  211. A Web Renaissance ·
  212. Why Accessibility Bugs Are a Good Thing and How to Handle Them · · ,
  213. One Million Broken Web Sites—and a Way to Prevent That · · , ,
  214. Naming Colors in Design Systems · · , ,
  215. Does Your Website Have Any of These 10 Most-Cited Accessibility Issues? ·
  216. Common Accessibility Issues That You Can Fix Today ·
  217. Takeaways from The Internet Is Unusable: The Disabled View ·
  218. CSS Toggles Explainer and Proposal ·
  219. Image Borders in CSS · · , ,
  220. Childish Font Sizes · · , ,
  221. How to Improve UX Design Through A/B Testing · · , , , ,
  222. How to Develop Your UX Design Philosophy · · , ,
  223. Those HTML Elements You Never Use · · ,
  224. Mobile-First Ecommerce Site Design Is the Future · · ,
  225. Common App Design Challenges and Their Solutions · · ,
  226. 7 Collaborative Coding Tools for Remote Pair Programming · · ,
  227. CSS Tips and Tricks You May Need to Know · · ,
  228. JavaScript Function Composition: What’s the Big Deal? · · ,
  229. How to Fix Your Low-Contrast Text · · , , ,
  230. Information Architecture: Study Guide · · , , ,
  231. Open Accessibility Standards · · , , ,
  232. CSS “:has()” a Parent Selector Now · · ,
  233. April 9 Is CSS Naked Day · · , ,
  234. MIME Types · · , , ,
  235. Incremental Static Regeneration for Angular · · ,
  236. 33 JavaScript Concepts Every Developer Should Know · · ,
  237. There’s No Such Thing as a “Design System Designer” · · , ,
  238. Use Unicode Characters for Bullet Points in CSS Using “::marker” · · ,
  239. Nailing Your Engineering Interviews: Tips from a Technical Recruiter · · ,
  240. Dynamic Data-Fetching in an Authenticated Next.js App · · , ,
  241. Your Website Is a Pollution Machine ·
  242. Why Your Design System Needs Content Design · · ,
  243. How to Create Animated Anchor Links Using CSS · · , , , ,
  244. Designing Better Breadcrumbs · · , ,
  245. Principles of Object-Oriented Programming in TypeScript · · ,
  246. JavaScript and Node.js Testing Best Practices · · , , ,
  247. Fonts in Use: Variable Fonts · · ,
  248. Core Web Vitals: Finding Common Ground Between SEOs and Developers · · , , ,
  249. A New Statistical Approach for Predicting Usability Problems · · , ,
  250. 12 Years Beyond a HTML Joke · · ,