تقابل CSS3 و JQuery

ولی برخی از افراد ممکن است بگویند JQuery گزینه بهتری است. پس برتری CSS3 نسبت به JQuery چیست؟

CSS3 برای یادگیری زبان بسیار ساده‌تر است، بویژه برای توسعه‌دهندگان نهایی که سال‌ها با CSS2 کدنویسی کرده‌اند و می‌خواهند براحتی چند ویژگی زیبای دیگر را به سایت‌هایشان اضافه کنند. اگر شما با CSS2 آشنایی دارید براحتی می‌توانید روی زبانی که می‌شناسید کار کنید و آن را توسعه دهید. نیازی نیست هیچ چیز جدیدی یاد بگیرید یا شیوه کدنویسی خود را تغییر دهید؛ فقط کافی است اجزای مهم را به یاد بیاورید.

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

همان‌‌طور که اشاره شد، CSS3 بسیار کم‌حجم‌تر است. درمقایسه با دیگر زبان‌ها کد آن بسیار کوچک است و می‌توانید مستقیما روی مجموعه تعاریف (stylesheet) استاندارد خود کار کنید. نیازی نیست مستندات اضافی JS را برای اجراکردن دستورهای مختلف به کار ببرید. به این معنی که درخواست‌های HTTP کمتری می‌فرستید و زمان بارگذاری صفحه شما نیز بالطبع بسیار کمتر خواهد شد.

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

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

عامل در دسترس بودن در وب بسیار مهم است، بویژه اگر سایت‌هایی طراحی می‌کنید که کاربران ازکارافتاده از آن دیدن می‌کنند. از آنجا که CSS3 بخشی از استانداردهای وب W3C است، بدون توجه به فناوری که شما برای مرورگری اینترنت استفاده می‌کنید، کاملا در دسترس است.

در دسترس‌بودن تنها مشکل کاربران ازکارافتاده نیست، کاربران کاملا توانا نیز می‌توانند کاملا راحت JavaScript را در مرورگرشان خاموش کنند یا توسط کارفرما یا اداره IT سازمان‌شان مجبور به غیرفعال‌کردن هر عنصر صفحه JQuery که در صفحه قرار دارد، شوند. همچنین JavaScript توسط مرورگرهای موبایل به طور کامل پشتیبانی نمی‌شود. حتی اگر این دستگاه‌ها مثل iPad کاملا از آن پشتیبانی کنند، سرعت پایین پردازش ـ که بسیار کمتر از سرعت ایده‌آل است ـ برای کاربر رنج‌آور خواهد بود.

درحال حاضر CSS3 چندان معتبر نیست و این مساله به دلیل ناقص بودن آن است. اعتبار CSS3 چندان مهم نیست، چرا که هنوز حتی سایت W3C هم از نسخه قبل یعنی CSS2/1عبور نکرده است! به هرحال CSS3 بزودی معتبر می‌شود و همه می‌توانند از این مساله خوشحال شوند، اما استفاده از JQuery در کد شما اغلب به این معنی است که حتی صفحه‌های HTML شما معتبر نیستند؛ درحالی که باید باشند و شما هیچ کاری نمی‌توانید بکنید مگر این که JS را خارج کنید.

با توجه به این واقعیت که CSS3 هنوز به اتمام نرسیده، JQuery با مرورگرهای بیشتری سازگار است، بویژه مرورگرهای قدیمی‌تر. از آنجا که JavaScript مدت بیشتری است که وجود دارد، می‌توانید برای تمام مرورگرها از IE6 تا سافاری5 کدنویسی کنید. CSS3 سازگاری بسیار محدودی با مرورگرها دارد تا جایی که مجبور هستیم منتظر بمانیم تا اپل، فایرفاکس یا گوگل تصمیم بگیرند مرورگرهایشان را برای تشخیص معناهای جدید سازگار کنند. البته بتازگی یک رفتار به عنوان ضمیمه به اسم PIE برای IE منتشر شده است. PIE به اینترنت اکسپلورر 6 تا 8 این امکان را می‌دهد تا قابلیت‌های پراستفاده تزئینی CSS3 را تشخیص دهد و اجرا کند. این قابلیت‌ها شامل شعاع خط مرزی، سایه جعبه، خط مرزی تصویر، تصاویر چندگانه پس‌زمینه و قرار دادن متحرک‌های خطی به عنوان تصویر پس‌زمینه می‌شوند.

قطعا از این قابلیت در پروژه‌های آینده استفاده بیشتری خواهد شد و زمانی که قابلیت بیشتری اضافه شود، پیشرفت هرچه بیشتر آن را شاهد خواهیم بود. اگرچه تمام موضوعات سازگاری را حل نکرده است (هنوز اختلافاتی بین نسخه‌های فایرفاکس، کروم، سافاری و اپرا وجود دارد) ولی قطعا افراد بیشتری را به استفاده از CSS3 تشویق می‌کند.

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

مهم‌ترین بخش این مقاله در این قسمت آورده شده و آن تطبیق‌پذیرتربودن JQuery است. JQuery تقریبا می‌تواند از عهده تمام کارهایی که CSS3 انجام می‌دهد، برآید. بعلاوه کلی کارهای بیشتر مانند این که اگر بخواهید انیمیشن‌های دیوانه‌وار در صفحه قرار دهید یا بخش‌های کشیدن و رها کردن (drag and drop) بگذارید یا تصاویری که در حال عبور محو می‌شوند یا چیزهایی که هیچ‌کس حتی به آنها فکر نمی‌کند، پس JQuery تنها گزینه شماست.

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

با وجود کتابخانه‌های در دسترس مختلفی همچون MooTools و نمونه‌های اولیه، چیزهای ممکن بی‌پایان‌اند و چیزی بیشتر از ایده‌هایی خواهیم دید که در JavaScript شکل گرفته و در استانداردهای وب وجود دارند.

محمدحسین کردونی

منبع: whatcreative.co.uk