اکسپرس 24
کتاب CSS for Mindfulness Practices

کتاب CSS for Mindfulness Practices

تگ‌ها: accessible css calming design css css animations css variables front-end development meditation UI mental health tech mindfulness prefers-reduced-motion responsive design web accessibility

انتخاب پلن

انتخاب پلن برای ادامه خرید الزامی است.

پرداخت اقساطی
در صورت خرید اقساطی هر قسط: 62,488 تومان
۴ قسط ماهانه. بدون سود، چک و ضامن.
پرداخت اقساطی با دیجی‌پی پرداخت اقساطی با ترب‌پی

📚 محتوای این محصول آموزشی (پکیج کامل)

💡 این محصول یک نسخهٔ کامل و جامع است

تمامی محتوای آموزشی این کتاب در قالب یک بسته‌ی کامل و یکپارچه ارائه می‌شود و شامل تمام نسخه‌ها و فایل‌های موردنیاز برای یادگیری است.

🎁 محتویات کامل بسته دانلودی

🎯 این بسته یک دورهٔ آموزشی کامل و چندلایه است؛ شامل کتاب‌ها، تمرین‌ها و خودآزمایی .

ℹ️ نکات مهم هنگام خرید

  • این محصول به صورت فایل دانلودی کامل ارائه می‌شود و نسخهٔ چاپی ندارد.
  • توجه: لینک‌های اختصاصی دوره طی حداکثر 24 ساعت پس از ثبت سفارش ارسال می‌شوند.
  • دقت کنید لینک ها به شماره موبایل شما ارسال می شوند. پس در ارائه شماره موبایل صحیح دقت کنید.
  • برای راهنمایی در مورد نحوه دانلود به شماره 09395106248 پیامک دهید یا تماس بگیرید. (ایده آل ترین گزینه ارسال پیام در یکی از پیام رسان ها به همین شماره است تا سریعا لینک های کتاب همانجا برای شما ارسال گردد.)
  • اگر پرداخت انجام شده ولی بعد از 24 ساعت هنوز لینک‌ها را دریافت نکرده‌اید، نام و نام خانوادگی و نام محصول را پیامک کنید تا لینک‌ها دوباره ارسال شوند.

💬 راه‌های ارتباطی پشتیبانی:
واتس‌اپ یا هر پیام رسان داخلی یا پیامک: 09395106248
تلگرام: @ma_limbs

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره CSS for Mindfulness Practices

موضوع کلی: برنامه نویسی

موضوع میانی: CSS

📋 سرفصل‌های دوره

  • 1. معرفی CSS و اهمیت آن در طراحی uygulamات ذهنی
  • 2. أساس‌های انتخاب رنگ برای atmospheres هشیار و آرام
  • 3. استفاده از متغیرهای CSS برای مدیریت تم‌های claro و تیره
  • 4. طراحی تایپوگرافی قابل خواندن برای متن‌های تأملی
  • 5. استفاده از واحدهای relativo (em, rem) برای مقیاس‌پذیری متون
  • 6. ایجاد پس‌زمینه‌های-gradient ملایم برای صفحات استรัپ
  • 7. استفاده ازopacity وrgba برای透明ت ملایم در عناصر UI
  • 8. طراحی دکمه‌های Touch-friendly با حالت‌های hover و focus ملایم
  • 9. استفاده ازtransition برای انیمیشن‌های 부드러운 تغییر حالت
  • 10. ایجاد انیمیشن‌های تنفسی با keyframes و timing-function
  • 11. استفاده از prefers-reduced-motion برای احترام به sensibilites
  • 12. طراحی کارت‌های اطلاعاتی با shadow ملایم و border-radius
  • 13. استفاده از Flexbox برای چیدمان آیتم‌های لیست prácticas
  • 14. استفاده از Grid Layout برای构建 صفحات 다段階ی
  • 15. ایجاد منویaside قابل collapse با انیمیشن slide
  • 16. استفاده از CSS Custom Properties برای تم‌های فصولی (بهار، تابستان، خزان، زمستان)
  • 17. طراحی فرم‌های ورودی با validation بصری غیرمتحرک
  • 18. استفاده از ::placeholder برای راهنمایی ملایم در فیلدها
  • 19. ایجاد indicadores پیشرفت با渐变 و animation
  • 20. استفاده از clip-path برای شکل‌های organic در’arrière-plan
  • 21. ایجاد تأثيرات parallax ملایم برای عمق بصری
  • 22. استفاده از filter: blur و grayscale برای atmospheres آرام
  • 23. طراحی کارت‌های citaций با quotation marks estilized
  • 24. استفاده از counter-increment برای شماره‌گذاری مراحل تمرین
  • 25. ایجاد lightbox ملایم برای نمایش تصاویر природی
  • 26. استفاده از object-fit برای مقیاس‌پذینی تصاویر در کارت‌ها
  • 27. طراحی تب‌های افقی و عمودی با تغییر رنگ ملایم
  • 28. استفاده از ::before و ::after برای افزودن آیکون‌های dekoratif
  • 29. ایجاد منویакورديون با انیمیشن height
  • 30. استفاده از perspective و transform برای تأثيرات 3D ملایم
  • 31. طراحی صفحه‌ی خوش‌آمدگویی با انیمیشن fade-in
  • 32. استفاده از media queries برای واکنش‌گرایی در موبایل و تبلت
  • 33. ایجاد منوی hamburger با انیمیشن burger-to-cross
  • 34. استفاده از gap در Flexbox و Grid برای فاصله‌گذاری ملایم
  • 35. طراحی کارت‌هایstatistics با عددهای animated
  • 36. استفاده از CSS counters برای شماره‌گذاری بخش‌های راهنمای تأمل
  • 37. ایجاد tooltip ملایم باopacity و transform
  • 38. استفاده از var(--spacing) برای فاصله‌گذاری یکنواخت
  • 39. طراحی صفحه‌ی لاگین/ثبت‌نام با背景渐변 ملایم
  • 40. استفاده از scroll-behavior: smooth برای ناوبری داخلی
  • 41. ایجاد مؤشرهای فوکوس قابل見 برای دسترسی
  • 42. استفاده از outline-none و ring برای فوکوس estilized
  • 43. طراحی صفحه‌ی 404 با پیام Motivational و انیمیشن ملایم
  • 44. استفاده از prefers-color-scheme برای تم خودکار تیره/روشن
  • 45. ایجاد انیمیشن بارگذاری صفحه با spinner CSS
  • 46. استفاده از aspect-ratio برای حفظ نسبت ابعاد ویدیوهای تأمل
  • 47. طراحی بخش-testimonials با نقل قول‌ها و تصویر circular
  • 48. استفاده از mix-blend-mode برای ترکیب-backgrounds ملایم
  • 49. ایجاد گالری تصویر با grid و hover zoom ملایم
  • 50. استفاده از CSS masks برای شکل‌های non‑rectangular
  • 51. طراحی دکمه‌ی compartir با انیمیشن pulse ملایم
  • 52. استفاده از clip-path: ellipse() برایavatars دایره‌ای
  • 53. ایجاد بخش FAQ با آکاردئونی ملایم
  • 54. استفاده از :is() و :where() برای ساده‌سازی سلکتورها
  • 55. طراحی نوار پیشرفت circular با conic-gradient
  • 56. استفاده از CSS counters برای شماره‌گذاری Steps در راهنمای تأمل
  • 57. ایجاد منوی lateral با انیمیشن slide-in از چپ
  • 58. استفاده از font-display: swap برای بارگذاری فونت سریع
  • 59. طراحی صفحه‌ی تشکر پس از اتمام جلسه با پیام Motivational
  • 60. استفاده از animation-fill-mode برای حفظ حالت نهایی انیمیشن
  • 61. ایجاد تأثير hover بر روی کارت‌ها با scale و shadow
  • 62. استفاده از @supports برای بررسی ویژگی‌های CSS جدید
  • 63. طراحی بخش خبرदारسازی با نوتیفیکیشن ملایم
  • 64. ایجاد منوی unteren با sticky و offset ملایم
  • 65. استفاده از 변수های CSS برای تنظیم فونت‑size بر اساس viewport
  • 66. طراحی صفحه‌ی تنظیمات کاربر با switch‌های toggle ملایم
  • 67. ایجاد انیمیشن ورود و خروج صفحات با page‑transition
  • 68. استفاده از filter: drop-shadow برای سایه‌های ملایم
  • 69. طراحی بخش ویدیوهای تأمل با poster و controls estilized
  • 70. استفاده از ::marker برای سفارشی‌سازی bulleted lists
  • 71. ایجاد گالری звуک با waveform CSS ملایم
  • 72. استفاده از CSS grid-template-areas برای layouts پیچیده
  • 73. طراحی صفحه‌ی لاگین با انیمیشن ورود form
  • 74. ایجاد منوی بازشده با انیمیشن fold-out ملایم
  • 75. استفاده از mix-blend-mode: overlay برای ترکیب-backgrounds
  • 76. طراحی بخش témoignage با نقل قول و تصویر دایره‌ای
  • 77. ایجاد انیمیشن تنفسی با استفاده از breathing-circle CSS
  • 78. استفاده از prefers-contrast برای تنظیم contraste خودکار
  • 79. طراحی صفحه‌ی 403 با پیام دوستانه و انیمیشن ملایم
  • 80. ایجاد منوی hamburger با انیمیشن line-to-arrow
  • 81. استفاده از CSS mask-image برای شکل‌های non‑rectangular در پس‌زمینه

📚 محتوای این محصول آموزشی (پکیج کامل)

💡 این محصول یک نسخهٔ کامل و جامع است

تمامی محتوای آموزشی این کتاب در قالب یک بسته‌ی کامل و یکپارچه ارائه می‌شود و شامل تمام نسخه‌ها و فایل‌های موردنیاز برای یادگیری است.

🎁 محتویات کامل بسته دانلودی

🎯 این بسته یک دورهٔ آموزشی کامل و چندلایه است؛ شامل کتاب‌ها، تمرین‌ها و خودآزمایی .

ℹ️ نکات مهم هنگام خرید

  • این محصول به صورت فایل دانلودی کامل ارائه می‌شود و نسخهٔ چاپی ندارد.
  • توجه: لینک‌های اختصاصی دوره طی حداکثر 24 ساعت پس از ثبت سفارش ارسال می‌شوند.
  • دقت کنید لینک ها به شماره موبایل شما ارسال می شوند. پس در ارائه شماره موبایل صحیح دقت کنید.
  • برای راهنمایی در مورد نحوه دانلود به شماره 09395106248 پیامک دهید یا تماس بگیرید. (ایده آل ترین گزینه ارسال پیام در یکی از پیام رسان ها به همین شماره است تا سریعا لینک های کتاب همانجا برای شما ارسال گردد.)
  • اگر پرداخت انجام شده ولی بعد از 24 ساعت هنوز لینک‌ها را دریافت نکرده‌اید، نام و نام خانوادگی و نام محصول را پیامک کنید تا لینک‌ها دوباره ارسال شوند.

💬 راه‌های ارتباطی پشتیبانی:
واتس‌اپ یا هر پیام رسان داخلی یا پیامک: 09395106248
تلگرام: @ma_limbs

نظرات

هنوز نظری ثبت نشده است.

وارد شوید تا نظر ثبت کنید.