Deep CSS Optimizations in Magento 2

26th May 2020 Jakub Kulig

Magento 2 Frontend Development Optimizations

Merging and minifying CSS is a standard practice in the performance optimization world which can help significantly speed up a site as well as increase page score. They help reduce payload size and minimize the number of server requests which is alw…

Read More

How to pass Magento 2 Front-end certification exam

12th Sep 2019 Jakub Kulig

Magento 2 Frontend Certification

I've been working with Magento 2 for the past two years but somehow never got the courage or time to take on the certification exam. There were always some excuses that prevented me from booking the the exam -- excessive workload, newer version of M…

Read More

How to Optimize and Speed up Magento 2 Product Page Image Gallery

13th Nov 2018 Adrian Sanduleasa

Magento 2 Frontend tutorial Performance

Loaders are great for UX, it gives the user a feedback that some data crunching is going on, so they know that it's no point in trying to abuse the clicks, they just have to wait and that is just fine. BUT having to wait around 4s in order to see th…

Read More

Checkout validation UI Improvements

30th Oct 2018 Natali Miller

Magento 2 Frontend

When you are running an e-commerce store, inevitably you will experience shopping cart abandonment - customer adds items to their cart but leaves your site before checking out. According to Baymard Institute information, the average shopping cart a…

Read More

Building your own Magento 2 starter theme

26th Jul 2018 Jakub Kulig

Magento 2 Frontend Workflow Development

After having worked on a few Magento 2 projects we've discovered that we've been repeating the same tasks over and over at the start of each project. Removing redundant navigation elements, changing header layout or including our handy LESS mixins a…

Read More

Top 10 Magento 2 CLI commands for Frontend Development

1st Jun 2018 Adrian Sanduleasa

Magento 2 Frontend Tools CLI

As a frontend developer, there is a myth that CLI is for engineers or for sys admins and to don't touch it, but really, Magento 2 provides a straight forward list of commands and they can save you a lot of time on your development workflow. What is …

Read More

Creating a Custom Magento 2 Widget

24th May 2018 Jakub Kulig

Magento 2 Frontend Development module

There are times that you might want to give your client the ability to easily add or modify content on store front without using a full blown third-party extension. One common use case is a homepage slider or a simple content block in the sidebar wi…

Read More

Magento 2 frontend development using Gulp and BrowserSync

1st Mar 2018 Jakub Kulig

Magento 2 Frontend Workflow Tools

We all know Magento is not the most welcoming enviroment for front-end developers. The basic set of tools that comes with the Magento 2 package is cumbersome to use and doesn't really help developers get the most out of their skill sets. Using Grunt…

Read More