Frontend Dogma

“2021” Archive (3)

Featured on Frontend Dogma? Confirm and whitelist your domain.

  1. Compound Components in React (by/via) · · ,
  2. CSS Object Model (CSSOM) (by+/via) · · ,
  3. Why Are Hyperlinks Blue? (via) · · ,
  4. Small Wins for Accessibility and Resilience (by) · · , ,
  5. Named and Framed (by) · · ,
  6. How to Use “Promise.any()” (by) · · , ,
  7. Getting Started With CSS Animations (via) · · , ,
  8. Flexbox or CSS Grid? How to Make Layout Decisions That Make Sense (by/via) · · , , , , ,
  9. jsc: My New Best Friend (by) · · ,
  10. Embracing Asymmetrical Design and Overcoming the Harmful Effects of “text-overflow: ellipsis” in CSS (by) · · ,
  11. Key Data Structures and Their Roles in RenderingNG (by+/via) · · , , , , ,
  12. Scrollbar Reflowing (by/via) · · , ,
  13. React JS—the Confusing Parts (by/via) · · ,
  14. 8 Fundamental Principles of Effective Web Design (by) · ·
  15. Using Objectives and Key Results to Inform UX Design (by/via) · · , , , , ,
  16. An Introduction to Semantic Versioning (by) · · , ,
  17. HTTP/3: Performance Improvements (by/via) · · , ,
  18. 5 Ways to Undo Mistakes With Git (by/via) · · , ,
  19. 4 Important Differences Between Regular and Arrow Functions (by) · · , ,
  20. Using the Platform (by) · ·
  21. How I Experience Web Today · · ,
  22. 6 CSS Shorthand Properties to Improve Your Web Application (by) · · , ,
  23. Bootstrapping a Node.js TypeScript API: Routing, Middleware, and Custom Types and Errors Modules (by/via) · · , , , , ,
  24. Accessibility From the Ground Up (by) · ·
  25. UI Cheat Sheet: Spacing Friendships (by/via) · · , ,
  26. What’s on the Menu? (by) · · ,
  27. I Give You Feedback on Your Blog Post Draft but You Don’t Send It to Me (by) · · ,
  28. How to Set Up an AWS S3 Static SSL Website (by/via) · · , ,
  29. How to Calculate REMs From Pixels (by) · · ,
  30. Truthy and Falsy: When All Is Not Equal in JavaScript (by/via) · ·
  31. I Tried Angular as a React Developer: Here Are 6 Things I Like About It (by/via) · · , ,
  32. Web Accessibility Checklist · · , ,
  33. Top 9 Lessons Learned in 12 Years as a Software Developer (by) · · ,
  34. Release Notes for Safari Technology Preview 130 (by/via) · · , , ,
  35. One Favicon to Rule Them All (by) · · , ,
  36. Building the Same App 5 Times · · , , , , ,
  37. Level Up Your CSS Linting Using Stylelint (via) · · , , ,
  38. What’s New in Bootstrap 5 (by/via) · · ,
  39. Using CSS Module Scripts to Import Stylesheets (by/via) · · , ,
  40. State Management in Svelte Applications (by/via) · · ,
  41. ARIA Spec for the Uninitiated (by/via) · · , ,
  42. CSS Grid Tooling in DevTools (by/via) · · , , , , , ,
  43. You Don’t Know “useEffect” · ·
  44. Practical Uses of CSS Math Functions: “calc”, “clamp”, “min”, “max” (by) · · , ,
  45. Does Shadow DOM Improve Style Performance? (by) · · , , ,
  46. Reviewing a Design for Accessibility (via) · · , ,
  47. A Guide to Designing Accessible, WCAG-Compliant Focus Indicators (by) · · , , , ,
  48. Decoding AVIF: Deep Dive With Cats and imgproxy (by+/via) · · , ,
  49. Big O, Code Efficiency Analysis (by) · · ,
  50. Breaking the Web Forward (by) · · ,
  51. Ghost.org Complete Tutorial—Turn Your Blog Into a Subscription Business · · , , , ,
  52. Static vs. Dynamic vs. Jamstack: Where’s the Line? (by/via) · · , , ,
  53. How to Test for Accessibility With Users at Every Design Stage (by/via) · · , ,
  54. CSS “accent-color” (by+/via) · · ,
  55. Accessible Design Systems: Look Good While Doing Good (by/via) · · ,
  56. The Complete Guide to HTML Forms and Constraint Validation (by/via) · · , , ,
  57. “<Lazy>” Rendering in Vue to Improve Performance (by) · · , , ,
  58. The State of Mobile First and Desktop First (by) · · , , ,
  59. “return await promise” vs. “return promise” in JavaScript (by) · · , ,
  60. Principles by Design (by/via) · · ,
  61. Adding 100 Underline/Overlay Animations: The Impressive CSS Collection (by) · · ,
  62. Accessible Contrast Ratios and A-Levels Explained (via) · · , ,
  63. The World of CSS Transforms (by) · ·
  64. JavaScript Development: Making a Web Worker Optional (by/via) · · ,
  65. HTTP/3 From A to Z: Core Concepts (by/via) · · , ,
  66. How Writing Can Advance Your Career as a Developer (by/via) · · ,
  67. Google vs. the Web (by) · · ,
  68. Exploring the CSS Paint API: Image Fragmentation Effect (by/via) · · , , ,
  69. A Performance-Focused Workflow Based on Google Tools (by/via) · · , , ,
  70. Uploading Multiple Files With Fetch (by) · · , ,
  71. Next-Level List Bullets With CSS “::marker” (by/via) · · ,
  72. Pixelart and the “image-rendering” Paradox (by) · · , ,
  73. Browsers and Representation (by) · ·
  74. Modular Code With Nunjucks and Eleventy (by) · · , ,
  75. 30 Years on From Introducing the Web to the World (by/via) · · , ,
  76. On the “<dl>” (by) · ·
  77. Sustainable Web Design, an Excerpt (via) · ·
  78. Why Are We Talking So Much About Design Leadership? (by/via) · · ,
  79. Visualizing a Codebase (by/via) · · , ,
  80. Inclusive Usability Testing: The Benefits of Inclusive Design (via) · · , ,
  81. A Guide to Accessible Digital UX Design (via) · · , , ,
  82. What Are Accessibility Overlays Good For? (by/via) · · ,
  83. Writing Great Alt Text: Emotion Matters (by) · · , , ,
  84. Using CSS Shapes for Interesting User Controls and Navigation (by/via) · · , ,
  85. Refresher on JavaScript Callbacks and Promises (by/via) · · , ,
  86. React Children and Iteration Methods (by/via) · ·
  87. CSS Nesting, Specificity, and You (by) · · , , ,
  88. Accessibility Testing With Storybook (by/via) · · , ,
  89. A Deep Dive on Skipping to Content (by/via) · · , ,
  90. Using localStorage With React Hooks (by/via) · · , ,
  91. What Devs Need (by) · · , ,
  92. Web Accessibility Myths: Debunking 7 Common Misconceptions (by/via) · · ,
  93. npm Security Best Practices (by/via) · · , ,
  94. Introduction to TCP: Transmission Control Protocol (via) · · , ,
  95. How to Use “Promise.allSettled()” (by) · · , ,
  96. How to Build Resilient JavaScript UIs (by/via) · · , , ,
  97. Building the Perfect GitHub CI Workflow for Your Frontend Team (by) · · ,
  98. The Importance of UX Writing (via) · · , ,
  99. Balancing UX Design and Conversion-Rate Optimization (via) · · , , ,
  100. Mitigating User Errors (by/via) · · ,
  101. The (Most Comprehensive) JavaScript Design Principles Guide (by) · · , , ,
  102. Refactoring CSS: Strategy, Regression Testing, and Maintenance (by/via) · · , , , , ,
  103. How We Reduced Next.js Page Size by 3.5× and Achieved a 98 Lighthouse Score (via) · · , , , ,
  104. 2021 Scroll Survey Report (by+/via) · · , ,
  105. Why It’s Okay for Web Components to Use Frameworks (by) · · ,
  106. Chrome DevTools: Better Accessibility Inspection With the Source Order Viewer (by) · · , , , , ,
  107. Avoid the Most Common 18 Mistakes to Make Your UI/UX Design Better (by) · · , ,
  108. 101 Digital Accessibility Tips and Tricks (by) · · ,
  109. Optimizing Your Own Performance as a Designer (by/via) · · ,
  110. There Is No Such Thing as a CSS Absolute Unit (by/via) · · ,
  111. How to Stay Focused as a Self-Taught Frontend Web Developer (by) · · , , ,
  112. CSS Architecture and Performance in Micro Frontends (by/via) · · , , ,
  113. Best Practices for Tags and Tag Managers (by/via) · · , ,
  114. 5 Git Tips to Level Up Your Workflow (by/via) · · , ,
  115. Creating an Accessible Dialog From Scratch (by/via) · · ,
  116. Safari Isn’t Protecting the Web, It’s Killing It (by/via) · · , , ,
  117. Using Absolute Value, Sign, Rounding, and Modulo in CSS Today (by/via) · ·
  118. How to Hand Off Accessible Designs to Developers? (via) · · , ,
  119. Learnings From a WebPageTest Session on CSS-Tricks (by/via) · ·
  120. Architecting and Scaffolding a TypeScript and Express API (by/via) · · , ,
  121. Is It Time to Ditch the Design Grid? (by/via) · · , ,
  122. When You Cannot Run Away From Using Tables on Mobile (by/via) · · , , ,
  123. Webhooks Tutorial: The Beginner’s Guide to Working With Webhooks (by/via) · · , ,
  124. A Beginner’s Guide to Lighthouse (by/via) · · , , , ,
  125. Thinking About the Cut-Out Effect: CSS or SVG? (by) · · , , , ,
  126. Global vs. Local Styling in Next.js (by/via) · · , ,
  127. CSS Logical Properties and Values (by/via) · · ,
  128. Overview of the RenderingNG Architecture (by/via) · · , , , , ,
  129. What Is SEM Positioning? Definition, Advantages, and Characteristics (via) · · ,
  130. UX Principles That Include Cognitive Accessibility (by) · · , ,
  131. Takeaways From the 2021 State of Digital Accessibility Report (by/via) · · ,
  132. My First CSS—What I Wish I Knew About CSS When Starting Out as a Frontender (by/via) · · ,
  133. Getting Started With React “useContext” Hook and React Context (by) · · , ,
  134. Accessible Design From the Get-Go (by/via) · ·
  135. Complete Introduction to CSS Flexbox (by) · · , , ,
  136. It Is Time to Ditch the Title “Evangelist” From Accessibility (by/via) · ·
  137. You Don’t Need React for Building Websites (by) · ·
  138. Four Factors in UX Maturity (by+/via) · ·
  139. Break HTML Content Into Newspaper-Like Columns Using Pure CSS (by) · · ,
  140. 5 UI Tips to Become a Better Front-End Developer (by) · · , ,
  141. 12 Python Tips and Tricks You Must Know (by) · · ,
  142. How to Eliminate Render-Blocking Resources: A Deep Dive (by) · · , ,
  143. Accessibility Strategy for Product Management (by/via) · · , ,
  144. The Vanishing Designer (by/via) · · ,
  145. What We Learned About Accessibility by Scanning More Than 2 Million Federal .gov Web Pages (via) · ·
  146. Using Google Drive as a CMS (via) · · ,
  147. Custom Properties and “@ property” (by) · · ,
  148. What to Know About AVIF on Cloudinary (by) · · ,
  149. Why the WCAG Colour Contrast Ratio Doesn’t Always Seem to Work (by) · · , , ,
  150. Simple Monorepos via npm Workspaces and TypeScript Project References (by) · · , ,
  151. Faster Git Checkouts on NFS and SSD With Parallelism · ·
  152. Definition of Done vs. Acceptance Criteria (by) · · , , ,
  153. The Accessibility Stalemate (by) · ·
  154. From a Colourblind Designer to the World: Please Stop Using Red and Green Together (via) · · ,
  155. A Visual Guide to React Rendering—It Always Re-Renders (by) · · ,
  156. The Future of UX Design (by/via) · · , , ,
  157. An Introduction to Frameworkless Web Components (by/via) · · , , ,
  158. Journey of a Web Page—How Browsers Work (by) · · ,
  159. The Ultimate Cheat Sheet List for Web Developers (by) · · , , ,
  160. Practical Use Cases for Scroll-Linked Animations in CSS With Scroll Timelines (by/via) · · ,
  161. Maintaining End-to-End Quality With Visual Testing (by/via) · · , ,
  162. 6 Useful Frontend Techniques That You May Not Know About (by) · · , , ,
  163. Designing for Information Density (by/via) · ·
  164. Why Has User Experience Design Become Legal Experience Design? (by) · · , ,
  165. Magento Tips and Tricks · · , ,
  166. What I Learned From “Software Engineering at Google” (by) · · ,
  167. The State of Developer Ecosystem 2021 (via) · ·
  168. Accessibility of the “Section” Element (by) · · ,
  169. Designing for the Unexpected (by/via) · · , ,
  170. Hobson’s Browser—How Apple, Facebook, and Google Broke the Mobile Browser Market by Silently Undermining User Choice (by) · · , , , , ,
  171. For Developers, Apple’s Safari Is Crap and Outdated (by) · · , ,
  172. There’s No Such Thing as Fully Automated Web Accessibility (by/via) · · ,
  173. What Is Tree Shaking? (by) · · , ,
  174. The Performance Effects of Too Much Lazy-Loading (by+/via) · · , ,
  175. How to Get a Pixel-Perfect, Linearly Scaled UI (by/via) · · , , ,
  176. Content Accessibility Fact Sheet (via) · · ,
  177. The Ultimate Guide to Browser-Side Storage (by/via) · · , , ,
  178. What’s the Difference Between the Alignment Values of “start”, “flex-start”, and “self-start”? (by) · · , ,
  179. An Unreasonably Long Introduction to ARIA (With Example Implementation) (by) · · , , , ,
  180. The Most Important Lessons I’ve Learned From Senior Software Engineers (via) · · ,
  181. The 3-Second Frontend Developer Test (by) · · , , ,
  182. I’m Changing How I Review Code (by) · · ,
  183. HTTP Status Codes That You Must Know (by) · · ,
  184. Build Complex CSS Transitions Using Custom Properties and “cubic-bezier()” (by/via) · · , , ,
  185. Angular Is Costing Companies Billions (by/via) · ·
  186. How to Migrate From jQuery to Next.js (by/via) · · , , ,
  187. Detecting Media Query Support in CSS and JavaScript (by) · · , , ,
  188. What People Should Know Before Writing Articles or Creating Products About Accessibility (by) · · ,
  189. TypeScript Interfaces: A Quick Guide to Help You Get Started (by) · · ,
  190. Refactoring CSS: Introduction (by/via) · · , , ,
  191. Gridless Design (by) · · , ,
  192. Image Descriptions: A Human Technique That Robots Can’t Grasp (by/via) · · , ,
  193. How to Convert Arrays to Human-Readable Lists in JavaScript (by) · · , , ,
  194. Freelance React Developer Checklist (by) · · ,
  195. The Document Outline (by/via) · · ,
  196. Making a Strong Case for Accessibility (by/via) · ·
  197. The Numeric Colour Palettes in Modern Web Frameworks Explained (by) · · , ,
  198. The Large, Small, and Dynamic Viewports (by/via) · · , ,
  199. Performance Design: The Illusion of Speed · · ,
  200. Creating Accessible CSS Art (by) · · , ,
  201. ARIA in HTML (by) · · , ,
  202. TypeScript and Native ESM on Node.js (by) · · , ,
  203. Five Ways to Include D/Deaf Users in Your Designs (by/via) · · ,
  204. A Quick Introduction to Handlebars (via) · · ,
  205. Build a Website With React and Tailwind CSS (by/via) · · ,
  206. The Dilemma of Naming Font Size Variables (via) · · , ,
  207. The Anatomy of a Web Page: 14 Basic Elements (by/via) · · , , , , , , ,
  208. How to Use “Promise.all()” (by) · · , ,
  209. How Does Node.js Load Its Built-In/Native Modules? (by) · · , ,
  210. Accessibility and Inclusivity: Distinctions in Experience Design (by/via) · · , ,
  211. Using HSL Colors in CSS (by/via) · · ,
  212. Where Did This Interaction Come From?—A Brief History of Interaction Design (by/via) · · ,
  213. Feature Checklists Are Not Enough: How to Avoid Making Bad Software (by/via) · · , , ,
  214. Basics of JavaScript Test Driven Development (TDD) With Jest (by) · · , , ,
  215. “export default thing” Is Different to “export { thing as default }” (by) · ·
  216. Short Note on Skip Links With Sticky Headers (by) · · , ,
  217. Evaluating Color and Contrast—How Hard Can It Be? (by/via) · · , ,
  218. Towards Richer Colors on the Web (by) · · ,
  219. It’s a (Front-End Testing) Trap! Six Common Testing Pitfalls and How to Solve Them (by/via) · · ,
  220. Accessibility and SEO (by/via) · · , ,
  221. Colorblind Accessibility Manifesto (by) · · , , , , ,
  222. 10 Figma Best Practices to 10× Your Workflow (by/via) · · , , ,
  223. 5 Hidden Mistakes That Can Ruin a Developer’s Career (via) · · ,
  224. The State of Web Workers in 2021 (by/via) · · ,
  225. When a Click Is Not Just a Click (via) · ·
  226. The Internet Is Rotting (by/via) · · ,
  227. How We Built React Components for Any Front End (via) · · , ,
  228. Encoding Data for POST Requests (by) · · , ,
  229. Detecting Hover-Capable Devices (by/via) · ·
  230. 9 Tips to Help You Ace a Whiteboard Interview (via) · · , ,
  231. Introducing GitHub Copilot: Your AI Pair Programmer (by/via) · · , , ,
  232. Use the “i” Element, and Use It Appropriately (by) · · ,
  233. Screen Readers: Hearing the Unseen (by/via) · · , ,
  234. Resource Inlining in JavaScript Frameworks (by/via) · · , , ,
  235. Tip: Don’t Preprocess What You Can Design Token (by/via) · · , ,
  236. The Most Popular Design Thinking Strategy Is BS (by/via) · · ,
  237. Good News: Google No Longer Requires Publishers to Use the AMP Format (via) · · , ,
  238. CSS Frameworks in Vogue, but Don’t Forget Style Fundamentals (by/via) · · , , ,
  239. My Journey From a Novice to a Front-End Engineer (by) · ·
  240. I Regret Being a Hipster in Tech (by) · ·
  241. All You Need Is 5 Fonts (by/via) · · , ,
  242. JavaScript Frameworks and the Lost Art of HTML (by/via) · · , ,
  243. Building a Responsive Layout With CSS Grid and Container Queries (by/via) · · , , , , ,
  244. Using CSS to Enforce Accessibility (by) · · ,
  245. Debugging JavaScript and Front-End (by/via) · · , ,
  246. Container Queries and the Future of CSS (by/via) · · , ,
  247. No Code Reviews by Default (by/via) · ·
  248. Making the Web—Faster (by) · · , , ,
  249. Beyond Basic Alt Text—Charts, Maps, and Diagrams (by/via) · · , , ,
  250. Accessibility in React (by) · · ,