Vasilis van Gemert

Our web design tools are holding us back

https://vasilis.nl/nerd/our-web-design-tools-are-holding-us-back/

nowadays we can build things with CSS that are impossible to create with our design tools. We have scroll-snap, we have complicated animations, we have all kinds of wonderful interaction, grid, flexbox, all kinds of shapes, and so much more that you won’t find in the drop down menus of your tool of choice. Yet our websites still look and behave like they were designed with photoshop.

• older link:
  Layout & Grid in Design Systems
• newer link:
  Responsive images on Shopify with Liquid

---

Related contents with similar topics

1. 

   Sebastiano Guerriero

   Chameleonic Header

   • Nicolas Hoizey
   • 5 March 2020
   • design, CSS, JavaScript
   • 3 reactions

   I remember seing a clever design years ago that had this effect on scroll, but it was just for a logo, with a single image. Now that we have clip-path…

2. Responsive Icons with SVG

   • Nicolas Hoizey
   • 31 October 2013
   • SVG, design, CSS, responsive
   • 15 reactions

   There have already been some explorations on responsive SVG images a while back, but when Joe Harrison posted a responsive icon concept on Dribbble and even a working version on a dedicated website, a few people thought this was so wrong they had to make their own version. I must admit I'm one of them… 😉

3. Where is the Fold?

   • Nicolas Hoizey
   • 4 April 2011
   • design, CSS, responsive

   OK, on le sait tous, « there is no page fold », mais savoir où est ce non fold peut être carrément utile, alors heureusement qu'il y a des outils…