چهار قسمت جدید از دوره آموزش جامع 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