Frontend Dogma

“responsive-design” Archive

  1. How to Optimize the Web for the Worst User Conditions? · · , , ,
  2. Responsive Web Design: 3 Key Fundamentals · · ,
  3. A Guide to Styling Tables · · ,
  4. 5 Web Design Disasters That Will Ruin Your 2024 · · ,
  5. Everything You Need to Know About Responsive Logo Design · · , ,
  6. Responsive SVGs · ·
  7. Extending Responsive Video With HTML Web Components · · , ,
  8. Addressing Accessibility Concerns With Using Fluid Type · · ,
  9. Totally Remdom, or How Browsers Zoom Text · · , ,
  10. Why You Should Use “px” Units for Margin, Padding, and Other Spacing Techniques · · , ,
  11. Using ChatGPT for Smart Truncation in Responsive Web Design · · , ,
  12. Responsive Type Scales With Composable CSS Utilities · · ,
  13. Using “rem” Doesn’t Make Your Website Responsive—Here’s Why · · ,
  14. The Ideal Viewport Doesn’t Exist · ·
  15. New Viewport Units · · ,
  16. Solved: Tricky Floating Image Alignment · · ,
  17. Thoughts from “Meet Safari for Spatial Computing” · · , ,
  18. You Can Stop Using “user-scalable=no” and “maximum-scale=1” in Viewport Meta Tags Now · · , ,
  19. Responsive CSS Layout Grids Without Media Queries · · ,
  20. Why “font-size” Must Never Be in Pixels · · , ,
  21. 5 Ways to Modernize Your Web Application · · , , , , , ,
  22. On Container Queries, Responsive Images, and JPEG-XL · · , , ,
  23. A Minimal, Multi-Framework, Responsive Image Component · · ,
  24. The Guide to Responsive Design in 2023 and Beyond · ·
  25. The Pros and Cons of Responsive Web Design in 2023 ·
  26. Faking Min Width on a Table Column · · , ,
  27. New Viewport Units · · ,
  28. Accessible Front-End Patterns for Responsive Tables · · ,
  29. 4 Mobile Must-Haves for a Modern UX Design Strategy · · , ,
  30. Responsive Accessibility Using “visibility: hidden” · ·
  31. 6 Steps to Improve HTML Images for Users and Developers · · , ,
  32. Conditionally Adaptive CSS—Browser Behavior That Might Improve Your Performance · · ,
  33. Responsive Animations for Every Screen Size and Device · · ,
  34. A Brief History of Responsive Web Design · ·
  35. Building Web Layouts for Dual-Screen and Foldable Devices · · ,
  36. Learn Responsive Design · ·
  37. The Breakpoints We Tested in 2021 and 2022, and the Ones to Test in 2023 · ·
  38. Image Display Elements · · ,
  39. Hands On With the New Responsiveness Metrics · · ,
  40. Responsive Iframes With the CSS “aspect-ratio” Property · ·
  41. Responsive Layouts, Fewer Media Queries · ·
  42. The Start of a New Era for Responsive Web Design · ·
  43. Beginner’s Guide to Responsive Images: How to Get Them Right · · , ,
  44. Blowing Up HTML Size With Responsive Images · · , ,
  45. Enterprise UX: Essential Resources to Design Complex Data Tables · · , ,
  46. The State of Mobile First and Desktop First · · ,
  47. The Large, Small, and Dynamic Viewports · · ,
  48. Building a Responsive Layout With CSS Grid and Container Queries · · , , ,
  49. The New Responsive: Web Design in a Component-Driven World · · ,
  50. Designing Adaptive Components, Beyond Responsive Breakpoints · · ,
  51. Breakpoint Viewer · , , , ,
  52. Mobile Readiness Tester · , , , ,
  53. Mobile-Friendliness Bulk Checker · , , ,
  54. Design Responsiveness Tester (Am I Responsive) · , ,
  55. Design Responsiveness Tester (Website Planet) · , ,