Frontend Dogma

“2021” Archive (3)

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