HTML5 فقط تعیین نمی کنه چه چیزهایی در صفحه باشن، HTML5 حتی می‌تونه تعیین کنه چه قسمت‌هایی از مرورگر در اختیار توسعه‌دهنده قرار بگیره. یکی از این قسمت‌ها context menu یا منوی کلیک راست هست.

Chris Heilmann مقاله‌ای برای نشون دادن و آموزش این ویژگی HTML5 منتشر کرده. این مقاله نشون میده چطور میشه با استفاده از HTML،CSS و JavaScript این ویژگی رو به کار گرفت.

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

وقتی روی عکس کلیک راست می کنید متوجه ۳ آیتم جدید میشید که قبلا در منو وجود نداشتن. ۲ آیتم با آیکون‌های مربوطه و یه آیتم دیگه که خودش ۲ تا آیتم داره. وقتی روی آیتم rotate کلیک می‌کنید عکس ۹۰ درجه می‌چرخه و وقتی دوباره روش کلیک می‌کنید به حالت قبل برمیگرده. وقتی روی آیتم resize کلیک می‌کنید عکس کوچیک میشه و با کلیک مجدد به اندازه اولیه برمی‌گرده. چطوری این اتفاق میافته؟

با HTML5 منو و آیتم‌ها رو ایجاد می‌کنیم.

کلیک کردن روی این آیتم‌ها تابع متناسب با آیتم رو فراخوانی می‌کنه.

<menuitem label=”rotate” onclick=”rotate()” icon=”arrow_rotate_clockwise.png”>

این تابع، کلاس مربوطه رو به عنصر اضافه و یا ازش حذف می‌کنه.

document.querySelector(‘#menudemo’).classList.toggle(‘rotate’);

توسط CSS خصوصیاتی برای این کلاس‌ها تعریف شده، خصوصیاتی از قبیل rotate، scale، transform و transition که همگی از خصوصیات CSS3 هستند و برای ایجاد انتقال، تغییر شکل، چرخش و تغییر اندازه استفاده میشن.

#menudemo { -moz-transition: 0.2s; width:200px; }

#menudemo.rotate { -moz-transform: rotate(90deg); }

زیر عکس دو تا متن دیده میشه، با انتخاب چند کلمه و کلیک راست کردن روی این متن‌ها و کلیک کردن روی آیتم count words تعداد کلمات انتخاب شده شمرده میشه و به نمایش در میاد. فرق این دو متن چیه؟ اگه چیزی رو انتخاب نکنید و روی متن اول کلیک راست کنید آیتم count words فعاله در حالی که چیزی برای شمرده شدن وجود نداره ولی اگه روی متن دوم کلیک راست کنید آیتم count words غیر فعاله.

این قسمت هم عملکردی مثل قسمت اول(عکس) داره ولی کمی پیچیده تره.

چیزهایی که من نوشتم توضیحات کلی بود، برای دیدن کدها و جزئیات بیشتر مقاله اصلی رو بخونید.

Post from: PotatoZone

پشتیبانی فایرفاکس ۸ از منوی کلیک راست HTML5 + دمو

چند وقت پیش خبرهایی از بومی سازی رابط کاربری فایرفاکس اندروید برای موبایل منتشر شد، حالا می‌تونید با دانلود و نصب کردن نسخه Nightly تغییرات فایرفاکس رو مشاهده کنید.

نسخه Nightly فقط برای تست کردن هست. طبیعی هست که این نسخه با باگ‌ها و اشکالات زیادی همراه است.

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

دکمه مربوط به تب‌ها به این شکل کار می‌کنه که اگه فقط یک تب باز بود دکمه، علامت «+» رو نشون میده که با ضربه زدن بهش می‌تونید تب جدیدی باز کنید؛ اگه بیشتر از یک تب باز باشه تعداد تب‌ها نشون داده میشه و با ضربه زدن، تب‌های باز به همراه دکمه New Tab نشون داده میشه، از این منو می‌تونید وارد تب‌های دیگه بشید و یا تب‌ها رو ببندید.

فایرفاکس برای Froyo/Gingerbread و Ice Cream Sandwich بهینه شده.

Post from: PotatoZone

فایرفاکس اندروید برای موبایل با رابط کاربری بومی

فایرفاکس ۸ به صورت رسمی در تاریخ ۸ نوامبر ارائه خواهد شد، اما اگر نمی خواهید تا فردا صبر کنید می توانید نسخه نهایی را که چند روز زودتر از تاریخ مقرر روی سرور FTP موزیلا قرار گرقته، امروز دریافت نمایید.

Firefox 8 که شش هفته پس از فایرفاکس ۷ ارائه می شود دارای ویژگی های جدید جالبی نظیر امکان استفاده از توییتر در نوار جستجو، بهبود پشتیبانی از HTML5، مدیریت بهتر افزونه ها و … می باشد.

برای دانلود نسخه ویندوز اینجا و برای دانلود نسخه مک اینجا کلیک کنید.

[via Business Insider]

Post from: PotatoZone

فایرفاکس ۸ را امروز دانلود کنید

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

این ورژن امکانات بیشتری در اختیار وبلاگ‌نویس ها و توسعه‌دهندگان وب قرار می ده.

آیتم های جدید:

• Copy Page Title and URL: عنوان و آدرس صفحه رو کپی می کنه(عنوان و آدرس با کاراکتر newline از هم جدا میشن). برای مثال: PotatoZone

  http://potatozone.com/

• Copy Title & URL of all Tabs: عنوان و آدرس تمام تب های باز رو کپی می کنه.
• (صفحه)Copy as HTML Link: اگه چیزی در حالت انتخاب نباشه لینک HTML به صفحه رو کپی می کنه. برای مثال: <a href=”http://potatozone.com/”>PotatoZone</a>
• (صفحه)Copy as Link: اگه چیزی در حال انتخاب نباشه لینک به صفحه رو کپی می کنه. برای مثال: PotatoZone
• Copy as HTML: کد HTML متن انتخاب شده رو همونطوری که در سورس صفحه هست کپی می کنه.
• (انتخاب شده)Copy as HTML Link: مثل (صفحه)Copy as HTML Link با این تفاوت که از متن انتخاب شده برای نام لینک استفاده می کنه. برای مثال: <a href=”https://addons.mozilla.org/en-US/firefox/addon/contextmenuplus/”>ContextMenuPlus</a>
• (انتخاب شده)Copy as Link: مثل (صفحه)Copy as Link با این تفاوت که از متن انتخاب شده برای نام لینک استفاده می کنه. برای مثال: ContextMenuPlus

Post from: PotatoZone

ContextMenuPlus 0.6 [افزونه فایرفاکس]

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

آخرین تغییرات ContextMenuPlus:

آیتم Copy Page URL برای کپی کردن آدرس صفحه اضافه شده. کلید میانبر Ctrl+Shift+C برای کپی کردن عنوان صفحه(اگه چیزی در حالت انتخاب نباشه) و کپی کردن متن انتخاب شده به عنوان متن ساده و کلید میانبر Ctrl+Shift+U برای کپی کردن آدرس صفحه تعیین شدن. همه ویژگی های افزونه رو می تونید در پنل تنظمیات افزونه(روی آیکون افزونه در نوار افزونه کلیک کنید) فعال یا غیر فعال کنید و کلیدهای میانبر رو تغییر بدید.

نسخه ۰.۵

• رفع اشکال رنگ نوشته ها در پنل Options در مک
• تداخل کلیدهای میانبر رو بررسی می کنه
• ظاهر پیام ها تغییر کرد
• رفع چند باگ دیگه

نسخه ۰.۴

• آیتم جدید برای منوی کلیک راست: Copy Page URL
• برای Copy as Plain Text، Copy Page Title و Copy Page URL کلیدهای میانبر اضافه کردم
• پنل ContextMenuPlus Options رو اضافه کردم(از Add-on Bar قابل دسترس هست). در پنل تنظیمات می تونید همه چیز رو فعال یا غیر فعال کنید و کلیدهای میانبر رو تغییر بدید.
• بعد از آپگرید، صفحه changelog نشون داده میشه

ContextMenuPlus در GitHub

Post from: PotatoZone

ContextMenuPlus 0.5 [افزونه فایرفاکس]

با افزونه CyberSearch می تونید عبارت مورد نظرتون رو از طریق نوار آدرس فایرفاکس در گوگل یا بینگ جست و جو کنید و نتایج جست و جو رو در Awesome Bar ببینید.

با فعال کردن Keywords می تونید نتایج جستجو رو به یک یا چند سایت خاص محدود کنید. به صورت پیش فرض ۷ کلمه کلیدی وجود داره و خودتون هم می تونید کیوردهای جدید ایجاد کنید. برای اینکار وارد تنظمیات افزونه شید و در تب Keywords کیورد رو فعال کنید و گزینه New Keyword رو انتخاب کنید سپس موتور جست و جو، کلمه کلیدی، آدرس یک یا چند سایت و آدرس آیکون رو وارد کنید و روی Save Keyword کلیک کنید.

[در حال حاضر نتایج جستجوی کلمه کلیدی برای من نشون داده نمی شه.]

در قسمت تنظمیات افزونه همچنین می تونید تعداد نتایج نوار آدرس و جست و جو، نمایش یا عدم نمایش thumbnail در صفحه نتایج جست و جو رو مشخص کنید و کیوردها رو Import یا Export کنید.

CyberSearch مدتی به خاطر محدودیت گوگل توسعه پیدا نکرد ولی بعد از مدتی با موتور جست و جوی بینگ به کار خودش ادامه داد و در نسخه ۲.۳.۰ دوباره پشتیبانی از گوگل رو اضافه کرد.

Post from: PotatoZone

CyberSearch – جست و جوی سریع از طریق نوار آدرس [افزونه فایرفاکس]

چند اشکال رو در نسخه های ۰.۲ و ۰.۳ افزونه ContextMenuPlus بر طرف کردم. کسایی که این افزونه رو قبلا نصب کرده بودند به صورت خودکار به‌روزرسانی رو دریافت می کنن؛ اگه به‌روزرسانی خودکار رو خاموش کردید، به صورت دستی به‌روزش کنید. اگه هنوز نصبش نکردید می تونید از اینجا نصبش کنید.

تغییرات افزونه ContextMenuPlus:

ورژن ۰.۳:

• اصلاح “Open Page Hostname” که در صفحاتی مثل about:blank، about:home و … ارور میداد.

ورژن ۰.۲:

• کاراکترهای whitespace را از دو طرف رشته های تولید شده توسط “Copy as Plain Text” و “Copy Link Text” پاک می کند.
• سازگاری با فایرفاکس ۷

Post from: PotatoZone

نسخه ۰.۳ افزونه ContextMenuPlus منتشر شد [فایرفاکس]

ویژگی ذخیره تب ها (با نمایش پیغام) هنگام خروج از فایرفاکس و باز شدن تب های ذخیره شده هنگام باز شدن فایرفاکس در نسخه های ۴ به بعد فایرفاکس غیرفعال شده. برای فعال کردن این ویژگی مراحل زیر رو طی کنید:

about:config رو در آدرس بار وارد کنید.

روی I’ll be careful, I promise! کلیک کنید.

browser.showQuitWarning رو در قسمت فیلتر وارد کنید.

روی browser.showQuitWarning دبل کلیک کنید تا مقدارش true بشه.

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

به‌روزرسانی: اگه می خواید فایرفاکس بدون پیغام دادن هنگام خروج، تب ها رو ذخیره کنه، وارد تنظیمات فایرفاکس شید، در تب General و قسمت Startup گزینه Show my windows and tabs from last time رو برای When Firefox starts انتخاب کنید.

Post from: PotatoZone

فعال کردن ذخیره تب ها هنگام خروج از فایرفاکس [فایرفاکس +۴]

از اونجایی که افزونه Open Link Host با فایرفاکس ۴ سازگار نیست تصمیم گرفتم افزونه ای درست کنم که کار این افزونه رو انجام بده؛ بعد از اینکه این قسمت رو درست کردم تصمیم گرفتم امکانات دیگه ای هم بهش اضافه کنم. نتیجه کار ContextMenuPlus شد.

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

این افزونه بسته به اینکه در چه موقعیتی کلیک راست می کنید آیتم هایی رو به منوی کلیک راست اضافه می کنه.

آیتم ها:

• Copy Page Title
• Open Page Hostname
• Copy as Plain Text
• Copy Link Text
• Open Link Hostname

Copy Page Title: عنوان صفحه رو کپی می کنه.

Open Page Hostname: هاست‌نیم صفحه رو در تب جدید باز می کنه. برای مثال اگه در صفحه http://potatozone.com/about باشید صفحه http://potatozone.com رو باز می کنه.

Copy as Plain Text: متن انتخاب شده رو به صورت ساده و بدون فرمتینگ کپی می کنه.

Copy Link Text: متن لینکی که روش کلیک راست کردید رو کپی می کنه.

Open Link Hostname: همون کار Open Page Hostname رو برای لینک انجام میده.

به‌روز‌رسانی: امکانات جدیدی به افزونه اضافه شده، می تونید اینجا این امکانات رو ببینید. ورژن های افزونه و تغییراتشون رو می تونید اینجا ببینید.

به‌روز‌رسانی: آیتم های جدیدی به نسخه ۰.۶ اضافه شده، این آیتم ها رو می تونید اینجا ببینید.

Post from: PotatoZone

ContextMenuPlus – افزودن امکاناتی به منوی کلیک راست فایرفاکس [افزونه فایرفاکس]

اول فلش پلیر قدیمی رو پاک کنید.

پلاگین فلش پلیر با کدنیم Square رو می تونید از اینجا برای لینوکس ۶۴-بیتی دانلود کنید. بعد از دانلود، فایل libflashplayer.so رو استخراج کنید.

حالا باید این فایل رو در فولدر پلاگین موزیلا قرار بدید. برای اینکار دستور زیر رو در ترمینال اجرا کنید(با فرض اینکه فایل در فولدر home قرار داره):

sudo cp libflashplayer.so /usr/lib/mozilla/plugins

اگه فایرفاکس بازه ببندیدش و دوباره بازش کنید.

Post from: PotatoZone

رفع مشکل ناپایداری تصاویر فلش در فایرفاکس ۴ در نسخه ۶۴ بیتی اوبونتو