PLATFORM
  • Tails

    Create websites with TailwindCSS

  • Wave

    Start building the next great SAAS

  • Pines

    Alpine & Tailwind UI Library

  • Auth

    Plug'n Play Authentication for Laravel

  • Designer comingsoon

    Create website designs with AI

  • DevBlog comingsoon

    Blog platform for developers

  • Static

    Build a simple static website

  • SaaS Adventure

    21-day program to build a SAAS

Css

Css posts, videos, courses, and more

How to Remove Arrow on Input type Number with Tailwind CSS

When designing forms with Tailwind CSS, you might want to remove the default arrows (also known as spinners) from number input fields. These arrows can interfere with custom designs and are...

Bobby Iliev ยท 1 year ago

3

How to Make Parent Div Activate Styling of Child Div for Hover and Active States

Hey there developers! ๐Ÿ‘‹ Today, we're diving into a Tailwind CSS trick! We'll explore how to make a parent div control the styling of its child elements on hover and active states. Let's jum...

Bobby Iliev ยท 1 year ago

2

How to Access Direct Children of a Div in Tailwind CSS v3

In this tutorial, we'll explore how to target and style the direct children of a div using Tailwind CSS v3's powerful arbitrary value syntax. This feature allows for more flexible and precis...

Bobby Iliev ยท 1 year ago

3

How to Vertically Align Content with Tailwind CSS Across a Full-Screen Div

Vertical alignment can often be a challenge in web design, but with Tailwind CSS, you can easily align elements in the center of the screen. This quick guide will walk you through the steps...

Bobby Iliev ยท 1 year ago

The Importance of a CSS Preloader and How to Implement One

In today's fast-paced world, online users have come to expect quick and seamless interactions with websites and applications. Slow loading times, while common, can leave users feeling frustr...

Supernova3339 ยท 2 years ago

4

How to Create a Sticky NavBar using Tailwind CSS

Introduction When building a modern, responsive website, navigation plays a crucial role in user experience. A sticky or affix navigation bar remains visible at the top of the screen as user...

Bobby Iliev ยท 2 years ago

4

13 must visit websites to learn and master CSS in 2023

Are you looking to break into web development but don't know where to start? Learning CSS is a great place to begin your journey, and lucky for you, there are tons of great online resources...

Rahul ยท 2 years ago

4

Learn CSS by playing games

CSS is an essential part of web development, as it determines most of the layout and appearance of websites. If you are looking to brush up on your CSS skills, these can be a great way to le...

Diogo Capela ยท 2 years ago

3

Understanding the Parent CSS Selector :has(): A Comprehensive Guide for Beginners

Have you ever felt like you're stuck in a loop while writing your CSS? Does the thought of using parent selectors to simplify your code seem like an impossible task? Not sure where to start...

Rahul ยท 2 years ago

Mastering Nested CSS Selectors: Tips and Techniques

Have you been trying to learn more about CSS selectors, but feeling a little overwhelmed? Well, you're in the right place! Mastering CSS selectors don't have to be a daunting task. You can s...

Rahul ยท 2 years ago

2

8 Free Avatar Tools

Avatars are digital representations of individuals or characters that have become a important factor of our digital lives. It helps us to express ourselves and engage with others, from socia...

Souptik Debnath ยท 2 years ago

2

A guide to CSS Color functions in 2023

Hey, there fellow developers! Today we're going to dive into the world of CSS color functions. You might have used CSS to change the color of an element on a web page, but have you ever hear...

Rahul ยท 2 years ago

3

Let's make JavaScript logo with HTML and CSS! ๐Ÿ’›

Heyy Smarties! ๐Ÿ˜Ž How are you all doing? Hope you all are doing well! Today we are gonna make a JS logo with HTML and CSS it's gonna be fun! ๐Ÿฅณ And when you'll make it you need to post on T...

amenaisabuwala ยท 2 years ago

2

8 Best Video Games For Web Developers ๐Ÿ’ป

In this post, I'll share with you 8 video games that can help you become a better web developer. From problem-solving and logic to design, playing these games will help you develop a variety...

Souptik Debnath ยท 2 years ago

7

CSS :has() Pseudo-class Selector

Theย :has()ย relational pseudo-class is officially recognized as aย Parent Selector, and in the actual spec [Selectors Level 4], it is described as a relative selector that accepts โ€œforgiving-r...

Alex Ivanovs ยท 2 years ago

2

10 Best Free Web Development Courses ๐Ÿคฉ

There are countless online resources that can teach you everything you need to know about web development, but getting started with free, self-guided courses is a great way to get familiariz...

Souptik Debnath ยท 2 years ago

2

How to Install Tailwind CSS 3 in Laravel 9 With Vite 3

Tailwind is a modern CSS framework. It is a utility-first-based framework and provides you with a unique set of utility classes which makes the development process very easy and results in m...

TechvBlogs ยท 2 years ago

5

25 YouTube Channels to Learn Web Development for Free

Web Development is one of the highest-paying careers today. According to the U.S. Bureau of Labor Statistics, web development provided employment to 174,300 developers in the US alone. Going...

Sai Ashish ยท 2 years ago

2

12 Best CSS Animation Libraries ๐Ÿ˜

No matter what you're looking for, whether it's clean and simple or fun and quirky, you'll definitely find a library for you among these CSSanimation libraries. Here are the best 12 CSS anim...

Souptik Debnath ยท 2 years ago

7

Style your Svelte website faster with Stylify CSS

Stylify + Svelte + Vite. Style your Svelte website faster with Stylify. Don't study selectors and syntax. Use pure CSS syntax and get generated CSS with advanced optimization for production....

Vladimรญr Machรกฤek ยท 3 years ago

4

Style your React.js website faster with Stylifyย CSS

Stylify + React.js + Vite.js. Style your React.js website faster with Stylify. Don't study selectors and syntax. Use pure CSS syntax and get generated CSS with advanced optimization for prod...

Vladimรญr Machรกฤek ยท 3 years ago

4

Style your Next.js website faster with Stylify CSS

Style your Next.js website faster, more efficiently and intuitively with Stylify. Don't study selectors and syntax. Use pure CSS syntax and get automatically generated CSS with advanced opti...

Vladimรญr Machรกฤek ยท 3 years ago

1

Write optimized CSS in Symfony with Stylify

Stay in Twig and PHP files, write HTML and get optimized CSS. From anoying switching between files to flawless coding. Learn how to improve the coding experience in your Symfony Web Applicat...

Vladimรญr Machรกฤek ยท 3 years ago

How to setup Tailwind CSS in Vue 3

Tailwind CSS is one of the newest and coolest utility libraries on the block, and it lets you build UI components with ease. Hereโ€™s a quick guide on how to set up Tailwind in your Vue 3 proj...

TechvBlogs ยท 3 years ago

6

8 Helpful Tools For Frontend Developers ๐Ÿฆ„

There are a variety of front-end development tools for different purposes. Here is a list of 8 front-end tools that you may find useful for your next project. So, let's start without further...

Souptik Debnath ยท 3 years ago

5

How to make responsive font size in CSS?

We usually talk about the Responsive design and images on the web. Have you are thought of making fonts, the core part of the website responsive? Don't worry if you haven't, in this article...

Dhairya Shah ยท 3 years ago

3

How to disable right-click on your website?

Disabling right-click on websites provides basic security so that people don't save images and copy links and text. Today, in this article I will show you how you can also disable right-clic...

Dhairya Shah ยท 3 years ago

3

How to make a custom text selection color?

Introduction So are you sick of the default text selection color? I am, so today we're going to override the default color with one that's a lot more attractive. It will be readily apparent...

Dhairya Shah ยท 3 years ago

4

CSS Box shadow v/s Drop shadow

Shadows are a critical function in the world of web design and can serve a number of useful functions. Shadows add depth, dimensionality, and direction to your content. There are two propert...

Dhairya Shah ยท 3 years ago

4

How to make a beautiful gradient scroll bar with CSS

Introduction In this article, we will explain how to make a custom scrollbar in CSS. Custom scrollbar using CSS is a very useful and important thing for a website. It makes the website more...

Dhairya Shah ยท 3 years ago

6

Loading More Content