به همراه یک سرویس متن باز، با یک تیر، 86 نشانه را هدف قرار دهید!

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

در ادامه شما را با یک سرویس تحت وب متن باز(سایت browsershots.org) که در این زمینه به شما کمک می کند، آشنا می کنم:

اما  browsershots چیست؟

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

با مراجعه به این سایت و وارد کردن آدرس وبلاگ یا سایت مورد نظر؛ انتخاب مروگرهای مورد نظراز سیستم عامل های مختلف (بصورت مشخص؛سیستم عامل ویندوز و لینوکس) ؛ تنظیم اندازه صفحه، عمق رنگ، تنظیمات جاوا، جاوااسکریپت و فلش و در آخر با کمی تأمل می توانید تصویرهای گرفته شده از تست آدرس موردنظر در مرورگرهای تعیین شده، را مشاهده نمایید.

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

ادامه خواندن “به همراه یک سرویس متن باز، با یک تیر، 86 نشانه را هدف قرار دهید!”

گوگل وبلاگ شما را اجتماعی می‌کند

google_friends_connectوب ۲/۰، کاربران اینترنت را اجتماعی کرده است، وب ۲/۰، توانسته است کاربران اینترنت را از قالب کسانی که در انزوا سایت‌ها را مرور می‌کردند و فقط با ایمیل و سرویس‌های چت با هم در ارتباط بودند، در بیاورد. سایت‌های اشتراک عکس و ویدئو، سایت‌های لینک‌پراکنی جمعی، شبکه‌های اجتماعی متنوع و ویکی‌ها، کاربران را تبدیل به جامعه‌ پویای تولیدکننده محتوا کرده است.

اما گوگل تصمیم گرفته‌انست که این بار روی وبلاگ‌ها متمرکز شود.تصور کنید که بدون دردسر بتوانید بتوانید یک شبکه اجتماعی از خوانندگان بسازید، با خوانندگان خود ارتباط برقرار کنید به آنها فرصت بدهید، یکدیگر را بشناسند و تصور کنید که بتوانید علایق وبلاگی هر خواننده خاص خود را دنبال کنید!چنین چیزی تا پیش از این در حد رؤیا بود و صاحب سایتی که می‌خواست امکانات اجتماعی اینچنینی داشته باشد، نیاز به هزینه کردن صرف و وقت زیاد برای ایجاد چنین سیستمی بود. اما وب ۲/۰ و تحولات سریع آن، نوید دگرگونی‌های عجیبی را می‌دهند.

ادامه خواندن “گوگل وبلاگ شما را اجتماعی می‌کند”

WordPress 2.8 منتشر شد

wordpressوردپرس ۲.۸ این بار نام چت بیکر، آهنگساز و خواننده سبک جاز منتشر شده است. در وردپرس ۲.۸ بهینه‌سازی‌های زیادی در ضمینه‌های مختلفی مانند،: طبقه‌بندی مطالب، ویجت‌ها و تم‌ها انجام شده است. در این ورژن بیشتر از ۷۹۰ باگ رفع شده است و سرعت وردپرس در مجموع بیشتر از قبل شده است، سرعت کم وردپرس یکی از ایرادات اساسی است که همواره منتقدین به این غول دنیای وبلاگ نویسی وارد می‌داشتند و توسعه دهندگان وردپرس همیشه در تلاش برای افزایش سرعت پیشخوان و ادیتور خود بوده‌اند.

ادامه خواندن “WordPress 2.8 منتشر شد”

افتتاح سرویس وبسایت پرشین گیگ

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

دستورات شرطی در CSS برای یکسان‌سازی نمایش در مرورگرها

یکی از دغدغه‌های طراحان وب، نمایش یکسان طرح در مرورگرهای مختلف است. با افزایش استفاده از مرورگر فایرفاکس و عرضه‌ی مرورگرهای جدید، صفحات وب باید به گونه‌ای طراحی شوند که با رعایت استانداردها، در مرورگرهای مختلف به طور یکسان به نمایش درآیند.
برای این کار شما می‌توانید از دستورات شرطی در CSS استفاده کنید؛ که نمونه‌ای از آن را در کد زیر می‌بینید:

ادامه خواندن “دستورات شرطی در CSS برای یکسان‌سازی نمایش در مرورگرها”

20 مرجع برای یادگیری CSS3

css3هنوز CSS 3 توسط W3C به طور کامل ارائه نشده است اما مرورگرهای وب مدرن همچون موزیلا فایرفاکس، اپرا و مرورگرهای بر پایه WebKit پشتیبانی نسبتا خوبی از این نسخه جدید در خود دارند. به عنوان یک طراح وب نیاز خواهید داشت تا استانداردهای جدید و مدرن وب را بدانید و فرا بگیرید، در ادامه لیستی شامل ۲۰ مرجع خوب برای یادگیری سی اس اس ۳ را خواهید یافت.

ادامه خواندن “20 مرجع برای یادگیری CSS3”

روان شناسی رنگ ها در طراحی صفحات وب

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

ادامه خواندن “روان شناسی رنگ ها در طراحی صفحات وب”