استانداردهای وب و اهمیت توجه به آنها

امین باقرزاده - جمعه 7 تیر ۱۳۹۲ - 18:25

اگر جزو طراحان و برنامه نویسان قدیمی وب باشید، احتمالا با عبارت «جنگ مرورگرها» آشنا هستید. مایکروسافت و نت اسکیپ در رقابت با یکدیگر امکانات جدیدی به مرورگرهایشان اضافه می کردند و مشکل این بود که این امکانات و فناوری ها در مرورگر رقیب پشتیبانی نمی شد.

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

هدف از به وجود آوردن استانداردهای وب این است که برای فناوری های مورد استفاده در وب مانند HTML استانداردهایی تعریف شود که این مشکلات را حل نماید تا بتوان سایت/اپلیکیشن هایی ساخت که به خوبی در مرورگرهای مختلف دیده و استفاده شود.

برای رسیدن به این هدف بنیادهایی مانند کنسرسیوم W3 فروم هایی برای بحث و تبادل نظر به وجود آوردند و توافقنامه هایی حاصل شد که مورد قبول شرکت هایی باشد که مرورگرها را توسعه می دهند.

در کنار آن گروه های استاندارد سازی دیگری هم به وجود آمده که یکی از آنها WHATWG نام دارد و تمرکز آن روی استاندارد سازی HTML5 است.

هدف این گروه ها این است که برای هر فناوری به یک توافق کلی دست پیدا کنند و آن را تبدیل به استاندارد نمایند. چیزی که به طور کلی از آن به عنوان specifications یاد می کنند و در فناوری های وب مانند HTML و CSS مورد استفاده قرار می گیرد.

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

وقتی در مورد «استاندارد بودن»  یک صفحه وب صحبت می کنیم معمولا منظورمان این است که این صفحه دارای کدهای HTML، CSS و جاوااسکریپت Valid است. برای بررسی آن هم می توان از ابزارهای آنلاین مختلف مانند سرویس بررسی صحت کد W3 استفاده نمود.

در کنار آن وقتی صحبت از «تمام استاندارد» می کنیم منظورمان این است که علاوه بر صحت HTML، CSS و جاوااسکریپت روی استاندارد سازی موارد دیگر مانند اینکودیگ، RSS، RDF، متادیتا، XML، سرور و... هم کار کرده ایم.

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

هنگام طراحی سایت جدید یا وب اپلیکیشن کافی است آن را پرینت نموده و موارد را بررسی و تیک بزنید تا چیزی از قلم نیوفتد. 

با این کار می توانید اطمینان داشته باشید که استانداردهای مهم وب در سایت شما اعمال شده است.

مزایای استفاده از استاندارد های وب چیست؟

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

از طرف دیگر کاربران نیز راحت تر از صفحات وب شما استفاده خواهند کرد. به خصوص کاربرانی که دچار برخی ناتوانایی های جسمی هستند و از ابزارهای کمکی استفاده می کنند.

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

استانداردهای وب را رعایت کنیم تا اپلیکیشن ها و سایت هایی با کیفیت بهتر و کاربر راضی تر داشته باشیم.

تغییر چهره نقشه های گوگل به کمک جاوااسکریپت

رضا باقرزاده - شنبه ۱8 خرداد ۱۳۹۲ - 14:11

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

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

اگر دوست دارید با یک مثال ساده جاوااسکریپت با نحوه استفاده از این API آشنا شوید، ادامه مطلب را از دست ندهید.

تولد pixi.js یک موتور رندر سازی دو بعدی

رضا باقرزاده

یک کتابخانه جاوااسکریپت جدید برای رسم گرافیک های ۲ بعدی: با pixi.js آشنا شوید. این کتابخانه ای سبک و سریع است که وعده می دهد ساختن بازی های ۲ بعدی بر اساس HTML5 را راحت تر کند. 

سازندگان آن ادعا می کنند که حالا هر کسی می تواند بدون آشنایی با WebGl از قدرت شتابدهنده سخت افزاری کامپیوتر و موبایل استفاده کند. 

pixi.js بر اساس تفکر «یک بار بساز همه جا استفاده کن» ساخته شده و سازندگان معتقد اند که HTML5 نقش مهمی برای رسیدن به این تفکر بازی می کند. 

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

سورس کد pixi.js طی دو هفته آینده در گیت هاب منتشر خواهد شد و سازندگان هم اکنون مشغول نوشتن داکیومنت ها و راهنماهای استفاده هستند. اما تا آن زمان می توانید این بازی نمونه را ببینید که بر اساس این کتابخانه کار می کند و در صورت نیاز به اطلاعات بیشتر صفحه معرفی را ببینید.