Join 45,269 other Developers as we
Learn, Build, and Grow Together.
Connect with fellow developers and gain access to tools that will help you build a profitable SaaS 🚀
Sign Up
Css
Css posts, videos, courses, and more
How to setup Tailwind in your project
Tailwind is a utility-first framework consisting of various classes to help you build clear and responsive designs fast inside HTML markup file.
In this post, you will learn how to set up ta...
4
Select One:
13 Ultimate UI/UX website inspiration for Designers and Developers
Regardless of whether you're an accomplished website designer or developer or simply a beginner, a website architecture venture's extension can rapidly limit the quantity of assets accessibl...
3
Select One:
10 CSS tips you need to know right now.
1. Change the color of the cursor for any input field
2. Center any thing with just 3 lines of CSS
3. Add smooth scroll in just one line of CSS
4. Add any image to the heading of a page t...
7
Select One:
5 programming languages that can make it big in 2022
We're all aware that tech is progressing at an alarming rate. It's common to see one technology surpass the other in terms of advancements and improvements. One thing that we must always kee...
4
Select One:
The Ultimate HTML & CSS Cheatsheet
HTML Cheatsheet
Structure
This is the basic template or barebone structure of HTML.
Boilerplate
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF...
5
Select One:
Using Notion to organise programming topics
When I first started diving into the web development world I felt overwhelmed by the amount of information out there, and all the topics I wanted to explore and learn. I immediately found th...
3
Select One:
How to become a web developer in 2022, with coach Gandalf
In this blog post, I'll be discussing why you shouldn't trust on new year's resolutions, how overrated motivation is, tools to help you succeed in the path of learning web development, and t...
6
Select One:
Which CSS framework should you use?
When constructing CSS on HTML responsiveness, accessibility, and structure, it takes a lot of time and effort to build and create responsive CSS frameworks. This is why CSS frameworks were c...
5
Select One:
15 awesome CSS animation libraries you need to know.
Transitions from one CSS style configuration to another can be animated using CSS animations. A style describing the CSS animation and a set of keyframes indicating the start and end states...
4
Select One:
TailwindCSS v3 released! A look at the new features 🎨
Intro
Tailwind CSS v3.0 just got released and they have added a lot of cool features, so let's have a look at them.
JIT is now inbuilt
The JIT mod is now inbuilt in TailwindCSS so it is way...
5
Select One:
Make a toast with HTML, CSS, and JS
Introduction
Toasts are very useful for showing users some information. It has a wide variety of uses from displaying success messages for successful actions, showing error messages in case...
4
Select One:
Learn CSS by Playing Games
Hello Folks 👋
This is Savio here. 14 year old, building useful products. Helping people with tweets and blogs on web development, frotend tips, and interesting resources.
Today, I'd like to...
5
Select One:
Animate and Change Header Background on Scroll
You might have seen some web apps where the header changes its color or becomes glassmorphic when you scroll down. So in this tutorial, I am going to show you how you can do the same. Let's...
4
Select One:
Free Certification Courses for Developers 🔥
Hello Folks 👋
This is Savio here. 14 year old, building useful products. Helping people with tweets and blogs on web development, frotend tips, and interesting resources.
Today, I'd like to...
6
Select One:
TailwindCSS Scroll Snap Utilities
When TailwindCSS v3 is released, we will have some awesome new utility classes to include in our pages. One of which is the the scroll-snap utilities. This will allow you to easily add simpl...
6
Select One:
Build a Math Game with JavaScript
Hey! I'm Lia Sue Kim. In this video tutorial we're going to create a math game using HTML, CSS and JavaScript. You don't need to download any files or folders. Everything can be done within...
2
Select One:
Basics of HTML and Everything you Need to Know about it
HTML is the markup language used for structuring and presenting content on the World Wide Web. Together with CSS and JavaScript, it enables us to have beautiful and interactive websites.
Sin...
7
Select One:
Let's build an emoji switcher like discord in just 5 minutes
Hello there, I am Savio Martin, A 14-year-old passionate Full Stack Web Developer from India. Today, I'm gonna make something super awesome and in-demand project In Just 5 Minutes.
You all m...
6
Select One:
Create a Video Landing Page with HTML and CSS
If you want to be a better front-end developer, one of the many projects you are bound to do is building a landing page. Whether it is embedded with a video or just a page mixed with images...
4
Select One:
15 amazing websites for UI inspirations 💖
Hello Geeks 👋
This is Savio here. I'm young dev with an intention to enhance as a successful web developer. I love building web apps with React. I have proved my superiority in frontend tech...
6
Select One:
TailwindCSS 2.2 in 22 seconds
Want to learn what's new in TailwindCSS 2.2 in 22 seconds?
Maybe that's a little too ambitious 🤪. It might be more like 122 seconds. Either way, in this tutorial, you will learn the new thin...
13
Select One:
SASS nothing to something, CSS superpower
SASS is CSS with superpowers. So, as front-end developer and learner I researched about LESS which was great but very soon I changed to SASS because of using pre/post processor you can write...
6
Select One:
15 Best and Unique CSS Loaders
One of the fundamental principles of User Experience (UX) is that a visitor expects to see
some feedback when they do an actionable work on a website or an app. For example, when you click o...
4
Select One:
Create a Dark Mode toggler with Tailwind ⚡️
Hello Folks 👋
This is Savio here. I'm young dev with an intention to enhance as a successful web developer. I love building web apps with React. I have proved my superiority in frontend tech...
4
Select One:
Set Up Tailwind JIT In React - The fastest way! 🚀
Hello Folks 👋
This is Savio here. I'm young dev with an intention to enhance as a successful web developer. I love building web apps with React. I have proved my superiority in frontend tech...
5
Select One:
The future of Responsive Design with Container Queries.
When we write responsive design using CSS today, we use the media at-rule, more commonly known as a Media Query. This at-rule queries the device or user-agent to grab the values it needs for...
5
Select One:
Flexbox Cheatsheet
Flexbox is amazing. It has changed how we write the CSS and it provides built-in support for responsiveness. So all the responsiveness of your website is handled by flexbox making it easier...
3
Select One:
16 must-have Figma Plugins for UI/UX Designers
Hey there, I'm Savio Martin, A 14-year-old boy on an intention to enhance as a successful full-stack web developer. I love building full-stack web applications and mobile apps. I have proved...
7
Select One:
Secrets to using REM in CSS: CSS Tips
As device sizes proceed to wander and programs give more client alternatives, utilizing static units simply doesn't cut it any longer. Some such countless individuals set their browser incli...
4
Select One:
Set Up Tailwind In React - The fastest way! 🚀
Hello Folks 👋
This is Savio here. I'm young dev with an intention to enhance as a successful web developer. I love building web apps with React. I have proved my superiority in frontend tech...
5
Select One:
Loading More Content
