In this excerpt from his eBook “The WebP Manual,” developer and author Jeremy Wagner will show you the many ways you can convert your existing images to the WebP format.
Read more…
With so much going on in the web industry, it can be difficult catching up with everything — especially with font loading and webfonts that greatly affect web performance. Search no further — we’ve got your back.
Read more…
We’re pretty excited by tools such as SVGator, which really speed up the process when you’re making simple SVG animations. Animated SVG files have become very popular, because they are entirely scalable, small and 100% code-based, which allows for so many transformations and tweaks. This, however, comes at a price: the steep learning curve for complete beginners. In this article, Vitaly Friedman will show you how easy it is to use and how you can get a great-looking animation in no time.
Read more…
The placeholder attribute contains a surprising amount of issues that prevent it from delivering on what it promises. The presence of a placeholder attribute won’t be flagged by automated accessibility checking software. However, this doesn’t necessarily mean it’s usable. Ultimately, accessibility is about people, not standards, so it is important to think about your interface in terms beyond running through a checklist. In this article, Eric Bailey will clarify why you need to stop using it.
Read more…
When it comes to performance, what works in the browser doesn’t necessarily suit Node.js. So, how do we make sure a Node.js implementation is fast and fit for purpose? Node is a very versatile platform, but one of the predominant applications is creating networked processes. In this article David Mark Clements is going to focus on profiling the most common of these: HTTP web servers.
Read more…
Not sure how to remove the code debt that bloats and weighs down your site? In this article, Jon Raasch will show you the quantitative benefits of optimizing page speed. This guide will give you the tools you need to convince others. Here are specific ways mobile performance impacts your site and page speed results. It’s time to change our mindset.
Read more…
Not all developers are aware of how useful React Native actually is. Here are some tips on how to create an audio and video recording app by using Expo development tools. In this article, Oleh Mryhlod will share some insights about the high-level capabilities of React Native and the products you can develop with it in a short period of time. By the end of this guide, you should have all the necessary knowledge to create video/audio recording functionality with React Native. Let’s get into it.
Read more…
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…
