This media is not supported in your browser
VIEW IN TELEGRAM
Image Hover
Cards with a pop-up effect on hover. Implemented using CSS and JavaScript.
⤷Get code
🆔 @htmlcss_channels
Cards with a pop-up effect on hover. Implemented using CSS and JavaScript.
⤷Get code
🆔 @htmlcss_channels
❤4
CSS Generators to save you hours of work:
1. Blob maker
https://blobmaker.app
2. Getwaves
https://getwaves.io
3. CSS Button Generator
https://markodenic.com/tools/buttons-generator/
4. Gradient generator
https://cssgradient.io
5. Glassmorphism
https://glassmorphism.com
6. Neumorphism
https://neumorphism.io
7. Pattern generator
https://patternify.com
8. css3 generator
https://css3generator.com
9. Clip Path Maker
https://bennettfeely.com/clippy
🆔 @htmlcss_channels
1. Blob maker
https://blobmaker.app
2. Getwaves
https://getwaves.io
3. CSS Button Generator
https://markodenic.com/tools/buttons-generator/
4. Gradient generator
https://cssgradient.io
5. Glassmorphism
https://glassmorphism.com
6. Neumorphism
https://neumorphism.io
7. Pattern generator
https://patternify.com
8. css3 generator
https://css3generator.com
9. Clip Path Maker
https://bennettfeely.com/clippy
🆔 @htmlcss_channels
❤4
معرفی چند وبسایت مفید برای توسعه‌دهندگان وبسایت و طراحان
1. Color hunt
https://colorhunt.co
2. Color Palettes
https://colorion.co
3. Mesh gradient
https://meshgradient.com
4. Magic Pattern
https://magicpattern.design/tools
5. Cool backgrounds
https://coolbackgrounds.io
6. Icons
https://thenounproject.com
7. Illustrations
https://undraw.co
8. Images
https://Unsplash.com
9. CSS Snippets
https://cssnippets.shefali.dev/
10. HTML templates
https://htmlrev.com
🆔 @htmlcss_channels
1. Color hunt
https://colorhunt.co
2. Color Palettes
https://colorion.co
3. Mesh gradient
https://meshgradient.com
4. Magic Pattern
https://magicpattern.design/tools
5. Cool backgrounds
https://coolbackgrounds.io
6. Icons
https://thenounproject.com
7. Illustrations
https://undraw.co
8. Images
https://Unsplash.com
9. CSS Snippets
https://cssnippets.shefali.dev/
10. HTML templates
https://htmlrev.com
🆔 @htmlcss_channels
colorhunt.co
Color Hunt - Color Palettes for Designers and Artists
Discover the newest hand-picked color palettes of Color Hunt. Get color inspiration for your design and art projects.
❤1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Glowing Blob Effect
A glow effect that follows the cursor. Implemented using CSS and JavaScript.
⤷Get code
💎 @Htmlcss_channels | #css #JavaScript
A glow effect that follows the cursor. Implemented using CSS and JavaScript.
⤷Get code
💎 @Htmlcss_channels | #css #JavaScript
🔥2
Building a website from scratch might feel overwhelming at first.
You'll start by coming up with an idea & setting up the project, then move on to building the website, testing the code, & pushing it to GitHub.
https://www.freecodecamp.org/news/how-to-build-a-website-from-scratch-start-to-finish-walkthrough/
💎 @Htmlcss_channels | #css #JavaScript #HTML
You'll start by coming up with an idea & setting up the project, then move on to building the website, testing the code, & pushing it to GitHub.
https://www.freecodecamp.org/news/how-to-build-a-website-from-scratch-start-to-finish-walkthrough/
💎 @Htmlcss_channels | #css #JavaScript #HTML
❤3
Forwarded from هشتگ تبلیغ تخصصی (گسترده)
به مناسبت تولد ۱۴ سالگی مکتب‌خونه 🎉
۵۰۰ تا از پرمخاطب‌ترین دوره‌ها تا ۱۶ آبان کاملاً رایگان شدن!
📚 موضوعات آموزش‌ها:
برنامه‌نویسی، هوش مصنوعی و پایتون 🤖
یادگیری ماشین، جنگو، زبان‌های برنامه‌نویسی
نرم‌افزارهای مهندسی و آفیس
توسعه فردی و آموزش‌های خارجی
🔥 سوپرایز ویژه:
دوره‌ی آموزش جامع پایتون با تدریس جادی میرمیرانی هم رایگان شده!
⏰ فرصت استفاده تا ۱۶ آبان هست، پس از دستش ندید!
📌 ازطریق لینک زیر می‌تونید همه‌ی ۵۰۰ دوره رو یک‌جا ببینید.
برای فعال‌سازی رایگان دوره‌ها، کافیه آموزش خودتون رو انتخاب کنید، بعد دوره رو به سبد خرید اضافه کنید و با وارد کردن کد HBD آموزشتون رو رایگان ثبت‌نام کنید 😎
Please open Telegram to view this post
VIEW IN TELEGRAM
🔅 CSS Clamp
💎 @Htmlcss_channels | #css #JavaScript #HTML
clamp(minimum, preferred, maximum);
In this example, the preferred value is 50%.
On the left 50% of the 400px viewport is 200px, which is less than the 300px minimum value that gets used instead.
On the right, 50% of the 1400px viewport equals 700px, which is greater than the minimum value and lower than the 800px maximum value, so it equates to 700px.
💎 @Htmlcss_channels | #css #JavaScript #HTML
🔥2
🔅 CSS Clamp and font-size
💎 @Htmlcss_channels | #css #JavaScript #HTML
p {
font-size: clamp(1rem, 4vw, 1.5rem);
}💎 @Htmlcss_channels | #css #JavaScript #HTML
❤2
این آموزش به شما کمک می کند تا یک افزونه کروم بسازید که هر صفحه وب را با استفاده از جاوا اسکریپت و Manifest V3 تجزیه و تحلیل می کند.
https://www.freecodecamp.org/news/how-to-build-a-chrome-extension-using-javascript-and-manifest-v3/
💎 @Htmlcss_channels | #css #JavaScript #HTML
https://www.freecodecamp.org/news/how-to-build-a-chrome-extension-using-javascript-and-manifest-v3/
💎 @Htmlcss_channels | #css #JavaScript #HTML
🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
Color palette inspiration
🔴 🟠 🟡 🟢 🔵 🟣
Curated color palette ideas displayed in an example website.
Have a play 👇
https://www.happyhues.co
💎 @Htmlcss_channels | #css #JavaScript #HTML
🔴 🟠 🟡 🟢 🔵 🟣
Curated color palette ideas displayed in an example website.
Have a play 👇
https://www.happyhues.co
💎 @Htmlcss_channels | #css #JavaScript #HTML
❤2