عنوان مقاله :

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

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

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

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

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

جدیدترن ابزار طراحی و برنامه نویسی وب - مهر 94

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

30 نمونه wireframe زیبا و آماده برای طراحی وب و تلفن همراه

امروز ما نگاهی به جدیدترین wireframe های که وجود داره میندازیم ، بسته ها یا کتابخانه های که از سال گذشته تا الان ارائه شدن تا روند طراحی صفحات وب و یا...

50 مجموعه برتر فونت آیکون برای طراحی وب سایت

همونطور که می دونید استفاده از وب فونت ها در وب سایت ها و وبلاگ های امروزی امری ضروری به حساب میاد و تقریبا وب سایت یا وبلاگی رو نمی بینید که از فونتی...

انتقال صفحه بصورت ajax بهمراه انیمیشن

این آموزش در مورد یک انیشمین قدرتمند css , که بعنوان یک لودینگ زیبا برای جایگزینی صفحه استفاده میشه رو شرح میده . این یک ایده زیبا و جالب که زمانی که...

دیدگاه های ارزشمند شما

هیچ دیدگاهی تا به این لحظه برای این موضوع ثبت نشده است