ساخت مقایسه بین دو محصول

گردآوری و تالیف : حسام موسوی
تاریخ انتشار : 24 خرداد 1394
دسته بندی ها : آموزشی , ابزار طراحی

این طرح کاملا رسپانسیو بوده و قادره که محصولات رو با یک gird خوب با هم مقایسه کنه . البته حداکثر قادرین که سه محصول رو در یک زمان با هم مقایسه کنید . این طرح برای نشون دادن مقایسه ها از قابلیت flexbox استفاده میکنه که بتونه نمایش خوبی داشته باشه . زمانی که روی مقایسه کلیک کنید با یک انیمیشن اسلایدی صفحه مقایسه ظاهر میشه .  در صفحه نمایش های کوچیک از media query استفاده میشه تا بخوبی نمایش داده بشه . امیدوارم لذت ببرین 

دانلود فایل | دمو

این مطلب را با دیگران به اشتراک بگذارید :

مقالات پیشنهادی

ساخت یک تور جالب برای محصولات

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

آموزش ساخت برنامه موبایل توسط React Native – قسمت دوم

در قسمت قبل با ساختار و نحوه راه اندازی React Native آشنا شدیم, در این قسمت میخواهیم بیشتر روی کار عملی تمرکز کنیم و پروژه رو جلو ببریم.

ساخت یک برنامه چت Real-time با Sails.js | بخش دوم

در بخش قبل، تا مرحله تولید API کاربر پیش رفتیم. در این بخش نیز فرم پروفایل را ساخته، و باقی مراحل را پیش می رویم. ما در حال استفاده از Semantic-UI For...

مقایسه bootstrap با Material Design Lite

از اونجا که گوگل اعلام کرد که به همراه اندروید 5.0 متد جدید طراحی یعنی متیرال هم ارائه میشه ، تعداد زیادی فریمورک های front با هدف آوردن مفهوم این مت...