آموزش HTML 5 به زبان فارسی آدمیزادی

اگر شما هم تصمیم گرفته اید به استفاده از HTML 5 رو بیاورید، این مقاله برای شماست. فرض ما بر این است که شما بهHTML 4 و CSS تا حد متوسط آشنا هستید و هم اکنون تصمیم به آموزش HTML 5 و استفاده از آن در اولین پروژه خود گرفته اید. بنابراین مقدمه را کوتاه می کنیم و میرویم سر اصل مطلب. گرچه سعی میکنیم برخی از نکات ضروری را نیز برای شما شرح دهیم.

ادامه مطلب >>

طراحی سایت ریسپانسیو چیست؟ و چگونه ایجاد شد

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

ادامه مطلب >>

بهترین نرم افزارهای رایگان کدنویسی صفحات وب

صفحات وب از کدهای اچتـمل (HTML) تشکیل شده است و می توان این کدها را با هر ویرایشگر متن ساده ای مانند notepad نیز نوشت. اما ویرایشگرهای قوی تری برای ایجاد سهولت در کار طراحی وب ایجاد شده اند که علاوه بر سرعت در کدنویسی، باعث بالارفتن دقت در نوشتن کدها نیز میشوند و گاهی ایرادات شما را نیز در کدنویسی میگیرند. برخی از ادیتورها فقط امکان کدنویسی را برای شما فراهم میکنند، اما برخی دیگر به شما این امکان را میدهند که بصورت ویژوال به طراحی صفحات خود بپردازید و المان ها را بصورت drag-n-drop روی صفحه بکشید و صفحه وب خود را تکمیل کنید. البته بر کسی پوشیده نیست که طراحی وب پیشرفته، نیازمند کدنویسی دستی است و به همین دلیل ادیتورهای متنی براحتی با ادیتورهای ویژوال رقابت میکنند!

ادامه مطلب >>

یافتن و تغییر User agent موبایلها در مرورگر کروم

بسیاری از وبسایتها ، رابط کاربری مجزایی را برای نمایش محتوای وب سایت خود روی گوشیهای موبایل و تبلت ها ارائه کرده اند. بطور مثال صفحه اول گوگل در نسخه موبایل بصورت زیر است:

ادامه مطلب >>

موتور رندر مرورگر چیست ؟

 موتور رندر مرورگر که به آن layout engine یا  Rendering engine نیز میگویند یک کامپوننت نرم افزاری است که در قلب هر مرورگری قرار دارد و کار ساخت نمای خروجی صفحات را با استفاده از html و CSS بعنوان ورودی  بر عهده دارد. بسیاری از مرورگرهایی که میشناسید، از یک موتور رندر یکسان استفاده میکنند ، اما قیافه ظاهری متفاوتی دارند.

ادامه مطلب >>

طراحی نسخه موبایل : ارسال متن از مرورگر به صفحه پیامک موبایل

در طراحی رابط کاربر نسخه موبایل برای وب سایت ها، باید ارتباط موثری بین سایت خود و گوشی موبایل برقرار کنید.

یکی از امکاناتی که در نسخه موبایل وب سایت ها لازم است ، امکان ارسال لینک یا متن کوتاهی از داخل مرورگر توسط SMS به یک شماره دیگر است. با توجه به اینکه copy-paste کردن در گوشی های موبایل کاری دشوار است، بهتر است شما بعنوان طراح رابط کاربری ، امکاناتی را برای این امر در اختیار کاربر قرار دهید.

ادامه مطلب >>

پشتیبانی از CSS 3 در اینترنت اکسپلورر 6 و 7 و 8

CSS3 خواصی دارد که کار طراحی وب سایت رو خیلی ساده میکنه و خروجی کار خیلی تمیزتر در میاد. مثلا خواص border-radius برای گرد کردن گوشه های باکس‌ها باعث میشه تا دیگه نیازی به استفاده از عکس برای گوشه های گرد باکس‌ها و منوها نباشد. اما مشکلی که وجود دارد این است که مرورگرهای اینترنت اکسپلورر 6 و 7 و 8 از سی اس اس نسخه 3 پشتیبانی نمی کنند و متاسفانه 50 درصد کاربران سایت های فارسی زبان در زمان نگارش این مقاله، از مرورگر اینترنت اکسپلورر استفاده میکنند.

ادامه مطلب >>

پیش نمایش سایت در مرورگرهای IE6 و IE7 و IE8 و IE9

با توجه به اینکه بسیاری از کاربران اینترنت از مرورگرهای اینترنت اکسپلورر نسخه 6 و 7 و 8 استفاده میکنند، همچنان طراحان وب نیازمند هماهنگ سازی وب سایت خود با نسخه های مختلف مرورگر  IE هستند و باید در حین مراحل طراحی ، صفحه ی وب مورد نظر را در مرورگرهای مختلف مشاهده و تست کنند. با توجه به اینکه نصب نسخه های مختلف مرورگر اینترنت اکسپلورر معمولا با مشکلاتی همراه است، برنامه ی IE Tester برای این منظور ساخته شده است. با استفاده از برنامه ی IE Tester شما نسخه های 5.5 و 6 و 7 و 8 مرورگر IE را یکجا دارید.  دانلود برنامه IE Tester (این برنامه رایگان است)

آموزش CSS : طراحی نمای صفحه در حالت پرینت

سی اس اس به طراح وب این امکان را میدهد که نمای صفحه را در حالت های مختلف تعیین کنید. بطور مثال طراح میتواند فایل های CSS مختلفی را به صفحه لینک کند ، بطوری که اگر صفحه در مرورگر در حال دیده شدن است، صفحه یک جور و با یکسری رنگ دیده شود و اگر صفحه در حال نمایش در دستگاه های PDA است یکجور دیگر و اگر صفحه در حال print شدن است نیز یکجور دیگر نشان داده شود.

ادامه مطلب >>

بازطراحی سایت پرشین بلاگ 2008

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

ادامه مطلب >>