Web

Increase productivity using Git Aliases.

You can use Git with graphical interfaces, but the only way to have full control and to know exactly what you are doing is to use the command line.

Handle HTTP range requests with status code 206 Partial Content

Stream audio and video content with Media Source Extensions API using the Content-Range response HTTP header.

Block pop-ups when loading external content

Block pop-ups using HTML on embedded pages and enjoy streaming movies on your smart TV.

How to improve web browsing experience

Everything that is too easy, too important or too good might be a scam. Following these steps will improve your web browsing experience.

Create sticky header only with React Hooks.

Create a simple sticky header only with functional components and React Hooks with no npm packages or other complicated functionality.

Use nested lists in Sass to organize CSS rules like padding and margin.

With Sass you can organize data into nested lists, scale data easily and create all the CSS rules with loops.

Implementing draft status for your blog posts in GatsbyJS

Will be great if Gatsby blog starter has the same status management for blog posts as WordPress. Until now I stash my blog post progress and commit my design changes. This is redundant and having draft or published statuses will make life much easier.

Creating client-side page redirect in GatsbyJS without using plugins.

An easy way to create redirects in GatsbyJS is with a Meta refresh HTML tag.

Start your JSS journey with the selectors cheat sheet.

A small cheat sheet of most popular JSS selectors I use the most and always forget

Pixel density and Resolution tool for CSS media queries

Open this page on whatever device or browser you want and check. It will show what pixel density or pixel ratio the device/browser has and it will create media queries for HD or Retina displays.

Center grid and align items on the left using CSS

If you think that it is a trivial task to center grid content and align its items without JavaScript, think again.

Export SSL certificate to PFX and add to Azure Web Apps

The article is a short guide or even a small cheat sheet for activating your SSL certificate to Azure Web Apps.

Enable compression on SVG files

Receiving PageSpeed Insights "Enable compression on SVG files" recommendation with gzip or deflate enabled is a strange error with a simple solution.

Eliminate render-blocking CSS in above-the-fold content, Part 3/3

This is an error that can take 30+ points from your score, but it could be surprisingly easy to fix even on a mature website.

Eliminate render-blocking JavaScript in above-the-fold content, Part 2/3

This is an error that can take 30+ points from your score and it is one of the hardest to fix on a mature website.

Code Bites: style "previous" HTML tags or how to reverse the cascading selectors without JavaScript

Every time when you want to change any element which is above in the DOM Tree, try to target the parents.

Code Bites: simulate click events only with CSS

Often, I like to joke that you can program with CSS. In this case I’ll show you how to have click events without JavaScript.

Organize CSS Preprocessors like Sass or Less in Angular Cli

Angular 4 organizes its styles in a way that can make you fall in love again. But there is an issue that surfaces itself when I tried to use Sass or Less variables and partials.

Migrate Sitefinity assembly references from bin to NuGet packages.

By default, Sitefinity assembly references are in the /bin folder which makes future updating process harder.

CSS animations triggered when elements are visible on-screen

There are great ideas, and examples on the internet for CSS animations, but not so many explain how to make loading page elements appear smoothly and not before they are visible/scrolled.

How to implement Google Tag Manager in Sitefinity

Google Tag Manager is the needed bridge between analytics tools and marketers, and after 2014 with its second version, it becomes a must tool for everyone.