How to link a npm package with its types

You just created a package / library written in TypeScript or Javascript and now you wanna publish it to NPM along with its types (typescript definitions) ensuring that type-hinting is available to everyone who uses your packages, then this little post is for you <3 Linking a NPM package with its types Your package could have been written in typescript or in javascript. Lets deal with packages written in typescript …read more

Building a REST API with Symfony and API platform

One of the basic building blocks of a project is to have a nice resilient API. In this guide, we will show you how you could setup a fully functional REST API with Symfony and API platform which conforms to the Open API specification. As a bonus, you will also get auto-generated documentation via Swagger. Lets jump to see what exactly we need to get started… Rest API with Symfony …read more

Send email programmatically for free from your domain

For a website, sending email is usually one of the primary things needed yet many-a-times is not a trivial task. Lets see how to send email programmatically from your domain with ease and moreover for free! Works with both – shared hosting as well as private hosting (VPS). So what is it that’s needed to send/receive emails from your own domain ? The answer is an SMTP server which is …read more

Wireless File Transfer between Android and Ubuntu

If you’re someone who finds file transfers with the USB cable inconvenient or just old school, then you’re at the right place. We’re gonna show you how you can quickly setup file transfers wirelessly between any android device and Ubuntu (Tested with Ubuntu 16.04, 18.04, 20.04) Should work for future versions too. There are multiple ways to perform wireless transfer and we’re going to look at the easiest ones. 1. …read more

All in one smart search with typeahead standalone

Building a smart search that’s fast, autocompletes your queries and displays suggestions is something that everyone would love on their website. Today you will be introduced to a sleek, lightweight and most importantly, a standalone autocomplete library – typeahead-standalone.js. Why typeahead standalone ? Before answering that, know that typeahead-standalone is heavily inspired from the famous twitter typeahead library. Although it is a fantastic library (we even recommended it back in …read more

LocalStorage with TTL (Time to expiry)

If you are familiar with the LocalStorage API, you know that there is no provision for setting a TTL. This post aims to show you an easy way to write up a simple wrapper to have LocalStorage with TTL. To setup TTL with LocalStorage, all we need to do is – Store items with TTL (i.e. set to expire within a given time frame) Retrieve items that haven’t expired To …read more

Moving from WebStorm/Phpstorm to VS Code

Been a user of Phpstorm/webstorm since long and wish to migrate to VS Code ? Skeptical about changing your IDE or the changes that it might bring along ? Fear not, for we will show you how you could setup VS code to be identical to Phpstorm/webstorm. Why should you migrate to VS Code ? I love using Webstorm/Phpstorm and it has been the editor of my choice since several …read more

Smooth Scroll in native Javascript/css

How to get a smooth scroll without using Jquery ? or any other library? As of 2020, such a trivial task is well supported natively by browsers. Smooth scroll can be achieved via pure javascript or even pure css. Lets check out how to smooth scroll natively using both the ways. Smooth scroll in pure Css Set the scroll-behaviour property to smooth on any class (or the whole body) to …read more

Lint on precommit Git hook made easy

This post involves setting up eslint, stylelint, husky and lint-staged to ensure you lint on precommit git hook. Less than 5 mins of setup that will automate linting and make it a part of your daily development process. If you are unfamiliar with the libraries that will be used, lets quickly see what each one of them does. Libraries Used and What they do ESlint – Tool to identify and …read more

Can I use font-weight: 1000 ?

The font-weight property is used to set the boldness (weight) of the font. The amount of boldness you get depends on the font (font-family) being used. Is it possible to surpass the standard font-weight property values and it be font-weight: 1000 ? Quick answer: Depends on your browser! According to the Css Fonts Module Level 4 specification, font-weight can have any value between 1 and 1000 (inclusive). All other values …read more