I had to use a loading animation in one of my mini-projects and I thought of creating a simple CSS spinner, no npm, no JavaScript, nothing. The spinner looks similar to Microsoft and HP apps with this blue loading animation. Let’s see the code HTML CSS Explanation As for the… Read More »Simple and Pure CSS Spinner
I started using some extra CSS to overwrite the default styles of my WordPress theme, and recently I thought of using SASS to maintain it, though it’s just over a hundred lines as of now. I wanted a simple tool to Convert SASS and Minify CSS. There are few well-known… Read More »Convert SASS and Minify CSS
Web is the synonym of magic!🧙♂️. In this post I’ll share some awesome resources I found, you can bookmark this page for later. Userbase Build Web Apps using HTML, CSS & JavaScript Built-in user accounts Zero-management database End-to-end encryption Sounds awesome right? Everything lives in the browser, no server and… Read More »Best of Web – 2020
Code Blocks are an important part of any programming blog and highlighting them will add more colors and fun. Syntax highlighted blocks of code looks pretty and are easier to read. In this post I’ll explain how I did it and you can too. Adding Prism.js to your Blog Visit… Read More »Styling Code Blocks in WordPress
Firstly, what is a website? A website is usually a collection of multiple sets of webpages that are located together under a single domain name, customarily assembled by an organization or a single person. Secondly, what is the process of creating a website? Front-end web development is the process of… Read More »FRONT-END WEB DEV 101
Images are one of the important assets when it comes to the web. We use images to express, convey, and show things that may not be possible with text. Style Images with CSS means styling like any other elements with CSS. An Image is inserted either by using the img… Read More »How to Style Images with CSS