Blog

SASS Filter & HTMLNano Transform in Eleventy

Know how to configure a SASS filter to inline compiled CSS of external SASS/SCSS files and a HTMLNano transformer to minify final HTML output

What are Bookmarklets ? How to create & use them ?

Bookmarklets are browser bookmarks that execute JavaScript code instead of navigating to a new page.

Get consistent CSS border widths using outline & box-shadow

What is NPM ? How to get started with it

NPM is a package manager for Node.js, it comes pre-installed with Node and is used to install and manage third-party modules available at npmjs.com.

How to setup Gulp and SCSS

Setup Gulp 4 and SCSS for auto complition

How to resize a cross-origin & same-origin iframe

Resize any origin's iframe with browser native APIs, without messing arround hacks.

Hamburger Menu With Only CSS or Some JavaScript

Get to know some smart CSS selectors, properties and very basic concepts of vanilla JavaScript by creating a animated hamburger menu with only CSS or some JavaScript