Forwarded from Learn Web Development
✨Free website templates that you can use for your next project✨
1. Nice page
- Modern web technologies used in web templates, including HTML CSS JavaScript, and bootstrap
Link:
https://t.co/2LZP6izMEp
2. W3.CSS
- Originally developed by w3 schools which are fully responsive
https://t.co/maKYYzI8PA
3. All Free Download
- As the website name suggests, Free templates using HTML CSS JavaScript free website templates for free download.
https://t.co/W6NZCNAudY
4. Free CSS
- The free website templates over 3000 that are showcased here are open source, creative commons or totally free.
https://t.co/9IOL8wsa3Q
5. Start Bootstrap
- This is more than templates. Bootstrap themes, templates, and UI tools to help you start your next project!
https://t.co/WNFlTl5rkE
6. Tailwind Toolbox
- Free Tailwind CSS Templates, Components and Resources
https://t.co/5l08HJNW0W
7. Templated
- A collection of 867 simple CSS, HTML5 & Responsive site templates
https://t.co/Zycq6sJ5KQ
8. Dev Portfolio
- This is a GitHub repo for portfolio. Simply clone it and change it accordingly
9. Website templates
- 150+ Website Templates
https://t.co/jHCbnvgDtd
1. Nice page
- Modern web technologies used in web templates, including HTML CSS JavaScript, and bootstrap
Link:
https://t.co/2LZP6izMEp
2. W3.CSS
- Originally developed by w3 schools which are fully responsive
https://t.co/maKYYzI8PA
3. All Free Download
- As the website name suggests, Free templates using HTML CSS JavaScript free website templates for free download.
https://t.co/W6NZCNAudY
4. Free CSS
- The free website templates over 3000 that are showcased here are open source, creative commons or totally free.
https://t.co/9IOL8wsa3Q
5. Start Bootstrap
- This is more than templates. Bootstrap themes, templates, and UI tools to help you start your next project!
https://t.co/WNFlTl5rkE
6. Tailwind Toolbox
- Free Tailwind CSS Templates, Components and Resources
https://t.co/5l08HJNW0W
7. Templated
- A collection of 867 simple CSS, HTML5 & Responsive site templates
https://t.co/Zycq6sJ5KQ
8. Dev Portfolio
- This is a GitHub repo for portfolio. Simply clone it and change it accordingly
9. Website templates
- 150+ Website Templates
https://t.co/jHCbnvgDtd
2 Amazing CSS Helpers Tool that You're Not Using Yet.
-
Easily and quickly convert pixel values into ram values
-
Shape divider lets you generate custom shapes to use on your web pages.
-
justrem.xyzEasily and quickly convert pixel values into ram values
-
shapedivider.appShape divider lets you generate custom shapes to use on your web pages.
10 🔥 VS Code Extensions
🔸 Themes & Visuals
⚙️ Material Theme
⚙️ Indent Rainbow
⚙️ Bracket Pair Colorizer
⚙️ Highlight Matching Tag
⚙️ Better Comments
🔸 Insights
⚙️ Git Lens
⚙️ WakaTime
⚙️ Import Cost
🔸 Debugging
⚙️ Debugger for Chrome
⚙️ Turbo Console Log
🔸 Themes & Visuals
⚙️ Material Theme
⚙️ Indent Rainbow
⚙️ Bracket Pair Colorizer
⚙️ Highlight Matching Tag
⚙️ Better Comments
🔸 Insights
⚙️ Git Lens
⚙️ WakaTime
⚙️ Import Cost
🔸 Debugging
⚙️ Debugger for Chrome
⚙️ Turbo Console Log
Learn CSS™ pinned «10 🔥 VS Code Extensions 🔸 Themes & Visuals ⚙️ Material Theme ⚙️ Indent Rainbow ⚙️ Bracket Pair Colorizer ⚙️ Highlight Matching Tag ⚙️ Better Comments 🔸 Insights ⚙️ Git Lens ⚙️ WakaTime ⚙️ Import Cost 🔸 Debugging ⚙️ Debugger for Chrome ⚙️ Turbo Console Log»
CSS Pro Tip🎨
- Use negative "nth-child" and select element from 1 to n
For example, in this case, element from 1 to 4 will get selected
- Use negative "nth-child" and select element from 1 to n
For example, in this case, element from 1 to 4 will get selected
How do you set the order of CSS properties?
For clean code, I think the dependent property should be written later
For example,
For clean code, I think the dependent property should be written later
For example,
div {
display: flex;
flex-wrap: wrap;
}
div {
position: relative;
top: 100px;
}Want to learn or improve CSS?
These 5 websites can help 👇
1️⃣ CSS reference
- CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated content
🖇️ https://cssreference.io/
2️⃣ Learn to code HTML and CSS
- Learn how to build beautiful and intuitive websites by way of clear and organized lessons
🖇️ https://learn.shayhowe.com/
3️⃣ CSS Layouts
- This site teaches the CSS fundamentals that are used in any website's layout.
🖇️ https://learnlayout.com/
4️⃣ CSS tutorial
- These tutorials on web design & CSS makes learning this stuff fun and easy
🖇️ https://www.csstutorial.net/
5️⃣ CSS cheat sheets
- Amazing CSS cheat sheet contains the most common style snippets
🖇️ https://htmlcheatsheet.com/css/
These 5 websites can help 👇
1️⃣ CSS reference
- CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated content
🖇️ https://cssreference.io/
2️⃣ Learn to code HTML and CSS
- Learn how to build beautiful and intuitive websites by way of clear and organized lessons
🖇️ https://learn.shayhowe.com/
3️⃣ CSS Layouts
- This site teaches the CSS fundamentals that are used in any website's layout.
🖇️ https://learnlayout.com/
4️⃣ CSS tutorial
- These tutorials on web design & CSS makes learning this stuff fun and easy
🖇️ https://www.csstutorial.net/
5️⃣ CSS cheat sheets
- Amazing CSS cheat sheet contains the most common style snippets
🖇️ https://htmlcheatsheet.com/css/
cssreference.io
CSS Reference
CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.
Some amazing CSS animation libraries
👇
🔹
🔸
🔹
🔸
🔹
👇
🔹
minimamente .com/project/magic🔸
animxyz .com🔹
svgartista .net🔸
animate .style🔹
cssanimation .io