ثبت خاطرات ساحل: نمایش پولاروید از سواحل برتر جهان

این یک ارسال برای [Frontend Challenge v24.04.17]((https://dev.to/challenges/frontend-2024-05-29)، Glam Up My Markup: Beaches

چیزی که من ساختم

سلام DEV،

این اولین ورود من در اینجا است.

من یک افکت عکس پولاروید را برای برانگیختن حس نوستالژی و ثبت جوهر خاطرات ساحلی در نظر گرفتم. با استفاده از HTML، CSS، و جاوا اسکریپت، من یک صفحه نمایش بصری جذاب ایجاد کردم که در آن هر ساحل به گونه ای نمایش داده می شود که گویی روی یک پولاروید گرفته شده است. با کلیک بر روی هر کارت ساحلی یک گالری باز می شود و به کاربران امکان می دهد تمام تصاویر را مرور کنند. این تجربه تعاملی با نمادهایی برای مکان و اطلاعات اضافی افزایش یافته است و کاوش در هر ساحل را غنی می کند.

وام:
تصاویر ساحل از Freepik.com
پس زمینه دانه دار از freecodecamp

نسخه ی نمایشی

چالش Pen Beach توسط JennaVisions (@JennaVisions) را در CodePen ببینید.

چالش ساحل

سفر

لطفا توجه داشته باشید که پروژه در حال حاضر به طور کامل پاسخگو نیست. برخی اصلاحات و به روز رسانی ها وجود دارد که قصد دارم بعداً آنها را پیاده سازی کنم که هنوز نتوانسته ام آنها را تکمیل کنم. با وجود این پیشرفت‌های معلق، ساخت هر مرحله از چالش سفر لذت‌بخشی بوده است.

علاوه بر طراحی بصری، ویژگی‌های دسترسی را در اولویت قرار دادم تا تجربه کاربرپسندی را برای همه بازدیدکنندگان تضمین کنم. ترکیب ویژگی‌های alt برای تصاویر و کنترل‌های صفحه کلید برای پیمایش در گالری لایت باکس از جمله اقداماتی بود که برای افزایش دسترسی به آن‌ها انجام شد. در حالی که پروژه هنوز به طور کامل پاسخگو نیست، من قصد دارم آن را در به روز رسانی های بعدی بهبود دهم.

به سلامتی