این یک ارسال برای [Frontend Challenge v24.04.17]((https://dev.to/challenges/frontend-2024-05-29)، Glam Up My Markup: Beaches
چیزی که من ساختم
با CSS/JS/HTML مرا به ساحل ببرید.
همانطور که در اعلان چالش نشانه‌گذاری بیان شد – هیچ نشانه‌گذاری به جز افزودن یک پیوند به CSS و یک برچسب اسکریپت در سر تغییر نکرد. با سبک‌ها، انیمیشن‌ها و برخی JS برای افزودن تصاویر و یک پنجره گفتگو – صفحه سرگرم‌کننده‌تر و تعاملی‌تر می‌شود.
نسخه ی نمایشی
برای چالش https://dev.to/challenges/frontend-2024-05-29
ساخته شده برای چالش dev.to
من از CSS و جاوا اسکریپت استفاده کرده ام تا نشانه گذاری HTML آغازین را زیبا، تعاملی و مفید کنم. الگو شامل عکس نمی شود، بنابراین برای اینکه از نظر بصری جذاب باشد، از یک جاوا اسکریپت ساده با ترفند css var استفاده شده است.
زنده
صفحات Github
فن آوری استفاده شده است
ImageMagick و کدک های لازم برای…
سفر
من از چیزهای جالبی در اینجا استفاده کردم. هوش مصنوعی برای تولید تصویر، تبدیل تصاویر به فرمت جدید AVIF، از بسیاری از ویژگی‌های HTML/CSS که اخیراً اضافه یا پذیرفته شده‌اند (گفتگو، تغییرات CSS و غیره) استفاده می‌کند. و من هرگز از انیمیشن‌ها به قدری زیاد استفاده نکرده‌ام (حتی اگر فقط چند تبدیل و فریم کلیدی باشد)
