طراحی فروشگاه اینترنتی
تبلیغات

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

حالا چرا زیباتر دیدن وب؟

در چند سال اخیر، وب پیشرفتهای زیادی کرده که HTML5 و CSS3 بخشی از آن است. طراحان وب با استفاده از این امکانات جدید وبسایتهای  زیبایی طراحی می کنند. ولی برای دیدن این وبسایتها در همان شکلی که مورد نظر طراح بوده، شما نباید از مرورگر Internet Explorer استفاده کنید؛ چرا؟ چون مایکروسافت مرورگری(شک دارم) ساخته که فقط برای نمایش وبسایتهای دهه ۸۰ و ۹۰ میلادی مناسب است. جالب است که تفاوت چندانی بین نسخه های مختلف آن وجود ندارد.

هنوز خیلی از افراد، از مرورگر پیش‏فرض سیستم عاملشان استفاده می کنند. همانطور که میدانید؛ ویندوز از IE، لینوکس از Firefox(اغلب)، Mac و iOS از سافاری/آیفون و اندروید هم از کروم/اندروید(چیزی شبیه به آن!) استفاده میکنند. حالا اگر لینوکسی ها و اندرویدیها را کنار بگذاریم(فعلاً):

IE کابوس طراحان وب

اکثر افرادی که با سیستم عامل ویندوز کار میکنند و تجربه کمتری در وبگردی و کار با کامپیوتر دارند، از IE استفاده میکنند! بنظرم این افراد هیچ لذتی از مشاهده وبسایتها، برنامه ها و کلاً وبگردی نخواهند برد. همیشه مثالی از این افراد را برای دوستان میزنم:

استفاده از Internet Explorer (بدون توجه به نسخه مورد استفاده!) مثل این است که یکی پیدا شده و یک ماشین BMW آخرین مدل، یک AUDI آخرین مدل، یک TOYOTA آخرین مدل و یک پیکان مدل ۵۹ جلوی شما گذاشته و به شما فرصت انتخاب داده که با یکی از این اتومبیلها به مسافرت بروید، و انتخاب شما پیکان مدل ۵۹(IE) است. حالا در سفر خود باید بجای لذت از سفر مدام در گوشه تعمیرگاه ها اتراق کنید و هرگز به مقصد نرسید! وبگردی هم مثل سفر است، هرچه وسیله شما راحت تر و سریعتر باشد سفر بهتری را خواهید گذراند و زودتر در مقصد خواهید بود.

اگر این افراد بدانند که حق انتخاب دارند، انتخاب ها هم رایگان و مشخص هستند، آیا باز هم به سراغ پیکان ۵۹(IE) می روند؟! اگر افراد مورد نظر اهل ریاضت نباشند بهترین گزینه را انتخاب کرده و استفاده از IE را از یاد خواهند برد.

اما فهماندن این مطلب(حق انتخاب، انتخاب ها) کار ما فعالان، طراحان یا برنامه نویسان وب است. پس هیچ موقع این وظیفه را از یاد نبرید! در همین راستا یک مطلب جالب و طنز دیگر هم نوشته ام که بزودی در وبلاگ ما منتشر می شود.

در نمودار زیر بیشترین استفاده از هر مرورگر در کشورهای مختلف نمایش داده شده است(دسامبر ۲۰۱۳) که خوشبختانه ایران در وضعیت نسبتاً خوبی قرار می گیرد، چون حداقل استفاده از Firefox و Chrome بیشتر از IE است، ولی متاسفانه هنوز هم استفاده از IE در رتبه سوم قرار گرفته است!

توجه کنید که این نمودار از شامل تمام وسایل استفاده کننده اینترنت می شوند(کامپیوترهای دسکتاپ، تبلت، موبایل، اسمارت فون و کنسول ها). کشورهایی که با رنگ آبی مشخص شده اند، بیشترین استفاده کنندگان از IE هستند(چین، ژاپن، آنگولا، گابن، گینه بیسائو و گرین لند).

سافاری اپل

Safari در سیستم عامل مک و iOS بصورت پیش فرض نصب شده و مورد استفاده قرار میگیرد. هرچند، با توجه به مشکلات IE اصلاً قابل قیاس با آن نیست؛ ولی اگر با کروم و فایرفاکس مقایسه شود دارای مشکلات زیادی است. در کل استفاده از این مرورگر هم توصیه نمی شود.

گوگل کروم

مرورگر گوگل کروم که از سال ۲۰۰۸ پا به عرصه وجود گذاشت، وقتی که بیش از ۷۰ درصد بازار در دستان نالایق IE مایکروسافت بود. البته ما در آن زمان هم از مرورگرهایی مثل Firefox و Opera استفاده می کردیم 🙂 برای دانلود گوگل کروم از لینک بالا استفاده کنید، ولی اگر دسترسی لازم را ندارید میتوانید در سایت پی سی دانلود آنرا دانلود کنید.

همانطور که در نمودار مشاهده میکنید این روند رو به بهبود است و تا چند سال آینده، IE جای خود را به گوگل کروم خواهد داد. پس وب در حال بهتر دیده شدن است!

نسخه جدید گوگل کروم

حالا بجای آمار و ارقام به بررسی نسخه جدید کروم می پردازیم. نسخه ۳۲.۰.۱۷۰۰.۷۲ m که جدیدترین نسخه منتشر شده کرومیوم هست؛ این نسخه هنوز انتشار رسمی نیافته است و ممکن است تغییراتی تا نسخه stable داشته باشد. آخرین نسخه stable، نسخه ۳۱.۰.۱۶۵۰.۶۷ گوگل کروم است.

در این نسخه فرم های html تغییراتی اساسی خواهند کرد، همانطور که در تصویر زیر مشاهده می کنید، برای نمایش المنتهای فرم از تم جدیدی استفاده شده است؛ تا امروز برای درست کردن تم زیبایی از المنتهای html باید از css و جاوا اسکریپت استفاده میکردیم، ولی اگر اینکار را مرورگر انجام دهد دیگر نیازی به آنها نخواهد بود. البته این مورد ممکن است مشکل چند شکلی شدن فرمها، در مرورگرهای مختلف را پدید بیاورد که نارضایتی مشتری یا کاربر را بدنبال خواهد داشت.

همانطور که در تصویر میبینید، چک باکس و دکمه رادیویی تغییر زیادی کرده اند، الان می شود به آنها عرض و طول داد تا اندازه آنها بزرگ شود.

تغییر دیگر در تم اسکرول صفحه است، خیلی از سایتها برای زیبایی اسکرول، از اسکریپت و استایل استفاده میکنند، ولی دیگر نیازی به اینکار نیست! گوگل کروم اسکرول را هم تغییر داده است.

Dropdown یا selectbox هم خیلی بهتر شده، مخصوصاً نمایشش، وقتی روی آن کلیک میکنید، با یک استایل خوب باز می شود.

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

گوگل کروم Inspector

تغییرات اساسی دیگر در Inspector داده شده است، که احتمالاً خبرهای خوب و بدی برای طراحان وب است. امروزه طراحی بدون این وسیله کاربردی تقریباً غیر ممکن شده است. یکی از دلایل اصلی مشکلات IE هم نداشتن این ابزار مناسب است(البته چیزی شبیه به این ابزار دارد، ولی کارایی لازم را ندارد).

خبر بد این است که کمی جابجایی در Inspector بوجود آمده که کمی زمان میبرد تا به آن عادت کنیم. مثل دکمه بستن پنجره کنسول و Tab مربوط به Resource که از جایگاه دوم، به جایگاه ششم منتقل شده است. همچنین آیکن های پایین به نوار بالا منتقل شده اند.

خبر خوب این است که بخش Emulator تغییرات خیلی خوبی کرده است. Emulator در واقع یک شبیه ساز برای مشاهده وبسایت در وسایل و گجتهای مختلف است. امروزه طراحی Responsive یا واکنش گرا خیلی سر زبان ها افتاده، پس این وسیله کارایی خوبی برای طراحان دارد. در زیر تصاویر این بخش را مشاهده می کنید.

انتخاب دستگاه مورد نظر و شروع شبیه سازی

انتخاب رزولوشن و شبیه سازی های مختلف

انتخاب مرورگرهای مختلف موجود بر روی دستگاه ها

شبیه سازی سنسورهای مختلف

در تصویر زیر هم shortcut های مرورگر را مشاهده می کنید:

«برای اطلاع از بروزرسانی ها و مطالب جدید در کانال ما عضو شوید»

تلگرام وبلاگ‌ما

اینستاگرام وبلاگ‌ما