How to use line clamp in Tailwind CSS?
The easiest way to add Ellipsis using Tailwind CSS. Line Clamping makes this task an easy one.
My experience learning Tailwind CSS
Recently I start learning Tailwind CSS, a CSS framework that helps you write CSS way faster. Tailwind is a utility-first CSS framework packed with classes like flex, pt-4, text-centre and rotate-90 that can be composed to build any design, directly in your markup. Basically, it lets you write CSS in the form of classes within HTML. Prerequisites for learning Tailwind CSS After testing out Tailwind, below are the things you should have knowledge about before starting with Tailwind CSS -
Websites you need to know if you are a web developer
Here are some must know websites if you are a web developer! Haikei [https://app.haikei.app/] Haikei is an amazing web app which helps you create stunning svg shapes, beautiful backgrounds and much more which are very difficult to make with css. They can easily be used in your project by downloading them in either svg or png format. It has a beautiful dark themed UI with perfect UX ✌️ Dribbble [https://dribbble.com/] Its a website where some of the best UI/UX designers post their work. Its
What is Structured Data for Advanced SEO?
What is structured data and how to implement it on my website to get to the top of google search results?
How to use React-Axe with Next.js?
Simple and easy solution on how to use React Axe, now @axe-core/react, with a Next.js App. Helps increase your accessibility score.
Deploy Static Site on Digitalocean using Github Actions
Easiest Guide to deploy your Static site on Digitalocean using Github Actions. Automating the build and deployment on every push saves tons of time.
Deploy Gatsby on Digitalocean with Github Actions
Easiest Guide to deploy your Gatsby project on Digitalocean using Github Actions. Automating the build and deployment on every push saves tons of time.
How to use Bulma with Next.js
A guide on how to install Bulma with Next.js including a Boilerplate Template to get started with Next.js + Bulma.
Next-Image with StorybookJS
How to add Next JS Image tag in your storybook JS?
Storybook Js with Next Js and Tailwind CSS
Storybook is a brilliant open-source tool to develop UI components in isolation for your React or Next js App, etc. With Storybook, you can develop and visualize your components even before creating any pages. Let us implement a storybook with next with tailwind CSS.
Setting up ESLint and Prettier For Your Next.js Project
How to Setup your Next.js Project using ESLint and Prettier. Step by Step guide. Containing bonus boilerplate templates also, to help you get started.
Learn JavaScript sync and async the easy way 🚀
Data fetching in javascript is an integral part of full-stack web development. Learn how to master the art of fetching data using asynchronous javascript.