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

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

توی کنفرانس امسال گوگل 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 اما این مشکل رو حل میکنه و میاد فاصله بین بلاک‌هارو برامون ایجاد می‌کنه. البته موقع نوشتن این مطلب فقط فایرفاکس ساپورت می‌کنه ازش ولی امیدواریم به زودی بقیه مرورگرها ساپورتش کنن.

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

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

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

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

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

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

 

کارهایی مثل

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

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

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

منابع:

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

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

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

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

 

مرورگرها در چند سال اخیر پیشرفت خیلی خوبی داشتن، از روزی که موزیلا فایرفاکس رو معرفی کرد و با امکان اضافه کردن امکانات یا همون 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 یک اکستنشن برای تقریبن تمامی مرورگرها در تمامی سیستم عامل هاست که وظیفه اش نگه داری اطلاعات مربوط به ورود شما به سایتهای مختلفه، مزیت این اکستنشن به امکان سینک خود مرورگرها اینه که شما میتونید از طریق تمامی مرورگرها به پسوردهاتون دسترسی داشته باشین، برای اینکار کافیه روی مرورگرهاتون نصبش کنید و لاگین کنید، از این به بعد میتونید به راحتی با یک کلیک وارد هر سایتی که دوست دارین بشین بدون اینکه لازم باشه یوزرنیم و پسوردتون رو وارد کنید و یا حتا یادتون باشه، امکان دیگه لست‌پس اینه که شما میتونید مثل نت، در مرورگر اپرا، نوشته هایی هم داشته باشید که به وسیله یک پسورد ایمن شده اند و همه جا بهشون دسترسی داشته باشید.

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

نحوه ادیت کردن ویجت های اپرا + ویجت فارسی توییتر

سلام

من مدتیه مطلب ننوشتم و دلیلش هم اینه که ترجیح میدم ۱ مطلب خیلی خوب بنویسم تا ۱۰ تا مطلب خوب یا ۱۰۰ تا معمولی! _حداقل از نظر خودم خوب باشه کافیه! هرچند امیدوارم شما هم خوشتون بیاد.

امروز به ذهنم رسید یک ویجت اپرا که برای توییت کردن برای خودم و بعضی از دوستان ادیت کرده بودم رو به شما معرفی کنم و در عین حال آموزشی باشه برای اینکه چطور ویجت های اپرا رو ادیت کنیم!

اگر مطالب آموزش طراحی سایت من رو خونده باشین حتمن الان دیگه آشنایی خیلی خوبی با html و css دارین و میتونین کاملن بفهمین من چی میگم.

ما برای این آموزش به آخرین ورژن مرورگر اپرا _که در حال حاضر ورژن ۱۰٫۵۰ است _ نیاز داریم، که از سایت اصلی اپرا به آدرس www.opera.com قابل دریافته

برای دانلود ویجت ها هم که حتمن میدونین از منوی   opera>widgets>Get widgets یا از آدرسhttp://widgets.opera.com/ میتونین به ویجت های اپرا دسترسی داشته باشین، ویجت مورد نظر این پست هم از آدرس http://goo.gl/b4Qu قابل دسترسیه.

خب از اینجا میریم سراغ ادیت ویجت ، برای اینکار اول از همه اپرا رو باز میکنیم و کلیدهای ترکیبی ctrl+shift+i رو میزنیم. صبر میکنیم تا dragonfly لود شه.

توضیح بدم که dargonfly تقریبن کاری مشابه inspect elements در کروم و افزونه ی فایرباگ در فایرفاکس انجام میده.

بعد از اینکه dragonfly لود شد وارد تب settings میشیم و روز Remote Debug کلیک میکنیم و تیک مربوطه رو میزنیم، در قسمت port هم هر پورت آزادی که بخواهین رو میتونین وارد کنین و در آخر هم روی apply کلیک میکنیم.

ریموت دیباگ

بعد وارد ویجت مورد نظر میشیم و روش کلیک راست میکنیم و از قسمت settings وارد Remote Debugger  میشیم، اگه دقت کنید الان inspect element یا همون dargonfly روی ویجت فعال شده و ما میتونیم به راحتی بفهمیم کدوم قسمت ویجت با چه تگ، آی دی و یا کلاسی نوشته شده.

الان ما دیگه کارمون مثل ادیت کردن یک صفحه ی html ساده است و کاری که ما میخواهیم انجام بدیم هم که فقط با css کار داره، اما فایلهای این ویجت کجا هستن؟

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

من میرم و فایل ویجت رو کپی میکنم توی دسکتاپم و بعد فرمتش رو از wgt به zip تغییر میدم، و فایل رو آنزیپ میکنم.

همونطور که میبینید فایلهای مربوط به ویجت همه در یک فولدر هستند که البته ما فقط با یکی از فایلها کار داریم و اون هم در پوشه ی styles و با نام v2.css هست.

در تصویر قبلی ما میخواستیم کلاس قسمتی که آخرین توییت نوشته میشه رو پیدا کنیم و اون رو در فایل css ویرایش کنیم، برای این کار روی قسمت مورد نظر کلیک کردیم و در dragonfly ویرایش مورد نظرمون رو روش اعمال کردیم (البته این فقط به منظور تست بوده و بعد از بستن ویجت تغییرات ایجاد شده به حالت اول برمیگردن، برای همین ما فایل ویجت رو آنزیپ کردیم تا بتونیمم تغییرات رو در فایلهاش اعمال کنیم!

v2.css رو باز میکنیم و کد آی دی و کلاس مورد نظر که در تصویر قبل مشخص کرده ام رو پیدا میکنیم.

#latest .text

برای پیدا کردن یک عبارت در ادیتور های متن هم حتمن میدونین که میتونیم از کلیدهای ترکیبی Ctrl+F استفاده کنیم

در خط ۹۴ آی دی latest و در زیر مجموعه ی اون کلاس text رو داریم که باید direction رو به راست به چپ یا همون rtl تغییر بدیم! برای این کار خط زیر رو به این قسمت اضافه میکنیم:

direction:rtl;

تا داشته باشیم:

#latest .text {
        direction:rtl;
        height: 65px;
        padding: 5px;
        background: transparent url(‘../images/status_bg_middle.png’) 0 0 repeat-x;
}

باز به ویجت برمیگردیم تا قسمت های خراب دیگه رو هم درست کنیم.

با کلیک بر روی قسمتی که توییت یکی از دوستان شما در توییتر رو در بر میگیره میفهمیم که کلاس قسمت توییتهای دوستان entry هست، با این حساب باز به ویرایشگر متن خودمون برمیگردیم و direction کلاس entry رو هم به rtl تبدیل میکنیم.

الان در خط ۳۶۶ داریم:

.entry {

  direction:rtl;

  background: #fff url(../images/bg_tweet_separator.png) 50% 100% no-repeat;

  padding: 8px 5px 8px 10px;

  line-height: 1.4em;

  overflow: hidden;

}

حالا فونت رو هم تاهوما کنیم که این یکی خیلی منو آزار میده! میریم و توی فایل v2.css تگ body رو که معمولن در قسمت های بالایی فایلهای استایل یا همون css ها هستند پیدا میکنیم و کد زیر رو بهش اضافه میکنیم:

font-family: tahoma;

به همین راحتی تمام متنهای داخل ویجت تبدیل به تاهوما میشن(برای تست میتونین در همون dragonfly این کارها رو انجام بدین و بعد وارد فایل ویجت بشین تا خیالتون راحت باشه که کار درست رو انجام دادین! )

حالا تقریبن شکل و قیافه ی بهتری داره ویجت مون، اما میتونیم بهترش هم بکنیم! اگه دقت کنید توییت ها یه کم چسبیده اند به عکسهای نویسنده هاشون، برای اینکه بفهمیم توی چه کدی باید تغییر ایجاد کنیم میریم و روی یکی از عکسها کلیک میکنیم، همونطور که توی عکس هم مشخصه سمت راست یک padding داره که اگه توی dragonfly نگاه کنید ۱۰ پیکسل از راست هست، من اون رو به ۳ پیکسل تغییر میدم و از این طرف هم برای اینکه یک فاصله ای از متن داشته باشه یک margin-left برابر با ۵ پیکسل بهش میدم.

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

با بررسی قسمت textarea که محل توییت کردنه میفهمیم که آی دی مربوط به این قسمت doing هست که در فایل css فونتش مشخص شده که sans-serif است که میریم و به tahoma تغییرش میدیم و یک direction راست به چپ (rtl) هم میدیم بهش.

این هایی که گفتم در حد یک آشنایی بود برای شما که میخواهین شروع کنین به کارهای این چنینی!

ینی مثلن یک افزونه ی فایرفاکس، کروم هم که میبینین میتونین به راحتی ادیتش کنین، و همین طور ویجت های اپرا، کم کم از ادیت میتونین دست به کار بشین و برسین به ساخت ویجت یا افزونه! که البته نوشتن اصلن قابل مقایسه با ادیت کردن نیست!

امیدوارم این مطلب کمکی به شمایی که به این کار علاقه دارین کرده باشه!

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

ویدجت توییتر (645 دانلود ها)

موفق و پیروز و خوشحال باشید

به امید دیدار

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

۱۲+۱ افزونه ی کروم که من استفاده میکنم

همونطور که میدونین گوگل از سال ۲۰۰۸ وارد بازار مرورگر ها شد و با سرعت هرچه تمام تر روی پروژه ی کرومیوم کار کرد و گوگل کروم رو در ۱۳ ماه به نسخه ی ۴ رسوند!

در نسخه ی ۴ امکان استفاده از افزونه (همان add on در فایرفاکس ) یا به اصطلاح خود گوگل extension رو داره یعنی اینکه برنامه نویسها به راحتی میتونن امکاناتی به این مرورگر اضافه کنن

این افزونه ها بر خلاف فایرفاکس تاثیر زیادی روی سرعت کار با مرورگر ندارن، نصب سریع و آسونی دارن و معمولن سبک و بسیار کار آمد هستن

من در این پست سعی دارم تعدادی از اکستنشن هایی که خودم استفاده میکنم به شما معرفی کنم.

one number

اولین اکستنشن که برای من خیلی به درد بخوره! اکستنشنی که تعداد جیمیل ها و آیتم های خوانده نشده ی گوگل ریدر و همینطور گوگل ویو رو توی یک دکمه نشون میده.

البته هرکدام از این چهار امکان در افزونه های جداگونه هم هستن که اگه نیازی به سه امکان دیگه ندارین میتونین فقط یکی رو نصب کنین!

Proxy Switchy!

افزونه ی دیگه که کارش از اسمش معلومه! شما ممکنه مثل من از چند برنامه ی فیل کش! استفاده کنید! با این افزونه به راحتی میتونین تنظیمات برنامه های مختلفتون رو ذخیره کنید و با یک کلیک بینشون سویچ کنید! (من که رسمن عاشقشم!)

AdBlock

اگر این افزونه رو ندیدین باید بدونین که از معروفترین های فایرفاکس بوده و هست و همینطور در کروم پر استفاده ترین اکستنشنه و هفته ای بیش از ۱۰۰ هزار نفر روی کروم نصبش میکنن! اگه میخواهین از شر تبلیغات خسته کننده که سراسر وب رو گرفته  خلاص شین این افزونه برای شماست!

Google Translate

دوست دارین وقتی وارد یک سایت غیر از زبان خودتون میرین به صورت اتوماتیک اون سایت رو به زبون قابل فهمتر برای خودتون تبدیل کنید؟ با این افزونه و با قدرت سرویس ترجمه ی گوگل این کار با یک کلیک صورت میگیره!(توی قسمت تنظیمات میتونین زبونهایی که نیاز به ترجمه شون ندارین وارد کنین، مثلن من انگلیسی و فارسی رو ترجمه نمیکنم ولی بقیه رو اتوماتیک به انگلیسی میخونم)

IE Tab Classic

شما هم با دیدن این e کهیر میزنید؟ دوست ندارین اصلن طرف اینترنت اکسپلورر برید اما مجبورید برای استفاده از سایتهای دانشگاه و بانکها از این برنامه استفاده کنید؟ این اکستنشن برای شماست! با نصب این افزونه شما میتونین در داخل کروم از اینترنت اکسپلورر استفاده کنید و دیگه سالی چند باری که میرفتید سراغش هم نرید!

RSS Subscription Extension plus

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

Chromed Bird

این افزونه هم برای کسانیه که از توییتر استفاده میکنن، با یک کلیک میتونین آخرین توییت های دوستانتون رو ببینین  و همینطور میتونین توییت کنین،خیلی کار باهاش لذت بخشه و اذیت اصلن اذیت نمیکنه! تنها ایرادی که به این اکستنشن میشه گرفت(که البته ایراد از ماست نه اون) در مورد چپ به راست بودنشه که البته ما راست به چپی ها تغریبن بهش عادت کردیم ! اما در کل من باهاش مشکل خاصی ندارم.

goo.gl

اگه پست” یک ترفند ساده برای کوتاه کردن آدرس در اپرا” من رو خونده باشین حتمن یادتونه که چقدر راحت میشد یک آدرس چند متری!! رو تبدیل به یک آدرس کوچیک کرد! حالا با این افزونه میتونید با یک کلیک این کار رو در کروم انجام بدین بدون اینکه لازم باشه به صفحه ی دیگه ای وارد بشین! وقتی در صفحه ی آدرس مورد نظر هستین روی دکمه ی این افزونه در سایدبار کلیک کنید و آدرس کوتاه شده اش رو تحویل بگیرید!( به جای این اکستنشن میتونین از URL shortener هم استفاده کنیدامکانات بیشتری هم داره، البته من علاقه ای بهش ندارم و goo.gl رو ترجیح میدم!)

۳xy Undo Close tab

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

persian jalali calender

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

Speed Dial

حتمن میدونین که در صفحه ی اول اپرا میتونین سایتهایی که زیاد سر میزنید رو قرار بدین تا با یک کلیک واردشون بشین، این اکستنشن هم تقریبن همین کار رو انجام میده! با نصب speed dial شما تا ۴۸ سایت رو میتونین توی صفحه ی اول کروم قرار بدین

TinEye Reverse

یک تصویر در سایتی دیدین که کیفیت خوبی نداره و شما در به در دنبال همون تصویر با ابعاد بزرگتر میگردین؟ چرا شانستون رو امتحان نمیکنید و اینبار برعکس سرچ نمیکنید؟!! سایت  www.tineye.com برای همین کار ساخته شده! و این اکستنشن هم کار با این سایت رو راحت تر میکنه! کافیه بعد از کلیک کردن روی این دکمه روی عکس مورد نظرتون کلیک کنید تا براتون وب رو بگرده و عکس مشابه اش رو پیدا کنه! شاید شانس با شما باشه، کی میدونه!

Chrome TV

این هم آخرین اکستنشن که معرفی میکنم، من یکی رو که به وجد آورد وقتی تست کردم و دیدم با اینترنت ۱۲۸ کیلو بیتیِ داغون هم میشه به تمام تلویزیون های دنیا دسترسی داشت! اونهم با دانلود کردن این افزونه ی کمتر از ۵۰۰ کیلوبایتی! برای مواقعی که بین فوتبال و اخبار تو خونه دعواست بیاین پای کامپیوتر و شبکه ی مورد علاقه تون رو بدون مزاحم تماشا کنید!

پ.ن: همونطور که میدونین سایتها برای ما دو حالت دارن! یا از این طرف فیلترن! یا  از اون طرف تحریمیم! یه دسته ی سومی هم هستن که البته تعدادشون انگشت شماره و اگه خدا بخواد به زودی یا میرن تو دسته ی اول یا تو دسته ی دوم!!

خلاصه اینکه اگر روی این لینکها کلیک کردین و چیزی ندیدین به این خاطر که این از اون سایتهاییه که مارو تحریم کرده! پس از روش هایی که بلدین وارد شوید!!

 

Speed Dial

 

دسته‌ها
مرورگر اینترنت مقاله

کروم یا فایرفاکس؟ #۲

سلام

در ادامه ی پست قبلی با عنوان  کروم یا فایرفاکس؟ #۱ این مطلب رو در مورد سرعت و امکانات دو مرورگر ادامه میدم

در مطلب قبل راجع به امنیت دو مرورگر صحبت کردیم و نتیجه این شد که هیچکدوم وضع نگران کننده ای ندارن و زیاد نمیشه تمایزی بین این دو قائل شد. اما از نظرهای دیگه چی؟ شاید یکی از مهمترین مسائل برای ما که وضعیت اینترنتمون خیلی خنده داره سرعت مرورگرها باشه

این مساله برای مرورگرها هم خیلی مهمه و هر بار و با هر ورژن جدید تر سعی در سریعتر کردن سرعت بارگزاری(download) صفحات وب کنند، فایرفاکس ۳٫۶ که آخرین ورژن منتشر شده ی این مرورگر هست سرعت بهتری نسبت به ورژن قبلی (۳٫۵) داره ولی کروم همچنان سریعتر از فایرفاکسه.

سرعت نه فقط در باز کردن صفحات، بلکه در بالا اومدن برنامه هم خیلی مهمه به هرحال هر کسی دوست داره وقتی روی یک برنامه کلیک میکنه بلافاصله اون برنامه باز بشه و حوصله اش رو سر نبره! در این مورد هم کروم سریعتره، و معمولن در کمتر از ۱ ثانیه باز میشه اما فایرفاکس مدت بیشتری زمان میبره، (اگر افزونه هم داشته باشین که دیگه خیلی بیشتر!)

نکته ی جالب اینه که فایرفاکس ۲٫۵ سرعت بهتری نسبت به ۳٫۶ داره!

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

تجربه ی شخصی خود من در استفاده از این دو مرورگر هم با این نمودار کاملن سازگاره! فایرفاکس بعضی وقتها واقعن اعصاب خورد کن میشه، همین الان ۷ ثانیه طول کشید تا فایرفاکس من باز شه در صورتی که کروم با وجود اینکه ۹ اکستنشن روش نصب کردم تو کمتر از یک ثانیه باز شد! این خیلی برای من به شخصه مهمه!

اما در عوض  کروم در استفاده از رم اصلن کم نمیذاره! همونطور که در مطلب قبلی(+)  گفتم کروم برای هر صفحه یک پروسس جدا باز میکنه ، اما مجموع استفاده ی رم توسط این پروسس ها بیشتر از حالت مشابه در فایرفاکسه!

البته از نظر من و طبق تجربه ای که مخصوصن با کامپیوتر قبلی داشتم این بوده که فایرفاکس شناگر ماهریه! یعنی کافیه چهارتا دونه پلاگین (افزونه) روش نصب کنین تا به تنهایی ۲۰۰ ۳۰۰ مگابایت رم رو اشغال کنه! اما اکستنشنهایی که روی کروم نصب میشن تاثیر چشمگیری روی سرعت مرورگر نمیذارن!

در پست بعدر بیشتر راجع به اکستنشنها حرف میزنم.

این مساله شاید برای کسانی که از کامپیوتر هایی با رم های بالا (مثلن یک گیگ الی ماشالله!) استفاده میکنن چندان مهم نباشه اما در کامپیوترهای کمی قدیمیتر این مساله اهمیت بیشتری داره!

در مورد جاوا اسکریپت فایرفاکس هیچ حرفی برای گفتن در مقابل کروم نداره! هیچ حرفی:

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

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

چرا کروم؟

  1. من کاری به آمارها ندارم! ولی واقعن اگه شما اینترنت ۵۶ کیلوبیتی دارین حتمن حرف منو راحت میفهمین و  قبول میکنین که فایرفاکس از نظر سرعت بارگزاری اونجوری نیست که تو آمارهاست! اما وقتی از کروم (یا حتی اپرا) استفاده میکنین میتونین تفاوت سرعت رو به خوبی حس کنید.
  2. همه ی ما استفاده ی زیادی از سرویسهای مختلف گوگل داریم، جی میل، گوگل ریدر، تقویم گوگل  و خیلی های دیگه! همه ی اینها با کروم بهتر و سریعتر باز میشن و خیلی کار باهاشونلذت بخش تره
  3. اگه یه سایت داغون(!!) رو با کروم باز کنید, کرش کنه با توجه به پروسس های جداگونه ی هر تب میتونین از task manager خود کروم اون تب رو به راحتی ببندین اما در فایرفاکس اینطور نیست!
  4. کروم گوگل رو پشتش داره و تو زمان به این کوتاهی پروژه ی کرومیوم رو با توجه به برنامه نویسان بیشمارش به ورژن ۵ برسونه و همینطور با سرعت پیش میره!
  5. کافیه روی فایرفاکس ۱۰ تا افزونه بریزید تا موقع باز کردن و استفاده  فایرفاکس خوابتون ببره! اما من الان با ۱۵ افزونه روی کروم هیچ مشکلی از لحاظ سرعت ندارم
  6. فضای کار با کروم خیلی بیشتره اگه دقت کرده باشین نوار بالایی که توی فایرفاکس هست در کروم نیست، و فقط یک (یا نهایتن دو نوار ) زیرش میاد و همین طور در زیر استاتوس بار کروم پاپ آپ هست و جایی نمیگیره!
  7. نصب افزونه ها بسیار سریعه و مثل فایرفاکس به ری استارت نیاز نداره
  8. نصب تم( theme ) خیلی سریع و با یک کلیک بدون نیاز به راه اندازی مجدد
  9. نصب اسکریپتهای گریسمانکی بدون نیاز به هیچ افزونه ی خاصی
  10. چون من میگم!!

چرا فایرفاکس نه!؟

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

امیدوارم اگر شما بعد از استفاده از کروم هنوز طرفدار این مرورگر هستین و برای این طرفداری دلیلی دارین حتمن من رو در جریان بذارین و بگین چرا؟!

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

پ.ن: اگر هنوز کروم رو دانلود نکردین ، حرف گوش بدین و اینجا کلیک بنمایید!(ترجیهن از نسخه های stable که مشکلات کمتری دارند استفاده کنید)

google chrome-all versions (2144 دانلود ها)

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

پ.ن ۳: راستش رو بخواهین تیتر این پست اولش “چرا کروم؟” بود اما بعد به این نتیجه رسیدم قضاوت نکنم قبل از توضیح دادن!

پ.ن ۴ : صدای من رو از یک هاست بدون محدودیت (از هر لحاظ) از نوع فرنگی!! میشنوید! احساس قدرت میکنم الان:))

پ.ن آخر!! : حالا که این مطلب رو خوندین لطف کنید اگه دفاعی از فایرفاکس دارین نظرتون رو بگین.

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

کروم یا فایرفاکس؟ #۱

سلام

chrome vs ff

همونطور که میدونید _ یا حداقل امیدوارم بدونید! _ برای رفتن به سایتهای مختلف راههای زیادی هست به جز این e لعنتی!

بیشتر از ۹۰ درصد ما از ویندوز استفاده میکنیم و بیشتر از ۸۰ درصد ما ویندوزی ها از ویندوز xp استفاده میکنیم. ویندوز محصول مایکروسافته و مایکروسافت بزرگترین شرکت کامپیوتری دنیا که نمیخواد به هیچ وجه این موقعیت رو به رقیبها واگذار کنه، به همین دلیل سعی میکنه با استفاده از قدرتش کارهاش رو پیش ببره _البته همه ی ما همینطوریم!_ اما به هر حال اینکار انتقادهایی هم متوجه این شرکت کرده و میکنه که یکی از موارد انتقاد به این شرکت مرورگر معروفش، اینترنت اکسپلورر است …

اینترنت اکسپلورر یکی از محصولان مایکروسافته که برای مرور سایتهای اینترنتی ساخته شده و مورد استفاده قرار میگیره و طبق آمار پر استفاده ترین مرورگر دنیا هم هست، اما تنها دلیل وجود همچین آماری اینه که ما ۹۰ درصدی که ویندوز داریم، یعنی این برنامه رو  هم روی کامپیوتر خودمون داریم! به همین راحتی! اما ما مجبور نیستیم سرعت پایین و امنیت پایینتر این مرورگر رو تحمل کنیم، بیشتر ویندوزهایی که ما نصب میکنیم اینترنت اکسپلورر ورژن ۶ _که مسخره ترین ساخته ی دست مایکروسافت در طول تاریخ میتونه لقب بگیره_ دارن و ما که شاید زیاد به اینترنت سر نمیزنیم و یا اطلاع زیادی در این زمینه نداریم و البته سرعت اینترنت داغونی داریم از همون استفاده میکنیم، اما اگر بدونیم که میتونیم از برنامه هایی استفاده کنیم که سرعت، امنیت و کاربرد بیشتری دارند دیگه سراغ IE _یا همون Internet Explorer _ نمیریم!

این مطلب سعی نداره شما رو قانع کنه که از IE استقاده نکنید چون هیچ مقاله ای نیاز نیست، فقط کافیه یک هفته از یکی از مرورگرهای Firefox یا Google Chrome و یا Opera استفاده کنید تا برای همیشه IE رو ببندید و دیگه هم بازش نکنید!

توجه کنید که برای دریافت کروم از سایت گوگل باید از فیــلتر شکــن یا v.p.n استفاده کنید، به دلیل اینکه ایران در لیست کشورهای تحریم شده است! و یا میتونین از لینک زیر آخرین ورژن این برنامه رو دانلود کنید:

google chrome-all versions (2144 دانلود ها)

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

بین کسانی که در ایران_و البته در دنیا_ وقت زیادی رو توی اینترنت میگذرونن و در واقع کاربرهای حرفه ای و نیمه حرفه ای _و نه تازه کار_ هستند مرورگر های فایرفاکس و اپرا و جدیدن گوگل کروم _و البته سافاری شرکت اپل_ طرفداران بیشتری دارن و طبق آمار سایت wakoopa _که میشه به عنوان یک مرجع قابل اطمینان روش حساب کرد_ فایرفاکس در جایگاه اول و بعد کروم، سافاری و اپرا قرار دارن، میتونین لیست رو در این آدرس ببینید:

http://wakoopa.com/categories/internet/browsers

من سعی دارم در این مطلب مقایسه ای بین کرومِِ شرکت گوگل و فایرفاکسِ موزیلا انجام بدم و سعی میکنم عادلانه و بدون تعصب اینکار رو انجام بدم ( البته من رو هیچ کدوم از این دو تعصب ندارم و از طرفدارهای اپرا هستم! )

مهمترین مسائل و دغدغه های ما برای یک مرورگر خوب میتونه موارد زیر باشه:

  • امنیت
  • سرعت
  • امکانات
  • راحتی استفاده از مرورگر

که از نظر من ترتیب اهمیت موارد به همین ترتیبیه که نوشتم .

در مورد امنیت زیاد نباید نگران این دو مرورگر بود چون روز به روز مشکلات و باگهای این مرورگرهای متن باز گزارش داده میشن و با سرعت هرچه تمام تر برطرف میشن

کروم با استفاده از یک رابط برنامه نویسی نرم افزار ( API ) به اسم Google Safe Browsing API یک لیست سیاه از سایتهایی که ممکنه به شما آسیب برسونن تهیه کرده و میکنه که باعث میشه وقتی شما قصد ورود به یک سایت مشکوک رو دارین بهتون اخطار بده.

گوگل کروم برای هرکدوم از صفحاتی که شما باز میکنید یک پروسس جداگونه ایجاد میکنه (که میتونین در task manager و در قسمت processes تعداد زیاد chrome.exe ها رو ببینید که هرکدوم مربوط به تب های باز شده ی شما توسط این مرورگره ) این کار باعث میشه از نصب malware ها روی کامپیوتر شما جلوگیری بشه و tab تاثیری روی tab های دیگه نداشته باشن، در واقع هر پروسس میتونه پردازش خودش رو انجام بده اما اجازه ی خواندن و نوشتن فایلها(مثلن فایلهای دسکتاپ) رو نداره. مثل کاری که اینترنت اکسپلورر در ویستا و ویندوز ۷ میکنه!

نکته ی جالب دیگه در مورد کروم اینه که این مرورگر در وبلاگش (blog.chromium.org) در تاریخ ۲۸ ژانویه ۲۰۱۰ مطلبی منتشر کرده مبنی بر اینکه به ازای هر باگ که در این نرم افزار پیدا کنید بین ۵۰۰ تا ۱۳۳۷ دلار جایزه میده و این هم میتونه باعث دلگرمی بیشتر کاربران عادی و همکاری بیشتر برنامه نویس ها و کاربران حرفه ای برای پیشرفت کروم باشه، لینک مطلب در وبلاگ کروم:

http://blog.chromium.org/2010/01/encouraging-more-chromium-security.html

فایرفاکس هم اگر چه باگهای کمی نداره و در زمینه ی امنیت بهترین نیست اما وضعیت نگران کننده ای هم نداره، مثل کروم از sandbox security model استفاده میکنه و bug bounty هم برای پیدا کردن باگ های این مرورگر کمک خوبیه.

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

این پست ادامه داره، برای اینکه مطالب دیگه رو از دست ندین میتونین مشترک فید من بشین و یا اگه نمیدونین فید چیه سری به [ این مطلب ] بزنین.

مطلب بعدی:  کروم یا فایرفاکس؟ #۲

توضیحات اضافه در ویکیپدیای فارسی :

  1. API یا رابط برنامه نویسی نرم افزار چیست؟
  2. malware چیست؟
http://www.webdevout.net

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

یک ترفند ساده برای کوتاه کردن آدرس در اپرا

سلام

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

اون قدیم ها که شما یادتون نمیاد! زمان جوونیه ما که مرورگر های ما محدود بودن به IE و مرورگرهایی که بر اساس IE ساخته میشدن و ما با سرعت لاکپشتی وبگردی میکردیم یه مرورگری هم بود که امکاناتی ارائه میداد که مایکروسافت خوابش هم نمیدید! اما به هر حال زیاد معروف نشد و زیاد هم اونجور که باید و شاید روش تبلیغات نشد تا اینکه فایرفاکس اومد و به هر صورت الان اینی شد که میبینین

من انکار نمیکنم که حالم از فایرفاکس به هم میخوره اما به کسانی که ازش استفاده میکنن احترام میزارم 😀

به هر حال میخواستم یه ترفند کوچک برای اپرایی ها بنویسم که خودم بیشتر از اینکه ازش استفاده کنم ازش لذت میبرم!

شما حتمن به غیر از گوگل و یاهو از سیستمهای جستجوی خود سایتها هم استفاده میکنین، مثلن از ۴shared برای پیدا کردن موزیک مورد علاقه ی خودتون یا هر سایت دیگه ای…

اما اگه ما بخواهیم این کار رو ساده تر کنیم میتونیم با اپرا بریم با ۴shared.com و بعد با دو کلیک و دو ثانیه وقت این سایت رو به قسمت جستجوهای مرورگر اضافه کنیم:

و یا یه کار جالبتر کنیم، و به جای اضافه کردن یه گزینه ی جستجو به سایت مورد نظر برای کوتاه کردن آدرس بریم، مثلن من به bit.ly میرم و در اونجا همین کار رو تکرار میکنم:

میبینید که ۴shared و bit.ly به منوی جستجو ها اضافه شدن، ما میتونیم لینکی که میخواهیم کوتاه کنیم رو اینجا paste کنیم و بعد:

حالا ما توی هر سایت یا آدرسی باشیم میتونیم اول آدرسش در نوار آدرس بنویسیم bit (یا هر چیزی که هنگام ساختن custom search با عنوان keyword وارد کردیم) و enter کنیم!

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

موفق باشین