Subscribe to our newsletter

If you provide url of your website, we send you free design concept of one element (by our choice)

Subscribing to our newsletter, you comply with subscription terms and Privacy Policy

Resize multiple images proportionally with FFmpeg and a shell function

December 26, 2021 ≈ 2 minutes 5 seconds

You probably already know that FFmpeg can resize images proportionally, and also that it can't overwrite them. So you either save resized files under new names or into a new folder, and it becomes tedious... When you repeat the same pattern multiple times over the week, it's time to search for a way to automate it...

Make NPM package with Vue Single File Component (SFC) working with Vue 2 and 3

November 22, 2021 ≈ 3 minutes 21 seconds

Recently I made a single file upload component for Vue with drag'n'drop support. I made it suitable for my Vue2 and Vue3 projects and while publishing on NPM, I thought there would be a simple way to make it installable for both Vue2 and Vue3 users. But there was a number of catches...

What is JS window.event, why it is deprecated and what to use instead?

November 12, 2021 ≈ 1 minute 41 seconds

A lot of times I used the event variable in my Javascript functions, saw «Deprecated symbol used, consult docs for better alternative» warning from my IDE, and just ignored it. Day-by-day, curiosity for what is event, why it is deprecated, and what should I use instead reached the level where I decided to learn about...

Filters in CSS cheat sheet

September 14, 2021 ≈ 43 seconds

Filters in CSS are commonly used to adjust the rendering of images, backgrounds, and borders. With filters, you can make a picture grayscale, increase the contrast, make it blur, add shadow, or completely invert the colors. Here is a little downloadable and a printable cheat sheet with CSS ...

Create your first Tailwind CSS plugin

September 8, 2021 ≈ 54 seconds

Tailwind CSS is a modern utility-first CSS framework with great documentation. This guide will show you how to extend Tailwind with plugins, which you can write yourself. We are going to create plugin.js file and include it in tailwind.config.js configuration file. The purpose of the plugin is to just output...

Hello world with Three.js

August 24, 2021 ≈ 3 minutes 22 seconds

Most Three.js Hello World programs are just rotating cubes. Here we going to rotate the real Hello World text. And we would do it in one HTML file. We include the Three.js library through CDN and font directly from GitHub. Everything would work without a server, just open a final HTML file in the...

Write your first WebAssembly program

August 8, 2021 ≈ 42 seconds

Today, all the popular modern browsers provide WebAssembly support. But what you can do with it? — With WebAssembly you can run code written in multiple languages, like C, C++, and Rust at near-native speed in the browser! It's easier to understand with code, so let's write...

Simple multi-domain counter with Redis and PHP

June 2, 2021 ≈ 1 minute 6 seconds

Imagine you have multiple domains on your server and you want to add a simple counter to count views and visits. In this tutorial, I’m going to describe how to implement views and visits counter with PHP and Redis. It would be the most simple solution without bots detection, just visits and views...

How to schedule a backup of a database on Ubuntu VPS

February 28, 2021 ≈ 43 seconds

Regular backups are important. This tutorial shows how to back up the MySQL database daily and keep only the latest. It requires you to be familiar (a bit) with mysqldump and ...

How to save inline SVG as PNG with vanilla Javascript and html canvas

February 17, 2021 ≈ 1 minute 27 seconds

Imagine, you loaded an SVG file from the database and displayed it on the page. How to convert it to PNG? How to make download links? Nowadays, with modern browsers (bye-bye IE, I would never miss you) and html canvas, this is pretty simple, even using...