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

COMMUNITY
MORE

Html

Html posts, videos, courses, and more

DevDojo bobbyiliev Avatar

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
DevDojo bobbyiliev Avatar

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
DevDojo superdev Avatar

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
DevDojo rahulism Avatar

What is Javascript Slice? Practical examples and guide

If you're new to coding, the term 'slice method' may be daunting. Put simply, the slice method is a powerful JavaScript tool that lets you extract sections of an array or string. It's one of...

Rahul ยท 2 years ago

DevDojo diogocapela Avatar

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
DevDojo rahulism Avatar

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

DevDojo souptikdn Avatar

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
DevDojo inspector Avatar

Custom Tooltip Directive in Vuejs 3: Tutorial

Custom directives in Vuejs 3 are one of those things where there is no compatibility with the previous version of the framework. Working on the new version of the Inspector frontend dashboar...

Valerio ยท 2 years ago

1
DevDojo rahulism Avatar

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
DevDojo amenaisabuwala Avatar

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
DevDojo rahulism Avatar

How to create react elements with JSX | React Recipes

JSX is a powerful tool for building user interfaces that is easy to read and understand, and can improve the performance and maintainability of your code. In this blog post we will learn abo...

Rahul ยท 2 years ago

4
DevDojo souptikdn Avatar

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
DevDojo souptikdn Avatar

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
DevDojo theinsightfulcoder Avatar

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
DevDojo souptikdn Avatar

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 ยท 3 years ago

7
DevDojo souptikdn Avatar

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
DevDojo dhairyashah Avatar

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
DevDojo dhairyashah Avatar

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
DevDojo dhairyashah Avatar

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
DevDojo dhairyashah Avatar

How to set the HTML lang attribute in Next.js?

What is HTML lang Attribute? The HTML lang attribute is used to identify the language of the content on the web and, when you've got an international audience say for example Spanish and Eng...

Dhairya Shah ยท 3 years ago

3
DevDojo dhairyashah Avatar

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
DevDojo diogocapela Avatar

Adding fallback images onto your React projects

If you are developing a web application, then there are a lot of things to consider. One important aspect is the images that are used, for aesthetic purposes or various other reasons (e.g. i...

Diogo Capela ยท 3 years ago

3
DevDojo dhairyashah Avatar

Let's make a Sponsor page with Next JS and Stripe

Today, let's build a sponsor page with Next JS and Stripe. Wish you all the best ๐Ÿ™Œ Introduction Next JS - Next.js is an open-source web development framework built on top of Node.js enablin...

Dhairya Shah ยท 3 years ago

2
DevDojo dhairyashah Avatar

Do you know history.back() in JavaScript?

So, we all surf the internet to watch YouTube videos and Stackoverflow and many more. And we usually click "โ†" this button to go back to the previous website. Do you know? You ca...

Dhairya Shah ยท 3 years ago

3
DevDojo dhairyashah Avatar

Let's make a sticky navbar in both Vanilla & Tailwind CSS

Many of us have noticed, a sticky navigation bar on many websites including this blog... Here in the GIF, as you can see Navbar is fixed to the top of the page. The only purpose of keeping...

Dhairya Shah ยท 3 years ago

5
DevDojo dhairyashah Avatar

It's 2022, don't use the console.log(๐Ÿ˜Ž)

We as Javascript developers usually console.log() stuffs to test the output or just for fun. Even, I can bet that our (include me โœŒ๏ธ) first code was "Hello world" logged in the con...

Dhairya Shah ยท 3 years ago

3
DevDojo abhiraj Avatar

5 best practices for better HTML forms

Forms are an essential part of any UI It can be intimidating to work with HTML forms. They don't only use a few specialised HTML elements; they also blur the barrier between static material...

Abhiraj Bhowmick ยท 3 years ago

4
DevDojo dhairyashah Avatar

View list of GitHub commits within the specified date range

Hello Folks ๐Ÿ‘‹ What's up friends, this is SnowBit here. I am a young passionate and self-taught frontend web developer and have an intention to become a successful developer. Have you ever n...

Dhairya Shah ยท 3 years ago

2
DevDojo dhairyashah Avatar

Flipping Card in CSS

Hello Folks ๐Ÿ‘‹ What's up friends, this is SnowBit here. I am a young passionate and self-taught frontend web developer and have an intention to become a successful developer. Today, I am her...

Dhairya Shah ยท 3 years ago

4
DevDojo dhairyashah Avatar

How can you implement the sleep() function in Javascript?

Hello Folks ๐Ÿ‘‹ What's up friends, this is SnowBit here. I am a young passionate and self-taught frontend web developer and have an intention to become a successful developer. Today, I am her...

Dhairya Shah ยท 3 years ago

1

Loading More Content