Marketing is not about guessing what your customers want; it’s about finding it yourself and offering them that one thing they need. Sometimes, you simply want to know what makes your page great in terms of design, layout and content structure. Unlike Google Analytics, which works with numbers and statistics, the heatmaps show you the exact spots that receive the most engagement on a given page. In this article, Adelina Țucă will show you why they’re so efficient for your marketing goals and how they can be integrated with your WordPress site. Knowing what your users’ actions are when they land on your web pages could be something truly fascinating, and you can learn a lot from it.
Read more…
Linking JavaScript functionality to the DOM can be a repetitive and tedious task. In this article, Rik Schennink explains how ConditionerJS can help make websites more flexible and user-oriented. Step-by-step he’ll improve this logic, and finally, he’ll make a 1 Kilobyte jump to replacing it with Conditioner. By combining all of the following tiny changes, you can speed up page load time and more closely match your functionality to each different context. This will result in improved user experience and as a bonus improve our developer experience as well.
Read more…
React and D3.js are great tools to help us deal with the DOM and its challenges. They can surely work together, and we are empowered to choose where to draw the line between them. Both take control of user interface elements, and they do so in different ways. How can we make them work together while optimizing for their distinct advantages according to your current project? In this article, Marcos Iglesias will see how we can approach building React projects that need the powerful charting goodness of D3.
Read more…
Whenever we design a web application utilizing real-time data, we need to consider how we are going to deliver our data from the server to the client. The default answer usually is “WebSockets.” But is there a better way? Let’s compare three different methods: Long polling, WebSockets, and Server-Sent Events; to understand their real-world limitations. The answer might surprise you.
Read more…
We all want to load images fast on the web. Choosing the right image format, optimizing the quality and using responsive images are important tasks, but what can we do beyond that? As developers, we need to measure performance. We should care more about the loading experience of the websites we build. It’s great that we now have tools such as WebPageTest and Lighthouse that can help us easily measure the effect of using progressive image loading techniques. No more excuses!
Read more…
The WordPress ecosystem, which relies on a huge community of developers, enables us to constantly incorporate new features into our websites with no major effort, or at least with much less effort than is required to develop the functionality from scratch. Moving from WordPress to Netlify has trade-offs. What if we could have a WordPress website in which its dynamic content could be exported as static files? Leonardo Losoviz explains how you can combine both worlds: switch to a static site generator without having to abandon WordPress.
Read more…
Let’s be honest: It’s not the design files that become bigger by magic. It’s designers who fill their files with unused, unoptimized and hidden elements that take unnecessary space. There are huge Sketch files that exist, and not only do they slow down Sketch, but also any designer’s productivity. In this article, Ahmed Sulaiman introduces a menu bar application that is bound to help you get rid of this headache.
Read more…
Intersection information is needed for many reasons, such as lazy loading of images. But there’s so much more. It’s time to get a better understanding and different perspectives on the Intersection Observer API. In this article, Denys Mishunov is going to go out of the scroll darkness and talk about the modern way of lazy-loading resources. Not just lazy-loading images, but loading any asset for that matter. And the technique he is going to talk about today is capable of much more than just lazy-loading assets. Ready?
Read more…
We asked our readers and the community to use everything they could to make their websites and projects perform blazingly fast. Today, Cosima Mielke is thrilled to show off the results of this challenge and announce the winner who will be awarded with some smashing prizes indeed! Thanks to everyone who participated in the challenge! We were quite happy with the quality of the submissions we received, and it honestly wasn’t easy to choose a winner. Keep up the brilliant work!
Read more…
With the coming of the Client Hints, Variants and Key specifications, there’s a lot to take in, and while it can be interesting to understand how the browser works under the hood, Andrew Betts shows you some simple things you can distil from it: Browsers ignore Vary for resources pushed using HTTP/2 server push, so don’t vary on anything you push. Vary is not as useful as it could be, and Key paired with Client Hints is starting to change that. Follow along with browser support to find out when you can start using them. And much more! Go forth and be variable.
Read more…