دسته‌ها
طراحی وب وب

نسل آینده سی‌اس‌اس

توی کنفرانس امسال گوگل Chrome Dev Summit 2019 معرفی نسل بعدی استایل سایت‌ها با css رو داشتیم. یه اجرای خیلی خوب که می‌تونین اینجا ببینین. یه خلاصه‌ایش رو براتون اینجا نوشتم که البته بهتره ویدیو رو هم ببینین چون توضیحات و دموی بعضی چیزها مثل توضیحات Houdini و Paint API که خیلی هم جذاب بود رو بهتره توی ویدیو ببینین.

CSS Scroll Snapping

ساپورت در مرورگرها:

سی اس اس snap تقریبا برای تمام سایت‌هایی که طراحی می‌کنیم به کارمون میاد، ساپورت خوبی داره و در حال حاضر بیشتر مرورگرهای بازار می‌تونن درست نمایش بدنش. با استفاده از css snap میتونیم اسلایدر تصاویر صفحه محصولات یه اسلایدرهای مطالب ویژه‌ی بالای سایت رو بدون نیاز به جاوااسکریپت و جی‌کوئری و … سبک‌تر و سریع‌تر پیاده‌سازی کنیم.

.slider { scroll-snap-type: x mandatory; }

دموی زیر رو ببینید. میتونین کد رو تغییر بدین و باهاش بازی کنین تا دستتون بیاد که وضعیت به چه شکله. سعی کنین ببینین می‌تونین جهت اسکرول رو عمودی کنین؟

See the Pen CSS Snap by Siavash (@siavashh) on CodePen.

element:focus-within

ساپورت مرورگرها:

در طراحی منو سایت‌ها وقتی که از لیست‌های تو در توی ul و li استفاده می‌کنیم، معمولا از hover و focus استفاده می‌کنیم. با کلیک کردن روی لیست‌های داخل parent استایل فوکوس ما از parent برداشته میشن. با استفاده از focus-within میتونیم این مشکل رو حل کنیم. در یک مثال دیگه که می‌تونین در زیر ببینین، ما وقتی فوکوسمون رو روی هرکدوم از child قرار می‌دیم می‌تونیم parent رو با استفاده از focus-within استایل کنیم. دموی زیر رو ببینید:

See the Pen CSS :focus-within by Siavash (@siavashh) on CodePen.

writing-mode

به تصویر زیر نگاه کنید، روش ما در سی‌اس‌اس همیشه همین بوده، چپ بالا راست پایین. این نگاه انگلیسی یا چپ به راست دیفالتیه که از اول باهاش آشنا شدیم:

دیدگاه قدیمیِ همیشگی در سی‌اس‌اس

حالا تصویر زیر رو ببینین:

دیدگاه جدید در طراحی سی‌اس‌اس

اگه تا حالا سعی کرده باشین تمپلیتی رو راست‌چین کرده باشین حتما براتون سوال پیش اومده که کاش به جای این همه فاصله و margin و padding که چپ و راستش رو باید برعکس کنین، میشد که خود مرورگر بفهمه که زبان راست به چپه و همه چیز رو خودش هندل کنه، این مشکل توی سی‌اس‌اس همیشه بوده و مثلا در استایل کردن اپ‌های native موبایل و تو برنامه‌نویسی اندروید و آی‌او‌اس این مساله حل شده بود. مثلا برای فاصله متن از ابتدای یک بلاک در اندروید لازم نیست تو یک فایل استایل marginLeft بدیم و تو فایل مخصوص زبان راست به چپ marginLeft، راه درست اینه که ما به صورت اتوماتیک با توجه به زبان اپ فاصله رو از ابتدای بلاک در نظر بگیریم و از marginStart استفاده کنیم.

حالا در سی‌اس‌اس هم میشه همین کار رو کرد. ما دیگه به جای مفاهیم چپ و راست با مفاهیم ابتدا و انتها طرف خواهیم بود. و با مرسوم شدن این روش کم‌کم تمامی تمپلتها به صورت اتوماتیک برای زبان‌های مختلف به درستی نمایش داده می‌شوند. فقط کافیه ما مقدار writing-mode رو تغییر بدیم به جهت زبان مورد نظرمون که حتی ممکنه به صورت ستونی از بالا به پایین مثل زبان ژاپنی باشه. همینطور ما دیگه با مفهوم height و width طرف نخواهیم بود. ما دیگه به جای ارتفاع و عرض با block-size و inline-size طرفیم. با استفاده از این مقادیر به جای height و width دیگه با تغییر direction نوشتاری ما، باکس‌ها به هم نمی‌ریزن و به صورت اتوماتیک تشخیص می‌دن که منظور ما چیه!

این مطلب موزیلا رو در مورد writing-mode بخونین تا بهتر درکش کنین، بعدها قطعا به دردتون میخوره

https://developer.mozilla.org/en-US/docs/Web/CSS/writing-mode

backdrop-filter

ساپورت مرورگرها:

ازین به بعد میشه برای ایجاد افکت روی تصویر به جای استفاده از جاوااسکریپت یا استفاده از فایل‌های تصویری، مثلا ایجاد blur یا مات کردن بک‌گراند، تغییر روشنایی، کانترست و … میشه از سی‌اس‌اس استفاده کرد، مقادیر مختلفی هست که میشه به backdrop-filter داد، اینجا میتونین دمو رو ببینین و مقادیرش رو عوض کنین و نتایج رو تست کنین:

blur()

brightness()

contrast()

drop-shadow()

grayscale()

hue-rotate()

invert()

opacity()

saturate()

sepia()

url() – (برای ایجاد افکت‌های svg)

See the Pen Backdrop-filter by Siavash (@siavashh) on CodePen.

flexbox gap

این یکی از امکانات مورد علاقه منه، برای ایجاد فاصله بین بلاک‌ها قبلا باید از margin و padding استفاده می‌شد که البته چون دورتادور بلاک‌ها فاصله ایجاد می‌کنه باید همیشه حواسمون به اولین و آخرین بلاک باشه، تو راست‌چین کردن تمپلیت‌ها و زمان طراحی ریسپانسیو هم خیلی اذیتمون می‌کنه. GAP اما این مشکل رو حل میکنه و میاد فاصله بین بلاک‌هارو برامون ایجاد می‌کنه. البته موقع نوشتن این مطلب فقط فایرفاکس ساپورت می‌کنه ازش ولی امیدواریم به زودی بقیه مرورگرها ساپورتش کنن.

ساپورت مرورگرها:

دسته‌ها
آموزش ها برجسته معرفی گرافیک

اکشن های اینستاگرام برای فوتوشاپ

حتما شما هم با اپلیکیشن معروف اینستاگرام که یکی از پر دانلود ترین برنامه های اپ استور اپل، اپلیکیشن سال ۲۰۱۱ و بزرگترین شبکه اجتماعی موبایلی دنیا با حدود ۱۵ میلیون کاربر است آشنایی دارید، برنامه ای که با چند “تاچ” ساده تصاویر شمارو ویرایش میکنه و شکل و شمایل خوبی به عکسهای معمولی و روزانه شما میده و به شما حس خوب عکاس بودن رو میده  : )) و البته امکان به اشتراک گذاری این تصاویر با دوستانتون هم در اختیار شما قرار میده.

ادیت مناسب تصاویر یکی از مهمترین بخشهای عکاسیه، شاید یه عکس معمولی رو عالی کنه و یا یه عکس بد رو قابل تحمل! اما خب این کار آسونی هم نیست، شاید برنامه های فوق العاده ای مثل ادوبی لایت روم  این کار رو برای عکاسها و علاقه مندان به عکاسی آسون‌تر کرده باشن اما باز هم برای کاربران معمولی کار چندان آسونی نیست که ویرایش های حرفه ای داشته باشن و بعضی وقتها این ادیت ها باعث خرابتر شدن تصویر هم میشن، اما برنامه ای مثل اینستاگرام  میاد، درست دستش رو میذاره روی این نقطه و یک سری ادیت های آماده و زیبا برای کاربران فراهم میکنه و بعد میشه یکی از موفق ترین برنامه های بزرگترین مارکت اپلیکیشن های موبایل، یعنی اپ استور…

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

اکشن های فوتوشاپ سلسله کارهایی هستن که روی تصویر انجام میشن و با همین نام (اکشن) ذخیره میشن تا بعدا بشه ازشون به راحتی استفاده کرد تا نیازی به انجام کارهای تکراری نباشه.

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

Program Files\Adobe\Adobe Photoshop X\Presets\ Actions

توضیح اینکه X ورژن فتوشاپ شماست، به طور مثال برای من به جای X نوشته شده :CS5

لینک دانلود:

  اکشن های اینستاگرام برای فتوشاپ (684 دانلود ها)

منابع:

http://instagr.am/

articles.businessinsider.com/2011-12-08/tech/30489467_1_android-apps-ipad

blog.spoongraphics.co.uk/articles/10-photoshop-actions-to-create-instagram-style-effects

dbox.tumblr.com/post/5426249009/instagram-filters-as-photoshop-actions

دسته‌ها
اندروید برجسته مینی‌تک

ورژن ۶ نقشه گوگل برای اندروید

ورژن جدید نقشه فوق العاده گوگل ( google maps) امروز برای سیستم عامل اندروید عرضه شد، ویژگی بارز و جالب این نقشه که برای اولین بار است که همچین چیزی می‌بینیم امکان نمایش نقشه ساختمان های عمومی بزرگ مانند فرودگاه ها و مراکز خرید است.

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

البته این امکان در حال حاضر در حالت آزمایشی قرار دارد و فقط شامل نقشه برخی از فرودگاه های آمریکا مانند Hartsfield-Jackson Atlanta International Airport ، Chicago O’Hare و San Francisco International Airport  و  فروشگاه هایی مانند Mall of America ، IKEA ، The Home Depot و راه آهن ژاپن است.

برای دیدن فیلم معرفی به این لینک یوتیوب سری بزنید و یا اینجا یک دمو از ویژگی جدید indoor یا همان “داخلی” ببینید.

لینک نرم افزار در مارکت اندروید

 

دسته‌ها
برجسته مقاله

اپل در مقابل گوگل! اپل به دنبال راه اندازی سرویس نقشه

محصولات و سرویس های اپل همیشه برای کاربران جذاب و جالب بوده است. پس از موفقیت های اپل در چند سال گذشته همه در انتظار حرکت جدیدی از این شرکت خوش نام هستند. در طول فعالیت اپل، انحصار طلبی یکی از خصوصیات و ویژگی های بارز این شرکت بوده است. تولید محصولات و سرویس های مخصوص به کاربران اپل که مشابه به سرویس های شرکت های دیگر (مانند سرویس iCloud ) تاییدی بر این نگرش در مورد اپل می باشد. به تازگی اپل در پی راه اندازی سرویسی مشابه با Google Maps و یا حتی فراتر از آن است. در حال حاضر اپل به صورت پیشفرض از سرویس نقشه های گوگل بر روی محصولات خود استفاده می کند، اما خرید شرکت هایی مرتبط با نقشه برداری توسط اپل در ۳ سال گذشته رنگ واقعیت به ادعایی مبنی بر قدم گذاشتن اپل به نقشه برداری می دهد. در این مطلب قصد داریم تا مروری کوتاه بر فعالیت های ۳ سال گذشته اپل در این زمینه داشته باشیم.

خرید کمپانی Placebase در سال ۲۰۰۹

اپل در سال ۲۰۰۹ بود که خبر از خرید کمپانی نقشه برداری Placebase داد. Placebase بسیار شبیه به Google Maps است و یک سرویس نقشه برداری است که پوشش جهانی دارد و قابلیت هایی مانند نقشه گوگل از جمله قابلیت بزرگنمایی و کوچکنمایی، لایه ای بودن و بارگذاری جزئیات نقشه دارد. این حرکت باعث شد همه ی گمانه زنی ها به سمتی برود که اپل قصد دارد تا سرویس نقشه خود را بی نیاز از Google ارائه دهد. اما اپل قرداد استفاده از نقشه گوگل را تمدید کرد تا مشخص شود این پروژه تا  تکمیل شدن و ارائه به کاربران زمانی زیادی دارد و اپل به دنبال خصوصیات دیگر و برجسته تر می باشد.

خرید کمپانی Poly9 در سال ۲۰۱۰؛دومین خرید مرتبط

در ماه جولای سال ۲۰۱۰ اینبار روزنامه کانادایی The Sun خبر از خرید تازه اپل داد، که خرید یک شرکت در زمینه نقشه برداری آنلاین به نام Poly9 است. این شرکت در زمینه نقشه برداری به صورت سه بعدی نیز فعالیت داشت و دورخیز اپل به سمت نقشه های سه بعدی را نمایان کرد.در این زمان بود که رویکرد اپل در بخش نقشه برداری و ادامه روند خرید و تحقیق در این زمینه توجه همه را به خودش جلب کرد و نظریه ی استفاده از یک سرویس نقشه تولیدی خود ، بر روی محصولاتش از جمله آیفون، آیپد وآیپاد تاچ قوت گرفت. در سال ۲۰۱۰ نیز اپل بار دیگر قرارداد استفاده از نقشه گوگل را تمدید کرد.

سومین کمپانی نقشه بردای برای اپل…

خرید شرکت Poly9 نشان داد که اپل به دنبال راه هایی برای نقشه برداری به صورت سه بعدی است در ادامه اما در ماه آگوست سال جاری خبری منتشر شد که اپل سومین خرید در زمینه نقشه برداری و دومین کمپانی نقشه برداری سه بعدی را خریده است. C3 Technologies شرکتی سوئدی بود که این بار اپل دست روی آن گذاشت. C3 Technologies شرکتی است که تصاویر سه بعدی با وضوح بسیار بالا و جزئیات دقیق از ساختمان ها، راه ها، خانه ها و حتی جزئیات کوچکی مانند درختان را ایجاد می کند. این شرکت ار پیشتازان این فناوری می باشد و با ابزار های بسیار پیشرفته تصاویر سه بعدی را تهیه می کند. اپل اما این بار هم قرارداد استفاده از نقشه گوگل را تمدید کرد تا همچنان دنیای تکنولوژی را منتظر بگذارد.

در سر مدیران اجرایی اپل چه می گذرد؟!

به طور حتم وقتی اپل شرکتی را خریداری می کند، از این خرید هدفی دارد به و خرید چند کمپانی مرتبط با هم در سال های اخیر از مصمم بودن اپل در این راه خبر می دهد .مطمئنا اپل تمام این کمپانی های خریدادری شده را به سمتی که تمایل دارد هدایت می کند تا نهایتا محصول منحصر بفرد خود را رو نمایی کند. بطور مثال می توان از آخرین خرید شرکت اپل، Siri نام برد که پس از گذشت تقریبا یک سال به یک اپلیکشن محبوب بر روی آیفون ۴ اس تبدیل شد. حرکت اپل به سوی استفاده از نقشه با تکنولوژی سه بعدی می تواند یک راه قدرتمند و متمایز در زمینه نقشه برداری باشد  و نوید این را به ما بدهد که از نقشه ساده گوگل بر روی آیفون مان به یک نقشه جذاب و کاملا جدید منتقل شویم.

فکر می کنید سرویس نقشه اپل چگونه باشد و چه امکاناتی داشته باشد؟

دسته‌ها
مینی‌تک

فعال کردن چهره جدید یوتیوب

برای فعال کردن طراحی جدید سایت یوتیوب قبل از معرفی رسمی تنها کافیست وارد سایت یوتیوب شوید و از طریق افزونه فایرباگ در فایرفاکس و یا دولوپر تولز مرورگر کروم “کلیک راست و انتخاب گزینه inspect elements” وارد تب Console شده و عبارت document.cookie="VISITOR_INFO1_LIVE=ST1Ti53r4fU";   را اینتر کنید و صفحه را refresh کنید.

منبع

دسته‌ها
برجسته مرورگر اینترنت

مایکروسافت در پی خرید کاربر برای اینترنت اکسپلورر!

کار جالبی تو هفته اخیر خیلی سر و صدا کرده و باعث شده خیلی از سایتها و وبلاگها به مایکروسافت حمله کنن حرکت جدید مایکروسافت برای جذب کاربر برای اینترنت اکسپلورر بوده، مرورگری که توی چند سال اخیر، یعنی از ۲۰۰۸ تا ۲۰۱۱ از حدود ۷۰ درصد کاربران رسید به زیر ۵۰ درصد و تقریبا در مقابل مرورگرهای بزرگ دیگه هیچ حرفی  برای گفتن نداره.

مایکروسافت با قرارداد هایی که با سرویس های اینترنتی موفق بسته تصمیم داره کاربران دیگر مرورگرها و حتی سیستم عامل های دیگه رو تشویق به استفاده از IE کنه، کمپینی با نام “where is the love? “ و با شعاری با عنوان “Free stuff from  sites you love “.

این قضیه نشان دهنده ی این است که مایکروسافت دیگه امیدی به جذب کاربر از طریق بهتر کردن امکانات، سرعت و امنیت مرورگر خود نداره و دست به کارهای دیگه غیر معمول دیگه می‌زنه و حتی اگه بتونه کاربران عادی رو با این حرکت به IE9 جذب کنه به این معنا نیست که میتونه اونهارو نگه داره، اگه قرار بود کاربرها تا ابد روی یک مرورگر باشن الان نه مایکروسافت سهم ۷۰ ۸۰ درصدی گذشته اش رو از دست داده بود و نه فایرفاکس در دو سال اخیر درصد زیادی کاربر از دست میداد، مایکروسافت به جای این حرکات میتونست خیلی کارهای دیگه انجام بده که کاربرها به اینترنت اکسپلورر جذب بشن، و فرار هم نکنن!

 

کارهایی مثل

  • نوآوری و ارائه امکاناتی که کاربرها نیاز دارند
  • کاری که اپل انجام داد و مرورگر خودش سافاری رو برای اجرا روی ویندوز ارائه کرد، مایکروسافت هم در مورد آی ای انجام بده نه اینکه کاربران یک سیستم عامل دیگه رو تشویق به تغییر سیستم عامل کنه، شما حتی اگه از ویندوز XP استفاده کنید نمی‌توانید اینترنت اکسپلورر ۹ رو نصب کنید! مرورگرهای بزرگ ، پرکاربر و موفق  امروز مثل فایرفاکس، کروم و اپرا  تقریبا روی تمامی سیستم عامل های رایج نصب میشوند و در واقع کاربران بیشتری رو هدف قرار میدهند و در نهایت به نفعشون هست این کار…
  • سریعتر کردن روند بیرون دادن ورژنهای جدید، کروم و فایرفاکس در هر کمتر از ۲ ماه ورژن جدید میدن، قرار نیست همه اینکار رو بکنن ولی زمانی که طول میکشه اینترنت اکسپلورر ورژن جدید بده خیلی خیلی طولانیه و با توجه به اینکه تکنولوژی وب خیلی سریع در حال پیشرفته و پشتیبانی از امکانات جدید و بالابردن سرعت اجرای آنها یکی از مهمترین دلایل انتخاب یک مرورگر توسط یک کاربر اینترنت هست ، باعث عقب ماندن مایکروسافت از رقبای دیگر می‌شود.

اینترنت اکسپلورر انتخاب هیچ وب دوِلوپری ( web developer ) نیست، هیچ برنامه نویسی از اینترنت اکسپلورر به عنوان مرورگر پیشفرض استفاده نمیکنه و تمامی کسانی که در این کار هستند فقط برای تست برنامه ی تحت وب خود و رفع اشکالات از آی ای استفاده میکنند و این موضوع به علاوه ی کمتر شدن روز به روز کاربران این مرورگر باعث کم اهمیت تر شدن این مرورگر در جامعه برنامه نویسان و در نهایت کمتر شدن سایتهایی که با این مرورگر سازگارند ، می‌شود.

تا همین ۵ ۶ سال قبل اینترنت پر بود از سایتهایی که به شما پیشنهاد میکردند از مرورگر اینترنت اکسپلورر استفاده کنید، چون سایت برای این مرورگر برنامه نویسی شده بود، و البته هنوز که هنوزه سایتهای دولتی، بانکها و دانشگاه ها، در ایران به دلیل اینکه از تکنولوژی های ۱۰ سال قبل استفاده می‌کنند با این مرورگر سازگارند، ولی امروزه، سایتهای معتبر و نرم‌افزار های تحت وب که روز به روز قوی تر، پرکاربردتر و بیشتر می‌شوند کمتر به IE اهمیت میدهند و در صورت ادامه دار شدن این روند که مایکروسافت پیش گرفته وضعیت برای این مرورگر بدتر و بدتر خواهد شد.

منابع:

دسته‌ها
مینی‌تک

افزودن امکان ساخت صفحه در گوگل پلاس

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

لینک

دسته‌ها
برجسته عمومی

جنبش سیبیلی برای مبارزه با سرطان!

از سال ۲۰۰۴ هر سال در ماه نوامبر جنبشی به نام movember ( ترکیبی از  نام  ماه میلادی november  و کلمه ی سیبیل یا moustache  ) در استرالیا به راه افتاد که توسط یک گروه کوچک از افراد که هیچوقت فکر نمیکردن در مدت کمی یک کمپین جهانی راه بندازن.

 movember

ایده ی اولیه برمیگرده به سال ۲۰۰۳ به صورت کاملا اتفاقی توسط گروهی از دوستان که در مورد “سیبیل” و مدهای دهه ۸۰ شوخی میکردن! خودشون هم فکر نمیکردن در طول این مدت کوتاه پایه گذار یک حرکت جهانی بشوند و هر سال این حرکت در شهرهای بزرگ دنیا اتفاق بیفته.

قضیه از این قراره که از سال ۲۰۰۴ هر سال با شروع ماه نوامبر  با مردها با اصلاح کامل صورت به جز سیبیلشون  شروع کردن به پول جمع کردن برای تبلیغ در مورد سرطان پروستات و سعی در شکستن تابو ی این قضیه برای مردم ، این افراد که اصطلاحا بهشون “ Mo bro” یا برادران سیبیلو میگن از شروع  ماه نوامبر به مدت یک ماه تمام با همین قیافه از دوست و آشنا و فامیل کمک های مالی جمع میکنند، یک mo bro در جواب سوالاتی که راجع به قیافه جدیدش می‌شه راجع به سرطان های که روی مردها تاثیر میگذاره صحبت میکنه.

زنها “Mo Sistas”  هم در این اطلاع‌رسانی سهیم هستند و در  راستای اهداف این کمپین با مردان سیبیلو همکاری می‌کنند!

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

در آخر پیشنهاد می‌کنم این ویدیو گوگل هم در این باره ببینید ، خالی از لطف نیست http://youtu.be/HjRhqx2EaQs

دسته‌ها
مینی‌تک

فعال کردن new tab جدید در کروم

برای فعال کردن new tab جدید در کروم کافیه که خط

 --new-tab-page

رو به انتهای لینک شورت‌کات مرورگر کروم اضافه کنید.

برای اینکار کافیه که  روی آیکون این برنامه کلیک راست کرده و در قسمت مشخص شده مانند تصویر زیر این خط رو اضافه کنید.

 

لینک یک ویدیوی کوتاه در مورد این امکان جدید مرورگر در یوتیوب http://youtu.be/8y_Hn2aT8Ck

دسته‌ها
برجسته مرورگر اینترنت

همگام سازی اطلاعات در مرورگرهای وب

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

اینکه یه وبگرد حرفه ای هستید و بیشتر اوقات فراغت و یا حتی زمان کار توی اینترنت مشغول گشت و گذار هستید یا یک یوزر معمولی که زندگیش زیاد به اینترنت وابسته نیست و شاید ماهی یک بار ایمیل چک میکنه و یا میره تو حساب بانکی‌اش زیاد فرقی نداره، شما بدتون نمیاد که تمام پسوردها، سایتهایی که بازدید کردین، سایتهای مورد علاقه تون که بوکمارک کردین اکستنشنهایی که روی مرورگر نصب کردین  رو همه جا داشته باشین، مثلن من امروز یک سایتی رو چک میکنم و بوکمارکش میکنم و فردا میخوام توی شرکت به همکارم نشون بدم، ولی آدرسش رو یادم نمیاد، کافیه یک کلمه کلیدی که توی ذهنم هست توی آدرس بار بنویسم تا لیست آدرس هایی که قبلن ، حتی دیشب توی منزل بازدید کردم رو بیاره و بتونم سایت مورد نظر رو پیدا کنم.

 

مرورگرها در چند سال اخیر پیشرفت خیلی خوبی داشتن، از روزی که موزیلا فایرفاکس رو معرفی کرد و با امکان اضافه کردن امکانات یا همون addons فایرفاکس ایده های مختلف به سمت مرورگرها سرازیر شد و از روزی که کروم با پشتیبانی گوگل هم وارد بازی شد و رقابت چند ساله ی اینترنت اکسپلورر، اپرا و فایرفاکس رو متحول کرد مرورگرها خیلی سریعتر از قبل سعی می‌کنن امکانات ، امنیت و سرعتشون رو بهبود ببخشن.

امروز میخوام به این امکان جالب در مرورگرهای مختلف اشاره کنم، اینکه ما چجوری اطلاعاتمون رو توی محل های مختلف همگام “sync” کنیم و از شر بک آپ گرفتن و اکسپورت کردن اطلاعات که تا همین چند سال پیش تنها راه نجات دادن اطلاعاتمون بودن خلاص شیم.

مرورگر اپرا در سال ۲۰۰۸ در ورژن ۹٫۵ خودش سرویسی به نام “ اپرا لینک “ رو معرفی کرد، این امکان اولین بار به شما اجازه میداد که بوکمارک ها ( سایتهای مورد علاقه شما ) ، نت ها ( نوشته هایی که مرورگر اپرا به شما اجازه میده در پنل سمت چپ مرورگر ذخیره کنید تا در مواقع نیاز ازشون استفاده کنید تا نیازی به کاغذ یا باز کردن برنامه دیگری نداشته باشید) و سایتهای موجود در اسپید دایل رو sync کنید، یعنی تمامی این اطلاعات در سرورهای اپرا در اکانتی به نام شما ذخیره می‌شوند تا وقتی که شما نیاز دارید بتونید  در یک مرورگر دیگه و یا حتا از طریق سایت link.opera.com بهشون دسترسی داشته باشید. در طی این دو سه سال اپرا لینک امکانات بیشتری اضافه کرده و امروز در ورژن ۱۱٫۵ بوکمارکها، نوار بوکمارک، سایتهای بازدید شده، اسپید دایل، نت ها، موتورهای جستجوی ذخیره شده در اپرا ، سایتها و قسمت های بلاک شده توسط “بلاک کانتنت” و پسوردهای شمارو همگام میکنه، شما میتونین به این اطلاعات از طریق مرورگر موبایل یا تبلت خودتون دسترسی داشته باشین و یا با استفاده از کامپیوترهای دیگه ازشون استفاده کنید.
برای فعال کردن این امکان در سمت چپ پایین مرورگر خود روی آیکون شبیه ابر اپرا لینک کلیک کنید، اگر عضو اپرا نیستید در همین پنجره میتونید در چند ثانیه عضو شده و از امکان اپرا لینک استفاده کنید، شما میتونید در تنظیمات اپرا لینک مواردی که نیاز دارید همگام سازی شن فعال کنید و اگر مواردی هست که ترجیح میدید سینک نشوند رو غیرفعال کنید، مثلن شما دوست ندارید پسوردهاتون جایی ذخیره بشن، کافیه تیک مربوطه رو بردارید.

opera link

مرورگر کروم هم در سال ۲۰۱۰ و در ورژن ۴ این امکان رو با استفاده از اکانت گوگل فعال کرد، یعنی شما کافیه یوزرنیم اکانت گوگل خودتون، یا همون جی‌میلتون رو به همراه پسوردتون وارد کنید تا بتونید تمامی اپ های نصب شده، اکستنشنها، تم ، نوشته هایی که توی فیلد های مختلف سایتها دارید، پسوردها، بوکمارکها و تنظیمات کروم  رو در هرجایی که از این مرورگر استفاده میکنید داشته باشید، شما میتوانید تمامی این همگامسازی را رمزگذاری شده انجام دهید، کروم حتا این امکان رو به شما میده که یک پسورد جداگانه از پسورد اکانت گوگل خودتون برای سینک کردن این امکانات استفاده کنید تا از لحاظ امنیتی خیالتون راحت تر باشه.

برای فعال کردن این امکان در کروم وارد تنظیمات شوید (میتونید از این آدرس هم استفاده کنید chrome://settings/personal ) و در قسمت Personal stuff در قسمت Sync روی Set up sync کلیک کرده و یوزرنیم و پسورد گوگل خودتون رو وارد کنید.

 

Chrome sync

بعد از این دو مرورگر ، فایرفاکس هم به فکر افتاد همچین امکانی را در اختیال کاربرانش قرار بده، من چون هیچوقت یوزر فایرفاکس نبودم نمیدونم ولی تقریبن مطمئنم که حتمن قبل از اینکه موزیلا بخواد “فایرفاکس سینک” رو معرفی کنه ادآن هایی برای اینکار بوده اند که این کار رو برای کاربرها انجام بدن، اما به هرحال فایرفاکس از ورژن ۴ بالاخره بعد از حدود سه سال از تاریخ معرفی و شروع پروژه ی  Weave که بعدها به Firefox Sync تغییر نام داد این امکان رو به مرورگر خودش اضافه کرد، شما با استفاده از فایرفاکس سینک میتونید از طریق سرورهای موزیلا و یا حتا از طریق سرور خودتون اطلاعات رو ذخیره کنید.

برای فعال کردن این امکان از طریق منوی فایرفاکس وارد Options شوید و در تب Sync روی Set up firefox sync کلیک کنید، یک اکانت بسازید و دیوایسهای خودتون رو اد کنید.

 

Firefox sync

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

 

xmarksشما میتونید برای همگامسازی بوکمارکها، بک آپ گرفتن از مرورگر و سینک کردن پروفایلهاتون، و همچنین دسترسی به اطلاعات به صورت آنلاین، سینک کردن history و حتا به اشتراک گذاشتن بوکمارکهاتون از xmarks استفاده کنید، این برنامه روی مک و ویندوز نصب میشه و با مرورگرهای اینترنت اکسپلورر، فایرفاکس، کروم و سافاری سازگاره، xmarks در سال ۲۰۱۰ توسط LastPass که خودش هم یک اکستنشن تقریبن با همین کارایی اما در مورد پسوردهاست، خریداری شد.

lastpass

LastPass یک اکستنشن برای تقریبن تمامی مرورگرها در تمامی سیستم عامل هاست که وظیفه اش نگه داری اطلاعات مربوط به ورود شما به سایتهای مختلفه، مزیت این اکستنشن به امکان سینک خود مرورگرها اینه که شما میتونید از طریق تمامی مرورگرها به پسوردهاتون دسترسی داشته باشین، برای اینکار کافیه روی مرورگرهاتون نصبش کنید و لاگین کنید، از این به بعد میتونید به راحتی با یک کلیک وارد هر سایتی که دوست دارین بشین بدون اینکه لازم باشه یوزرنیم و پسوردتون رو وارد کنید و یا حتا یادتون باشه، امکان دیگه لست‌پس اینه که شما میتونید مثل نت، در مرورگر اپرا، نوشته هایی هم داشته باشید که به وسیله یک پسورد ایمن شده اند و همه جا بهشون دسترسی داشته باشید.