برنامه نویسی

پروژه 1: کارت های گسترش – سفر 50 پروژه من در 50 روز

Summarize this content to 400 words in Persian Lang
این ویترین پروژه 1/50 است، از دوره “50 پروژه در 50 روز”، اگرچه من تمام پروژه ها را در 50 روز گذشته (یا کمی بیشتر!) به پایان رسانده ام، می خواستم آنها را به روش خودم انجام دهم. یعنی ایده اصلی یا مفهوم اصلی پروژه را در نظر بگیرید و آن را به درستی درک کنید و مزایا و معایب آن را ببینید و حتی آن را وارد مرحله بعدی کنید.

در این پروژه، ایده اصلی در مورد ایجاد تعدادی کارت (یا پانل) بود که با کلیک گسترش می‌یابند، به همین سادگی، اما من تعداد زیادی چیز دیگر را برای پیاده‌سازی در اینجا دریافت کردم، مانند:

استفاده از Popover API برای گسترش پانل به جای کلیک ماوس.
واکشی تصاویر از Unsplash API.
تعاملی کردن پانل ها با حرکات ماوس.
اضافه کردن یک Reflection در زیر هر پانل با استفاده از webkit-box-reflect.
افزودن یک سایه رنگی به هر پنل (با استفاده از فیلتر SVG).

پس از اجرای آن چیزها، این پروژه به سطح بعدی منتقل شد، که پیچیدگی در سادگی را در کنار زیبایی شناسی نشان می دهد، شاید بتوانم در آینده یک عملکرد نمونه رنگ را اعمال کنم!.

مایلم نظرات، پیشنهادات، نظرات شما را بشنوم، همچنین لایک و دنبال کردن را فراموش نکنید.

پروژه 50 من در مخزن 50 روزه سفردر توییتر به من برسیدبا من در لینکدین تماس بگیرید

این ویترین پروژه 1/50 است، از دوره “50 پروژه در 50 روز”، اگرچه من تمام پروژه ها را در 50 روز گذشته (یا کمی بیشتر!) به پایان رسانده ام، می خواستم آنها را به روش خودم انجام دهم. یعنی ایده اصلی یا مفهوم اصلی پروژه را در نظر بگیرید و آن را به درستی درک کنید و مزایا و معایب آن را ببینید و حتی آن را وارد مرحله بعدی کنید.

در این پروژه، ایده اصلی در مورد ایجاد تعدادی کارت (یا پانل) بود که با کلیک گسترش می‌یابند، به همین سادگی، اما من تعداد زیادی چیز دیگر را برای پیاده‌سازی در اینجا دریافت کردم، مانند:

  • استفاده از Popover API برای گسترش پانل به جای کلیک ماوس.
  • واکشی تصاویر از Unsplash API.
  • تعاملی کردن پانل ها با حرکات ماوس.
  • اضافه کردن یک Reflection در زیر هر پانل با استفاده از webkit-box-reflect.
  • افزودن یک سایه رنگی به هر پنل (با استفاده از فیلتر SVG).

پس از اجرای آن چیزها، این پروژه به سطح بعدی منتقل شد، که پیچیدگی در سادگی را در کنار زیبایی شناسی نشان می دهد، شاید بتوانم در آینده یک عملکرد نمونه رنگ را اعمال کنم!.

مایلم نظرات، پیشنهادات، نظرات شما را بشنوم، همچنین لایک و دنبال کردن را فراموش نکنید.

پروژه 50 من در مخزن 50 روزه سفر
در توییتر به من برسید
با من در لینکدین تماس بگیرید

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا