Images are some of the most common types of content used on the web, they’re often used to attract user’s attention and they are usually the biggest element on-screen above the fold (think of banners, hero images, product images, etc) so it’s very important we do the best we can…

Sliders (or carousels) are some of the most common elements in almost any website these days, regardless of how you feel about them they can offer a convenient way of displaying information specially when screen size is limited. In e-commerce websites use cases range from displaying featured products, banners, promotions…

As much as I like working with Magento 2 I have to admit it’s never been known for its blazing performance, page loading speeds in both frontend and backend have been consistently slower than its own 1.9 version and that’s been a problem most Magento developers…

CMS blocks are a popular way to enable users to edit elements in their Magento 2 websites from the backend, it requires (almost) no coding skills and provide a relatively safe way of updating content without risking breaking your e-commerce site. Out of the box Vue Storefront provides support for…

For the past few months Magento has been working on PWA Studio which is, in summary, a collection of tools to help build modern Progressive Web Applications on top of Magento 2 stores. For the most part these tools have been used in production by other projects with great success…

I was browsing the ASOS website the other day and noticed they have a really nice animation when you click the icons to save some items for later:

Images are widely used in most websites, web apps and PWAs, have a look at any of your recent projects and it’s likely that images are responsible for a good portion of its bundle size. Because of this you might have run into this scenario: you have a mix of…

I’ve been working with Vue Storefront for the past few months and it’s been a great experience. It’s one of the few open-source solutions available to implement PWAs using Magento 2 (and many other e-commerce platforms) in the backend so it brings modern solutions out of the box to a…

Dropdown menus are a very common pattern around the web, their code is pretty straightforward: Use position: relative on the parent menu item. Use position: absolute on submenu. Toggle submenu visibility on parent hover. However that doesn’t account for the fact that most users don’t move the cursor to the…