پی سی دیزاین | درباره تکنولوژی و اینترنت بیشتر بدانیم

زیرخط هایتان را بردارید!

۲۳ ۰۷ ۱۳۸۸

از زیرخط یا underline معمولا برای برجسته نشان دادن و یا تاکید روی یک قسمت از متن استفاده می‌شود و در برخی موارد در طراحی های وب هم برای کاربردهای مختلف از زیرخط زیاد استفاده می‌شود٬ مثلا برای نشان دادن لینک ها٬ آنها را با زیرخط متمایز می‌کنند که البته بستگی به سلیقه طراح و روش کار آن نیز دارد.

حالا چرا زیرخط هایمان را برداریم یا به عبارتی دیگر از آنها کمتر استفاده کنیم؟! برای اینکار دلیل واضحی دارم! که البته در ادامه راهکارهایی هم برای کسانی که نمی‌خواهند این کار را انجام دهند ارائه خواهم داد.

همانطور که می‌دانید زبان‌های مختلف نوشتار های مختلفی هم دارند و این مهم‌ترین دلیل ما برای استفاده نکردن از زیرخط است. چرا که زیرخط های استاندارد بر اساس نوشتار زبان هایی همچون انگلیسی تهیه شده اند و زبان هایی با نوشتار انگلیسی معمولا به طور کامل روی خط نوشته می‌شوند و قسمت های اضافی ندارند که در زیر خط قرار بگیرد اما زبان فارسی به این صورت نیست و در نوشتار حرف‌ها قسمت‌هایی وجود دارد که زیر خط قرار می‌گیرند و این مشکل ایجاد می‌کند٬ مثل حرف‌هایی همچون «ع ح س ر ب» و دیگر حرف‌ها که کم هم نیستند.

اما بگذارید با یک مثال ساده منظورم را بهتر برسانم٬ برای مثال من دو متن را با حروف فارسی و انگلیسی می‌نویسم و برای آنها زیرخط استاندارد می‌گذارم تا شما دلیل گفته‌ی من را بهتر متوجه شوید:

یک جمله فارسی میبینید | This is an English sentence

همانطور که مشاهده می‌کنید جمله‌ی فارسی را که زیرخط دار کردیم قسمت هایی از حروف با زیرخط برخورد کرده (که البته به فونتی هم که استفاده می‌کنیم بستگی دارد) و قابل مشاهده نیستند و حتی به گونه‌ی دیگر خوانده می‌شوند مانند کلمه «میبینید» که شبیه کلمه‌ی «مسند» نوشته شده است! اما در جمله انگلیسی این اشکال وجود ندارد!

راه حل: آن دوستانی هم که می‌خواهند حتما از زیرخط در متن‌هایشان استفاده کنند می‌توانند کد css زیر را در فایل style یا css پوسته شان قرار دهند تا تگ زیرخط (U) را اصلاح کنند! به همین سادگی :دی

u {
border-bottom: 1px solid;
padding-bottom: 1px;
text-decoration: none;
}

که نتیجه کار هم به صورت زیر خواهد بود:

یک جمله فارسی میبینید

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

تصاویر خود را بهینه سازی کنید!

۱۴ ۰۷ ۱۳۸۸

تصاویر خود را بهینه سازی کنید یعنی چی اصلا؟ خب البته این جمله خیلی معنی ها میتونه بده اما ما با یکی از معانی اون کار داریم که می‌تونه خیلی به درد مخصوصا وبلاگ نویس‌ها و طراحان وب بخوره که همواره دنبال پائین آوردن زمان بارگذاری وبلاگ و یا سایتشون هستند.

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

اما نظرتون راجع به کم کردن حجم تصویر بدون افت کیفیت چیه؟! سایت ها و برنامه‌های زیادی هستند که می‌تونند این کار رو انجام بدهند اما یکی از بهترین این سایت‌ها Smush.it هست٬ سرویسی از شرکت یاهو که ‌میتونه به طور همزمان حجم ۵ تصویر مختلف رو بدون کم شدن حتی مقداری از کیفیت تصویر٬ به مقدار قابل توجهی کاهش بده که البته بستگی به تصویرش هم داره!

کم کردن حجم تصویر

بعد از آشنایی با این سرویس برای آزمایش٬ تعدادی از تصاویر وبلاگم رو به این سایت دادم تا حجم آنها را برایم بهینه کند! از هر تصویر مقدار اندکی از حجمش را کم میکرد که فکر میکنم به خاطر این بود که قبلا سعی کرده بودم از تصاویری با کیفیت بالا و حجم پائین استفاده کنم٬ اما باز هم مقداری از حجم آنها را کم می‌کرد که وقتی تصاویر بیشتری را smush.it کردم متوجه حجم قابل توجهی شدم که از کل تصاویرم کم شده یعنی وقتی از هر تصویر هم مقدار ناچیزی کم کرد همان مقدار های ناچیز تبدیل به حجم بزرگی شده بودند!

به همین خاطر هم به شما دوست عزیز پیشنهاد می‌کنم همین حالا تصاویرتان را Smush.it کنید.

افزونه‌ی گریزمانکی: حل مشکل آپلود فایل در فرندفید!

۱۲ ۰۶ ۱۳۸۸

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

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

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

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

پوسته وردپرس: صلح

۱۸ ۰۵ ۱۳۸۸

مدتی بود برای وردپرس پوسته‌ی جدید فارسی نکرده بودم به همین خاطر تصمیم گرفتم یک پوسته‌ی زیبا برای وردپرسی های عزیز آماده کنم. پوسته Compositio (صلح) یک پوسته ساده وزیبا هست که از برخی خصوصیات این پوسته می‌توان به پشتیبانی از ابزارک٬ سازگاری با مرورگرهای مختلف٬ دو ستونه و … اشاره کرد. اما برای مشاهده جزئیات بیشتر٬ پیش نمایش و دریافت پوسته می‌توانید به صفحه این پوسته در بخش پوسته‌های سایت وردپرس فارسی مراجعه فرمائید.

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

ترفند وردپرس: نمایش خروجی خوراک RSS در وبلاگ شما

۱۳ ۰۵ ۱۳۸۸

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

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

<?php
include_once(ABSPATH.WPINC.'/rss.php');
wp_rss('http://feeds2.feedburner.com/p30design',5);
?>

برای انجام این کار فقط کافیه تا این کد رو در قسمتی که می خواهید مطالب خوراک Rss رو نشون بدهید قرار بدهید و به جای آدرس خوراک وبلاگ من آدرس خوراک مورد نظرتون و به جای عدد ۵ هم اون تعداد مطالبی که میخواهید نشون بدهید (حداکثر ۱۰ تا) رو قرار بدهید.

ودکست: فقط برای فرندفیدی ها !!

۱ ۰۴ ۱۳۸۸

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

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

مادرم روزت مبارک

۲۴ ۰۳ ۱۳۸۸

فرندفید فارسی

۹ ۰۳ ۱۳۸۸

در پی یک اقدام کاملا غیر منتظرانه٬ امروز وبلاگ رسمی فرندفید خبر مهمی را منتشر کرد. زبان فارسی به فرندفید اضافه شد. شنیدن این خبر حداقل برای من یکی در شرایط کنونی خیلی جذاب بود چرا که این روزها هر که از راه میرسد یا فیلترمان می‌کند یا تحریم ٬ چه برسد به اینکه یک سایت آمریکایی بیاید و زبان ما را در کنار ۱۰ زبانی که قبلا پشتیبانی می‌کرده قرار دهد.

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

اما تغییرات جدید قطعا مشکلات جدیدی رو هم در پی خواهد داشت. یکی از مشکلاتی که در اولین نگاه به چشم من آمد استفاده نکردن از فونت تاهوما بود که باعث شده بود کمی از زیبایی کار را نشان ندهد. همچنین برخی از ترجمه ها به نظر من کمی غیر عادی و حیرت آور بود مثلا کلمه entry به مدخل ترجمه شده است که حداقل من را به یاد هم خانواده‌ی خود٬ دخول می‌اندازد که بیشتر در کتاب‌های توضیح المسائل و امثالهم به چشم می‌خورد. (تصاویر نمونه: + و +)

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

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

پی‌نوشت: این آخرش الآن خوراک بود بنویسم “والسلام و علیکم و رحمت ا.. و برکاته – سید علی ایرانی – ۸۸/۳/۹” البته من سید نیستم ولی برای از بین نرفتن قافیه نوشتم.

انتشار وردپرس نسخه ۲.۸ بتا ۱

۲ ۰۳ ۱۳۸۸

چند روز پیش نسخه ۲.۸ بتا ۱ وردپرس منتشر شد و قرار است تا آخر ماه می ۲۰۰۹ نسخه کامل ۲.۸ هم منتشر بشه. تغییرات ظاهری خاصی در این نسخه اعمال نشده و با نسخه قبلی چندان فرقی نکرده اما تغییرات خوبی از لحاظ ویژگی‌ها و امکانات در نسخه ۲.۸ انجام شده که در ادامه به معرفی برخی از این ویژگی‌ها خواهیم پرداخت.

  • highlight کردن کدها در قسمت ویرایش افزونه و پوسته (تصویر نمونه)
  • اضافه شدن جعبه‌ی دیدگاه ها به قسمت ویرایش مطلب (تصویر نمونه)
  • نپرسیدن سوال تائیدیه به هنگام جفنگ (اسپم) کردن یک دیدگاه
  • اجازه‌ی چند ستونه کردن (حداکثر ۴ تا) بخش پیش خوان (تصویر نمونه)
  • به روز رسانی پوسته‌ی آبی بخش مدیریت (تصویر نمونه)
  • بهبود طراحی بخش ابزارک‌ها (تصویر نمونه)
  • تغییر قسمت نوشتن نامک برای مطالب و برگه‌ها
  • ذخیره‌ی خودکار مطالب و صفحات با فشردن کلید‌های Ctrl+S
  • بررسی خودکار نسخه جدید هنگام مراجعه به قسمت ابزارها > ارتقا
  • اضافه شدن توضیحات برای برچسب‌ها
  • انتخاب نام شهر برای تنظیم دقیق‌تر زمان در قسمت تنظیمات > همگانی (تصویر نمونه)
  • اضافه شدن گزینه “ارسال رمز عبور برای کاربر جدید بوسیله ایمیل” به کاربران > کاربر جدید
  • اضافه شدن قسمت افزودن پوسته و افزونه و امکانات جدید در این قسمت ها (تصویر نمونه)
  • و …

ویژگی‌ها و تغییراتی که در بالا گفته شد مربوط به تغییرات بخش کاربری وردپرس می‌باشد و تنها قسمتی از تغییرات جدید اعمال شده در نسخه ۲.۸ است. برای مشاهده فهرست تمام تغییرات و ویژگی‌های جدید می‌توانید به اینجا بروید همچنین میتوانید وردپرس ۲.۸ بتا ۱ را از اینجا دریافت و آزمایش کنید.

قابل چاپ کردن مطالب وبلاگ با استفاده از CSS و html

۳۰ ۰۲ ۱۳۸۸

مطالب مفید و خواندنی همیشه طرفداران زیادی دارند و البته عده‌ی زیادی برای چاپ و استفاده‌ی بهتر از این مطالب اقدام می کنند. پس قابل چاپ بودن مطالب برای یک وبلاگ خوب شرط مهمی است. اما چگونه می توانیم به سادگی مطالب خود را قابل چاپ کنیم؟ اصلا قابل چاپ کردن یعنی چه؟ اصولا مطالب چاپی (مثل یک متنی که در Word تایپ کرده ایم) در ساده ترین حالت باید به نحوی باشد که روی برگه‌ی کاغذ به خوبی قابل خواندن باشد یعنی دارای style خاصی نباشد و فقط دارای یک زمینه‌ی سفید، فونت مناسب چاپ و برای متون فارسی راست به چپ باشد کفایت می کند.

آیا می دانستید که با کمک css و html می‌توانید یک style خاص فقط برای صفحات چاپی تعریف کنید؟

با کمک یکی از خاصیت های برچسب link در هنگام تعریف style شما می توانید تعریف کنید که style مورد نظرتان برای صفحات چاپی استفاده می شود. به عنوان مثال اگر شما بخواهید این قابلیت را به وبلاگ خود اضافه کنید باید زیرِ خط مربوط به style پوسته‌تان این خط را اضافه کنید:

[code lang=”html”]<link rel="stylesheet" type="text/css" href="/print.css" media="print" />[/code]

همانطور که در کد بالا مشاهده می کنید خاصیت media=”print” باعث می شود تا شیوه نامه (استایل) print.css به صفحات قابل چاپ اختصاص داده شود و برای صفحاتی که قرار است چاپ شود از این شیوه نامه استفاده خواهد شد.

اما خاصیت media ویژگی دیگری هم با نام screen دارد که این ویژگی برای شیوه نامه‌های عادی که روی صفحات وب نمایش داده می شود استفاده می شود.

نکته مهم: اما نکته‌ی مهمی در اینجا وجود دارد که باید حتما رعایت شود. زمانی که ما برای تعریف شیوه نامه هایمان از خاصیت media استفاده نمی کنیم، شیوه نامه‌ی تعریف شده، هم برای صفحات چاپی استفاده می شود و هم برای صفحات عادی. پس باید حتما حتما خاصیت media را برای شیوه نامه هایمان تعریف کنیم. به عنوان مثال:

[code lang=”html”]<link rel="stylesheet" type="text/css" href="/style.css" media="screen" />[/code]

ادامه‌ی مطلب »