Paweł Kowalski articles - 33 total
Background images in TailwindCSS - the clean and easy way
My biggest issue with TailwindCSS was the ugly way of using background images with it. I had to...
We Are Switching From TestCafe to CodeceptJS – Here’s Why
We have been using and promoting TestCafe at platformOS for the past couple of years with great...
How We sped Up Our Webpack (TailwindCSS) 7 times!
In the last article about build speed optimization, we described how we went from 64 seconds to 17 se...
How We Sped Up Our Webpack (TailwindCSS) Build By 74%
Since Github Actions became a thing, I became interested in saving precious seconds in our plan by op...
How to catch Front-end performance regressions?
If you try to take care of your visitors by making your website fast and light, you probably measure...
How platformOS uses mixpanel while keeping users privacy?
We at platformOS value our visitors privacy, time and money. And because we live by our values, we al...
platformOS Documentation Site Webpack Setup
Webpack is a powerful tool. Back in the day, it had a reputation of being hard to learn and hard to u...
How to Test Slack Notifications
Marketing forms are often connected to a third-party system to help the marketing team provide faster...
Using WebP in Your Existing Webpage
If you are checking your website's performance using Lighthouse, you might have noticed that one reco...
Should You Always Care about Your Website Size?
TLDR: If you reduce your critical path size from 90 to 60 KB, it's good, but not all that great from...
Image Maps with SVG — Back to the Future
If you've been in the field of front-end development long enough, you might remember layouts made out...
Our documentation site is using Webpack 5 already
A couple of days ago, Webpack 5 was released. Webpack is such a great tool that we decided to upgrade...
Scrolling to the Top in CSS
This post was inspired by "Stop Using Fixed Headers and Start Using Sticky Ones" by Luis Augusto, whe...
We Couldn't Go Faster Using Quicklinks (or instant.page)
Recently, I've read the article "A/B Testing Instant.Page With Netlify and Speedcurve" by Tim Kadlec....
2 Console Commands You Might Forget About
This post was inspired by "How to use console command effectively" in which Trishul presents some eff...
3 Performance Tips for Your Next Project
This article is a continuation of my 3 Tips on Preserving Website Speed article. Let's assume you d...
Hide webpage elements, natively
This post is inspired by "How to hide Web page elements" where Habdul Hazeez shown a lot of techniqu...
3 Tips on Preserving Website Speed
3 Tips on Preserving Website Speed Performance optimization is one of the best (if not the...
How to get rid off hero banners on DEV.to
If you are anything like me, you don't like ads, tracking, wasting space, wasting transfers and shovi...
The Ten Commandments of Web Performance
Follow these commandments and your website will not be remembered as slow. Infographic...
Developing GraphQL Queries Using GraphiQL
This guide will introduce you to the GraphiQL IDE (integrated development environment) for GraphQL th...
Speeding Up Tesla.com - Part 2: Main CSS Splitting
In part 1 of this series I did three things to make Tesla.com a little bit lighter and faster: Comp...
Speeding Up Tesla.com - Part 1: Images and JS Minification
I like Tesla. I think they are a great company, working towards a better future. That's why I was on...
Monitoring Website Performance Using Lighthouse-CI
We take performance seriously in platformOS. We want our services, including our documentation site,...
Optimizing Images For The Web
In this article you can learn about the steps we are going through when preparing images for our web...
Implementing Social Media Cards for Your Website
Promoting content on social media is an important part of marketing. If you want to make sure your po...
Simple node debug logging
While working on node.js programs, you often need to print some additional info on the screen to know...
Embedding Youtube Videos in a Performant Way
Sometimes you want to share a Youtube video on your website, instead of just pasting a link. The prob...
Recording Your Terminal to SVG
Problem This use case describes how we recorded the pos-cli introduction and saved it as a...
Optimizing SVG Exported from Figma
There are many different image formats that can be used on the web, one of them is SVG. SVG is an XML...