بایگانی دسته: وب

صفحات وب را خوانا بخوانید

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

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

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

Readable ابزاریه که کمک میکنه متن وب‌سایت‌ها رو به شکل و فرمی که می‎‌خواید تغییر بدید تا بهتر خونده بشن. استفاده از این ابزار خیلی راحته. ابتدا به این صفحه برید و روی دکمه سبز رنگ Show Setup کلیک کنید. صفحه‌ای به شما نشون داده می‌شه که سه بخش داره. در بخش ۱ شما می‌تونید تنظیمات دلخواه روی استایل فونت، خطوط و رنگ تم و سایر چیزهایی که لازم دارید رو انجام بدید. در بخش ۲ پیش نمایشی از تغییرات دلخواه شما نشان داده می‌شه تا بدونید متن تحت استایل شخصی شما به چه شکلی در میاد. در بخش ۳ از شما می‌خواد تا Bookmarklet مستطیل شکل رو بکشید و به نوار بوکمارک مرورگرتون انتقال بدید. حالا در هرسایتی که باشید فقط کافیه روی این بوکمارکلت کلیک کنید تا متن اون صفحه مطابق استایل انتخابی شما تغییر کنه.

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

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

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

آزمایشگاه موزیلا در ماه اکتبر ۲۰۱۰ مسابقه‌ای با نام GAME ON ترتیب داد و از همه توسعه‌دهندگان دعوت کرد با هر  سطح تجربه‌ای که دارند با ساختن بازی‌های تحت وب در این مسابقه شرکت کنند. اکنون موزیلا از میان بازی‌های فرستاده شده ۳۵ بازی را بعنوان فینالیست‌های مسابقه انتخاب کرده که برای انتخاب برنده نهایی و دریافت جایزه ممتاز یعنی شرکت در کنفرانس توسعه‌دهندگان بازی، ارزیابی می‌شوند. اگر می‌خواهید نگاهی به این بازی‌ها بیندازید و آنها را امتحان کنید به این صفحه بروید. من تعدادی از این بازی‌ها را که به نظرم جالب آمد در زیر آورده‌ام.

Mozilla Game On 2010

A to B: یک بازی برپایه فیزیک اجسام است که هدفی ساده دارد و باید توپ را از نقطه A به B برسانید.
Favimon: این بازی شما را به جنگ با Favicon وب‌سایت‌ها می‌فرستد.
Vector Racer: یک مسابقه کلاسیک سرعت است که بجای جاده روی کاغذ شطرنجی برگزار می‌شود.
Z-Type: در یک جنگ فضایی باید با تایپ کردن کلمات به مهاجمین شلیک کنید و آنها را نابود سازید.
This Shell: یک پازل است که مثل همیشه باید قطعات به هم ریخته آن را مرتب شود با این تفاوت که اینبار قطعات یک موزیک ویدیو است نه تصویر.

این تنها ۵ تا از ده‌ها بازی بود که می‌توانید با آنها سرگرم شوید. اگر به این صفحه بروید خواهید توانست تمام بازی‌های شرکت داده شده در این مسابقه را مشاهده کنید که سورس بعضی از آنها نیز قابل رویت است. البته توجه داشته باشید که برای اجرای این بازی‌ها مرورگر شما باید قادر به پشتیبانی مناسب از HTML5 باشد. در حال حاضر من Google Chrome 8 یا Mozilla Firefox 4 را برای بهترین عملکرد به شما پیشنهاد می‌کنم.