Learn CSS™

Weather App Build (Vue 3 & Tailwind) #1 - Introduction

Hey gang, in this series you'll learn how to create an awesome weather app using Vue 3, Tailwind CSS & the OpenWeather API.

🐱‍💻 Subscribe to John's channel for more great web dev tutorials - https://www.youtube.com/c/johnkomarnicki

🐱‍💻 Access the course…

147 views11:05

Very long practice using CSS with Freecodecamp with examples of certain display cases

https://www.freecodecamp.org/news/learn-css-in-11-hours/

#css #layout #freecodecamp

It is essential for frontend web developers to understand how to use CSS. This is what is used to style a website. We just published a comprehensive CSS course on the freeCodeCamp.org YouTube channel. In this in-depth course, you will learn about all...

Learn CSS in 11 Hours

161 views11:10

Introducing Zephyr: Tailwind CSS for React Native - LogRocket Blog

Introducing Zephyr CSS, Tailwind CSS based UI component for React Native

https://blog.logrocket.com/zephyr-tailwind-css-react-native/

#react #tailwind #zephyr

LogRocket Blog

React Native Zephyr is a Tailwind CSS-inspired styling library designed to increase your development speed and ship React Native apps faster.

181 views11:26

JavaScript mouse effects that follow your cursor or finger!

Cursor Effects

https://tholman.com/cursor-effects/

Tholman

90's Cursor Effects

175 views14:22

Forwarded from Learn Web Development

roadmap-webdeveloper.pdf

249.7 KB

Roadmap to Web development 2022 by Sleepless Yogi

125 views11:30

Forwarded from Learn Web Development

🛑Stop Cloning Websites for your portfolio

Cloning platforms like Amazon, Netflix, will not help you standout ❌

If you want to have unique projects and be more appealing to the employer ,do this!

Option #1 Go to Frontendmentor.io to get initial Project Ideas 💡
Pick a Project and expand it by adding extra features! 🚀

Option #2 Go to Dribbble.com there you can find some awesome designs and base your projects on them! Possibilities are endless 🚀

This will help you to

✅Showcase unique Projects

✅Build more relevant skills

✅Improve your problem solving

🚀 It’s true that there is a huge increase in the number of people trying to learn web development and to break into the industry!

✅ To do this, lots of people will build a portfolio of projects in order to get their first job, but it’s easy to fall into the trap of creating projects that are the same as everyone else’s! If everyone builds clones of Netflix/Amazon/YouTube or other huge platforms, there will be nothing impressive about that anymore!

🤖 If you want to build clones for your own practice, that is more than okay, but these are the better options when it comes to adding impressive projects to your portfolio! It’s easy to come up with an idea and start building it once you have a good base of skills!

Happy coding! 😇

135 views11:37

10 Free and Open-Source Tailwind CSS Templates

A collection of several Tailwind CSS templates and components that can be used

https://javascript.plainenglish.io/10-free-and-open-source-tailwind-css-templates-23817c2d7c0a

—-

Creating a page loader with CSS

https://medium.com/codingthesmartway-com-blog/how-to-implement-a-css-loader-d4bf7da54580

#loader #css #tailwind #progress #template #component

Medium

For those who don’t know what Tailwind CSS is, it’s a CSS framework that lets you build completely custom user interfaces without having…

184 views08:56

An exercise from Web Dev Simplified on some little-known Flexbox features

https://www.youtube.com/watch?v=1zKX71GYisE

#flexbox #css #webdevsimplified

6 Advanced Flexbox Features You Probably Don’t Know

You probably use flexbox every time you write CSS, but you probably don’t know all the advanced features of flexbox. In this video I will be covering 6 of the most important flexbox features that you have probably never used, but you should definitely know.…

165 views14:31

Fantastic CSS border animation

Fantastic CSS Border Animation

https://dev.to/chokcoco/fantastic-css-border-animation-5166

#css

DEV Community

In this article we will use CSS to create a variety of wonderful border effects.

190 views15:45

Introduction to Tailwind CSS and examples of its use

https://www.freecodecamp.org/news/what-is-tailwind-css-a-beginners-guide/

---

How to replace HTML background with CSS

https://www.freecodecamp.org/news/html-background-color-change-bg-color-tutorial/

---

Comparison between Bootstrap CSS and Tailwind CSS in terms of responsive web

https://javascript.plainenglish.io/the-bootstrap-vs-tailwind-responsiveness-battle-6a9b37a24592

---

Collection of web application design inspiration

https://javascript.plainenglish.io/12-modern-ui-components-to-inspire-your-future-designs-e27d6b744bcd

#tailwind #css #bakcground #responsive #ui

What is Tailwind CSS? A Beginner's Guide

Writing CSS can be really difficult. Period. And I get it – it can be frustrating to nail down your own ideas or the designs you get from your design team. I'm sure many of you have gone through the same pain at least a few times in your

376 views14:35

Exercises from Online Tutorials on creating a CV Resume web page with HTML and CSS

https://www.youtube.com/watch?v=wWqihnEk6_c

—-

Practice creating a login form with animation effects using HTML and CSS

https://www.youtube.com/watch?v=cxm5bCCa9OA

#resume #onlineTutorials #css #html #login #cv

Resume CV design in HTML CSS

Click For More : https://www.youtube.com/c/OnlineTutorials4Designers/videos?sub_confirmation=1
------------------
Enroll My Course : Next Level CSS Animation and Hover Effects
https://www.udemy.com/course/css-hover-animation-effects-from-beginners-to-exp…

182 views01:36

Long HTML and CSS introduction training with Freecodecamp and Scrimba

https://www.freecodecamp.org/news/learn-html-and-css-from-the-ceo-of-scrimba/

#css #html #scrimba

Learn HTML and CSS from the CEO of Scrimba

Almost every website in the world uses HTML and CSS. So you should definitely learn them if you want to create websites. We just published a course on the freeCodeCamp.org YouTube channel that will teach you how to build websites with HTML and CSS. P...

183 views02:04

Top 6 HTML Tags for SEO Every Developer Should Know

Some HTML tags commonly used for web SEO optimization

https://dev.to/hackmamba/top-6-html-tags-for-seo-every-developer-should-know-161d

---

Discussing when is the right time to turn off the Text selection feature in the input form

https://css-tricks.com/when-is-it-ok-to-disable-text-selection/

---

#html #css #seo #selection

DEV Community

This post was originally published on Hackmamba Search engine optimization (SEO) is a vital part of...

187 views00:53

Critical CSS? Not So Fast! – CSS Wizardry

Critical CSS? Not So Fast!

https://csswizardry.com/2022/09/critical-css-not-so-fast/

Csswizardry

How helpful is Critical CSS?

146 views14:30

Some important ways to center HTML div elements with CSS

https://www.freecodecamp.org/news/how-to-center-a-div-with-css-10-different-ways/

#center #element

How to Center a Div with CSS – 10 Different Ways

As a web developer, sometimes centering a div feels like one of the toughest jobs on planet Earth. Well, not anymore. In this article, you'll learn 10 different ways to center a div. We will explore how to center divs using the CSS position property...

145 views14:31

Mastering these 7 Basics CSS Skills will make you a Frontend Wizard 🧙✨

Some CSS features that need to be mastered to help develop web layouts easily

https://dev.to/ruppysuppy/mastering-these-7-basics-css-skills-will-make-you-a-frontend-wizard-2khn

#css

DEV Community

People treat Frontend development like some mythical beast that only a few can tame. But the truth...

148 views14:35

Practice creating parallax pages with HTML, CSS, and JavaScript, and the GSAP library

https://www.youtube.com/watch?v=sLX82OTCZRM

#onlineTutorials #gsap #html #css #paralax