The easiest way to add Ellipsis using Tailwind CSS. Line Clamping makes this task an easy one.
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 -
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 and how to implement it on my website to get to the top of google search results?
Simple and easy solution on how to use React Axe, now @axe-core/react, with a Next.js App. Helps increase your accessibility score.
Easiest Guide to deploy your Static site on Digitalocean using Github Actions. Automating the build and deployment on every push saves tons of time.
Easiest Guide to deploy your Gatsby project on Digitalocean using Github Actions. Automating the build and deployment on every push saves tons of time.
A guide on how to install Bulma with Next.js including a Boilerplate Template to get started with Next.js + Bulma.
How to add Next JS Image tag in your storybook JS?
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.
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.