Learn CSS™
Відкрити в Telegram
All info and tutorial of CSS https://bio.link/learncss For HTML: @html_web_learn For CSS: @CSS_web_learn For JS: @JavaScript_js_learn For PHP: @learn_php_web For Programming courses @Programmingworld_dev For CEH,Cybersec: @CyberPunk_anonymous
Показати більше613
Підписники
Немає даних24 години
+17 днів
+1830 день
Архів дописів
613
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
613
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
613
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
613
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
613
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
613
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
613
An exercise from Web Dev Simplified on some little-known Flexbox features
https://www.youtube.com/watch?v=1zKX71GYisE
#flexbox #css #webdevsimplified
613
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
613
Repost 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! 😇
613
Introducing Zephyr CSS, Tailwind CSS based UI component for React Native
https://blog.logrocket.com/zephyr-tailwind-css-react-native/
#react #tailwind #zephyr
613
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
613
Allright then gang, Net Ninja has released a full workout on using Vue JS 3 and Tailwind CSS. The complete playlist can be seen below,
https://www.youtube.com/watch?v=gUsBaB5ViAo&list=PL4cUxeGkcC9hfoy8vFQ5tbXO3vY0xhhUZ&index=1
https://www.youtube.com/playlist?list=PL4cUxeGkcC9hfoy8vFQ5tbXO3vY0xhhUZ
#netninja #vue #tailwind #css
613
10 Free Bootstrap Website Templates 🔥
1️⃣ Free Bootstrap template for corporate - Moderna ✨
🔗 bootstrapmade.com/demo/Moderna/
2️⃣ Ninestars - Free Bootstrap 3 theme for creative ✨
🔗 bootstrapmade.com/demo/Ninestars/
3️⃣ Squadfree - Free Bootstrap template for creative ✨
🔗 bootstrapmade.com/demo/Squadfree/
4️⃣ Green - Free one page HTML Bootstrap template✨
🔗 bootstrapmade.com/demo/Green/
5️⃣ Nice Admin - Free bootstrap admin HTML template ✨
🔗 bootstrapmade.com/demo/NiceAdmin/
6️⃣ Gp - Free Multipurpose HTML Bootstrap Template ✨
🔗 bootstrapmade.com/demo/Gp/
7️⃣ MyResume - Bootstrap Resume and Portfolio Template✨
🔗 bootstrapmade.com/demo/MyResume/
8️⃣Day - Multipurpose HTML Template✨
🔗 bootstrapmade.com/demo/Day/
9️⃣ Groovin – Free Bootstrap Theme ✨
🔗 bootstrapmade.com/demo/Groovin/
🔟 Sailor – Bootstrap Business Template✨
🔗 bootstrapmade.com/demo/Sailor/
#css #bootsrap #templates
613
Understanding and using the new CSS style queries
https://blog.logrocket.com/new-css-style-queries/
#css #style #quieries
613
Style with Stateful, Semantic Selectors
https://benmyers.dev/blog/semantic-selectors?utm_campaign=style-with-stateful--semantic-selectors
#css
