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

Cascading Style Sheets (CSS) ها استاندارهای مدرن برای طراحی وب سایت هستند که تا کنون در سه نسخه عرضه شده‌اند و در هر نسخه رویدادهای جدیدی را معرفی کرده‎اند. اینکه چطور بوجود آمدند و چطور مورد استفاده قرار گرفته‎اند به اندازه کافی در مباحث گوناگون دیگر مورد بررسی قرار گرفته است اما باید بدانیم و بپذیریم که نسخه سه تمام قابلیت‎ها و توانایی‎های دو نسخه قبل را پوشش می‎دهد و رویه‎ای جدید در طراحی سایت بوجود می‎آورد. CSS3 فرزندی جدید در خانواده Stylesheet محسوب می‌شود. امکانات جدید و هیجان انگیزی ارائه می‌دهد، روش شما در طراحی سبک و سیاق صفحات را تغییر می‌دهد و همچنین اجازه استفاده از لایه‌های بیشتر به سبک‌های گوناگون‌تر برای مناسبتهای مختلف در تحقق ایده ها را می‌دهد. نسخه‌ای که با پیدایشش، خصوصیت‌های جدیدی را به نسخه های قبل اضافه کرده است و در جاهایی نیز اشکالات قبلی را بر طرف نموده است. این خصوصیت‌ها مربوط به حاشیه‌ها (Border)، پس زمینه‌ها (Background)، رنگ‌ها (Color)، افکت‌های متنی (Text Effects)، رابط‌های کاربری (User Interface)، گزینشگرها (Selector) و همچنین تغییرات بسیار کم اما محسوس در بعضی ماژول ها نظیر استفاده از هر فونت در طراحی یا چند لایه‌ای بودن صفحات و از این قبیل می‌شود. برای دیدن کاربرد هر کدام می‌توانید به یکی از مراجع اصلی CSS3 یعنی اینجا مراجعه کنید که به اندازه کافی با مثال توضیح داده شده است.

CSS3 امکاناتی را به شما می‌دهد که بوسیله آن می‌توانید صرفه جوبی قابل توجهی در زمان داشته باشید. این امکانات در حدی است که شما می‌توانید توانایی‌های (هرچند کوچک باشد!) پلتفرهای مبتنی بر جاوااسکریپت مانند جی کوئری، موتولز و .. را در صفحات بدون استفاده از آنها پیاده سازی کنید. در این میان، حالات و توانایی‌های جی کوئری بیشتر به چشم میخورد. اما با این حال اینجا تنها به صورت کلی بیان شده است. پیشنهاد می‌کنم برای دیدن توانایی‌های بیشتر آن به یکی دیگر از مراجع اصلی آن یعنی css3.com و همچنین 33 مقاله ای که حتما در مورد CSS3 باید بخوانید مراجعه کنید.

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

این مقدمه را چیدم تا بهتر به اهمیت نسخه‌های زبان‌های تحت وب توجه کنید. با این حال از توضیح بیشتر آن می‌گذریم و به اصل موضوع یعنی HTML5 میپردازیم. HTML از دسته زبان های نشانه گذاری محسوب می‌شود که می‌تواند از طریق یکسری برچسب معین، صفحات استاندارد وب را ایجاد کند. حال که این برچسب‌ها در کدام نسخه به چه نحو کار می‌کنند خود بحث جدایی را می‌طلبد، اما این نکته قابل ذکر است که نسخه 5 رویدادهای مهمی را وارد این عرصه نمود. نسخه ای که از اکثر برندهای نرم افزاری دنیا که اصول طراحی وب را تایید می‌کنند، پشتیبانی می‌شود ( بجز اینترنت اکسپلورر که تنها بعضی از این امکانات را پشتیبانی می‌کند ). برای دیدن اینکه چه رویدادهایی در HTML5 وارد شده است به این سایت مراجعه کنید تا پیش نمایشی از هر قابلیت را ملاحظه کنید.

باید بدانید که مرورگرهای تحت وب تا سال 2022 مجبور به پشتیبانی کامل از HTML5 می‌شوند و تقریبا تمام اصول نمایش را بر اساس آن بنا می‌گذارند. در حال حاضر این نسخه، نسخه نهایی می‌باشد که تقریبا هیچ اشکالی بر آن وارد نشده است و زبانیست به شکل نهایی. در همین راستا Lachlan Hunt گسترش دهنده مرورگر اپرا برای HTML5 گفته است: “ما می‌خواهیم با این روش، کار را برای طراحان وب آسان تر کنیم به طوری که آنها مجبور به دوباره نویسی هر قسمت نشوند” دقیق ترین مفهومی که از این جمله می‌توان برداشت کرد همین است و بس که “HTML5 روش طراحی وب را کاملا تغییر می‌دهد.”

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

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

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

موفق باشید/.