🎯 اگر در حال یادگیری CSS هستید و دنبال یه سایت برای تمرین میگردید تا به مباحث مسلط بشید 100dayscss برای شماست.
با استفاده از این سایت میتونید به 100 تمرین مختلف CSS توی 100 روز دسترسی داشته باشید که همراه با جواب هستن و در صورت نیاز میتونید چکشون کنید تا مشکل کدتون رو برطرف کنید.

🔗 https://100dayscss.com


#css #challenge #100days #code
☕️ Telegram | Website | Discord

چهار قسمت جدید از دوره آموزش جامع CSS منتشر شد 🍃🌟

توی این دوره آموزشی سعی کردیم خیلی ساده و کامل نحوه استایل دهی به صفحات وب با CSS رو همراه با پروژه به شما آموزش بدیم.

🆕 قسمت های منتشر شده:
‏- ویژگی List style
- ویژگی های Display
- ‏Position در CSS
- ‏ویژگی z-index

دسترسی به دوره

#css #tutorial
☕️ Telegram | Website | Discord

🚀 شش قسمت جدید از دوره رایگان و جامع CSS منتشر شد! 💻💚

می‌خوای صفحات وب رو حرفه‌ای استایل بدی ولی نمی‌دونی از کجا شروع کنی؟
ما یه دوره‌ی رایگان و پروژه‌محور برات آماده کردیم که باهاش خیلی راحت و قدم‌به‌قدم CSS رو یاد می‌گیری! 😎📘

🆕 قسمت‌های جدید منتشر شده:
‏- توضیح ویژگی Float
- بررسی ویژگی Overflow
- ‏آشنایی با Flex box
- ‏Flex box - بخش دوم
- ‏Opacity در CSS
- ‏Attribute selector ها

دسترسی به دوره

#css #tutorial
☕️ Telegram | Website | Discord

🚀 5 قسمت جدید از دوره رایگان و جامع CSS منتشر شد! 💻💚

می‌خوای صفحات وب رو حرفه‌ای استایل بدی ولی نمی‌دونی از کجا شروع کنی؟
ما یه دوره‌ی رایگان و پروژه‌محور برات آماده کردیم که باهاش خیلی راحت و قدم‌به‌قدم CSS رو یاد می‌گیری! 😎📘

🆕 قسمت‌های جدید منتشر شده:
‏- اولویت بندی در CSS
- توابع ریاضی
- ‏رنگ های ترکیبی یا Gradient
- ‏Box Shadow
- ‏Text Effect در CSS

دسترسی به دوره

#css #tutorial
☕️ Telegram | Website | Discord

🚀 4 قسمت جدید از دوره رایگان و جامع CSS منتشر شد! 💻💚

می‌خوای صفحات وب رو حرفه‌ای استایل بدی ولی نمی‌دونی از کجا شروع کنی؟
ما یه دوره‌ی رایگان و پروژه‌محور برات آماده کردیم که باهاش خیلی راحت و قدم‌به‌قدم CSS رو یاد می‌گیری! 😎📘

🆕 قسمت‌های جدید منتشر شده:
- ‏Transition
- ‏Transform
- ‏Object-fit در CSS
- متغیرها در CSS

دسترسی به دوره

#css #tutorial
☕️ Telegram | Website | Discord

توی این سایت میتونید به کلی از انیمیشن های جذاب و باحال که با Tailwind CSS پیاده شدن دسترسی داشته باشید🔥

روی هر آیتم هاور کنی انیمیشن مربوط بهش نمایش داده میشه و از سمت راست بالای هر انیمیشن یا با کلیک روی اون میتونی کپی و استفادش کنی✅

⚠️ اگر براتون باز نشد با VPN سایت رو باز کنید.

https://tailwindcss-animations.vercel.app

#tailwind #css #animations
☕️Telegram | Website | Discord

🚀 2 قسمت جدید از دوره رایگان و جامع CSS منتشر شد! 💻💚

می‌خوای صفحات وب رو حرفه‌ای استایل بدی ولی نمی‌دونی از کجا شروع کنی؟
ما یه دوره‌ی رایگان و پروژه‌محور برات آماده کردیم که باهاش خیلی راحت و قدم‌به‌قدم CSS رو یاد می‌گیری! 😎📘

🆕 قسمت‌های جدید منتشر شده:
- ‏Media Query
- انیمیشن ها در CSS

دسترسی به دوره

#css #tutorial
☕️ Telegram | Website | Discord

🔸️قالب HTML تلینو یه انتخاب عالی برای تیم هاییه که روی ربات‌های تلگرام کار می‌کنن و دوست دارن یه سایت اختصاصی خوشگل و حرفه‌ای داشته باشن تا کارشون حسابی بدرخشه.تو این قالب همه‌چی هست، از صفحه‌ی اصلی گرفته تا صفحات فرعی، بلاگ، جستجو و کلی چیز دیگه که می‌تونه سایت‌تون رو کامل و تر و تمیز کنه.

GitHub: https://github.com/htaria/telegram-services-site

#html #theme #telegram #site #css #js #frontend
☕️Telegram | Website | Discord

ساخت radius border با موس! ⚡️

🔹️ با استفاده از این سایت میتونید با موستون بوردر هارو هرطور که میخواید بسازید و بعد اندازه های لازمه رو به درصد بگیرید و توی کد CSS استفاده کنید

🔗 لینک سایت

#site #radius #border #css
☕️Telegram | Website | Discord

🚀 این سایت یه مرجع خفن برای دانلود قالب های پنل ادمین توسعه داده شده با Bootstrap و Tailwind هست.

💼 چه دنبال قالب رایگان باشی چه حرفه‌ای و پولی، توی این سایت کلی انتخاب جذاب داری برای شروع سریع پروژه‌هات.

🔗 لینک سایت

#frontend #bootstrap #panel #css #js #site
☕️Telegram | Website | Discord

حالت های مختلف nth-child Selector برای انتخاب آیتم های مختلف از بین چند آیتم و استایل دهی به اون با CSS

#css #nth_child #selector
☕️Telegram | Website | Discord

ویژگی pointer-events در CSS 🔥

تعیین میکنه که آیا یک المان به تعاملات ماوس و لمس جواب بده یا نه. با استفاده از مقدار none، می‌تونی المان رو طوری تنظیم کنی که به کلیک‌ها و بقیه رویداد های اشاره‌گر جوابی نده.
مثال:

.disabled {
  pointer-events: none;
  opacity: 0.5;
}

#css #pointer_events #trick
☕️Telegram | Website | Discord

اگه جز اون دسته افرادی هستی که توی استفاده از CSS Grid به اون طرح مدنظرت نمیرسی این سایت یه راهنمای فوق العاده برای خودته😃
اینجا همه‌ی property های Grid با توضیح کوتاه و مثال کنار هم جمع شدن تا راحت‌ تر بتونی توی پروژه‌هات ازشون استفاده کنی.
اینو بفرست برای کسایی که توی گرید مشکل دارن یا تازه دارن یادش میگیرن🔥

🔗 https://grid.malven.co/

#css #grid #guide
☕️Telegram | Website | Discord

توضیح کاربردی و مفید ویژگی Position در CSS

#css #position #attribute
☕️Telegram | Website | Discord

کاربرد پراپرتی های مختلف در CSS Grid رو توی این ویدیو میتونید ببینید💯

#css #grid #property
☕️Telegram | Website | Discord