کدهای جذاب و دیدنی ( minimal blog concept ) : ایده زیبا برای نمایش پست وبسایت

در این قسمت میخوام یک کد ( minimal blog concept ) جالب رو در اختیارتون بزارم.

توضیحات مربوط به کد minimal blog concept

همونطور که دیدید تعدادی لینک که هر کدام عنوان مربوط به یک پست هستند، قرار داده شده و با هاور کردن بر روی اونا، تصویر مورد نظر به اونا به زیبایی در پس زمینه نمایش داده میشه.

با کلیک کردن بر روی هر لینک جزئیات مربوط به هر پست نمایش داده میشه.

با کلیک کردن بر روی X پست مورد نظر بسته شده و وارد صفحه اصلی میشیم.

با کلیک بر روی > و < هم میتونین پست های بعدی و قبلی رو ببینید.

این ایده با استفاده از Vue.js ساخته شده است و میتونین از اون استفاده کنید.

بدلیل اینکه حجم کدها زیاد بود ، اونارو در انتهای همین مطلب قرار میدم که میتونین اونو دانلود کرده و استفاده کنید. امیدوارم لذت برده باشین.

موفق باشید.

یا علی

Source