8 Super useful HTML tips & tricks that every Developer should know about
🔗 Channel: @htmlcss_channels
🔗 Channel: @htmlcss_channels
👍4
⌨️ Glass Effect in CSS
🔗 Channel: @htmlcss_channels
To create a glass effect (also known as a glassmorphism effect) in CSS, you can use a combination of properties including background, backdrop-filter, box-shadow, and border.
🔗 Channel: @htmlcss_channels
🙏5👍1
⌨️ Scroll-driven animations in CSS!!
🔗 Channel: @htmlcss_channels
Lets you create partial or full-page visuals with elements animating into and within the viewport, also known as scrollytelling, for dynamic visual impact.
🔗 Channel: @htmlcss_channels
👍3❤1
⌨️ Length units in CSS!!
🔗 Channel: @htmlcss_channels
This table should help you quickly reference the purpose and application of each CSS unit.
🔗 Channel: @htmlcss_channels
👍7🔥1
30 Seconds of code : Short #javascript code snippets for all your development needs
https://github.com/30-seconds/30-seconds-of-code
🔗 Channel: @htmlcss_channels
https://github.com/30-seconds/30-seconds-of-code
🔗 Channel: @htmlcss_channels
GitHub
GitHub - Chalarangelo/30-seconds-of-code: Coding articles to level up your development skills
Coding articles to level up your development skills - Chalarangelo/30-seconds-of-code
👍2
👍2❤1
👍2🔥2
وبسایت هایی برای یادگیری رایگان طراحی سایت و برنامهنویسی
HTML - w3schools .com
CSS - web .dev/learn/css
JavaScript - javascript .info
React - react-tutorial .app
API - rapidapi .com/learn
Python - learnpython .org
Tailwind CSS - tailwindcss .com
SQL - SQLzap .com
Git and GitHub - git-scm .com
Node.js - nodejs .dev/learn
Django - djangoproject .com/start
Ruby on Rails - guides.rubyonrails .org
Flutter - flutter .dev/docs
Kotlin - kotlinlang .org/docs/tutorials
Go - golang .org/doc/tutorial
Rust - doc.rust-lang .org/book
🔗 Channel: @htmlcss_channels
HTML - w3schools .com
CSS - web .dev/learn/css
JavaScript - javascript .info
React - react-tutorial .app
API - rapidapi .com/learn
Python - learnpython .org
Tailwind CSS - tailwindcss .com
SQL - SQLzap .com
Git and GitHub - git-scm .com
Node.js - nodejs .dev/learn
Django - djangoproject .com/start
Ruby on Rails - guides.rubyonrails .org
Flutter - flutter .dev/docs
Kotlin - kotlinlang .org/docs/tutorials
Go - golang .org/doc/tutorial
Rust - doc.rust-lang .org/book
🔗 Channel: @htmlcss_channels
🙏7👍2❤1🔥1
30-day #roadmap to get started with #web_development
Week 1: #HTML and #CSS
- Day 1-3: Learn HTML basics (structure, tags, elements).
- Day 4-7: Dive into CSS (styling, selectors, layouts).
Week 2: Advanced CSS and Responsive Design
- Day 8-11: Explore advanced CSS concepts (flexbox, grid).
- Day 12-14: Learn about responsive web design.
Week 3: #JavaScript Fundamentals
- Day 15-18: Get started with JavaScript (variables, data types, operators).
- Day 19-21: Study JavaScript functions and control structures.
Week 4: JavaScript DOM Manipulation and Frameworks
- Day 22-25: Understand the Document Object Model (DOM) and how to manipulate it with JavaScript.
- Day 26-28: Explore JavaScript frameworks/libraries (e.g., React, Vue, Angular).
- Day 29-30: Build a simple project combining HTML, CSS, and JavaScript.
🔗 Channel: @htmlcss_channels
Week 1: #HTML and #CSS
- Day 1-3: Learn HTML basics (structure, tags, elements).
- Day 4-7: Dive into CSS (styling, selectors, layouts).
Week 2: Advanced CSS and Responsive Design
- Day 8-11: Explore advanced CSS concepts (flexbox, grid).
- Day 12-14: Learn about responsive web design.
Week 3: #JavaScript Fundamentals
- Day 15-18: Get started with JavaScript (variables, data types, operators).
- Day 19-21: Study JavaScript functions and control structures.
Week 4: JavaScript DOM Manipulation and Frameworks
- Day 22-25: Understand the Document Object Model (DOM) and how to manipulate it with JavaScript.
- Day 26-28: Explore JavaScript frameworks/libraries (e.g., React, Vue, Angular).
- Day 29-30: Build a simple project combining HTML, CSS, and JavaScript.
🔗 Channel: @htmlcss_channels
👍8❤1🔥1