CSS4 در راه است

CSS در حال بروزرسانی خود از ورژن 3 به ورژن 4 است که خبر فوق‌العاده‌ای برای طراحان خواهد بود. خوب چه چیزهایی در CSS4 تازه و خارق العاده به نظر خواهند آمد؟ در این مقاله چند ویژگی جدید CSS4 را بررسی خواهیم کرد تا ببینیم این زبان جدید چه مشکلاتی را حل می‌کند و اکثر کارها را سهولت می‌بخشد.

طراحی Presponsive

april-1-flux-capacitor-rwd

طراحی واکنش‌گرا یکی از بزرگترین اتفاقات ۳ سال اخیر بوده است. همانگونه که می‌دانید با استفاده از @media Queryها واکنش‌گرا کردن یک وب سایت بسیار آسان شده است و شما می‌توانید برای هر اندازه اسکرینی که می‌خواهید وبسایت خود را طراحی کنید. تنها مانع و یا مشکلی که طراحی واکنش‌گرا آن را به همراه دارد، سرعت بارگزاری صفحات است. یعنی سرعت ارتباطات به صورت قابل ملاحظه‌ای برای حجم بسیار زیادی از کاربران واقعا کند است و کنسرسیوم جهانی وب هم از این مسئله آگاه است. برای همین برخی پیشنهاد responsive را داده‌اند. این نوع طراحی به شما کمک می‌کند تا نسبت به سرعت اینترنت کاربران خود برخی از المان‌های وبسایت را سریعتر بارگزاری کنید. البته که این تکنولوژی به همین سرعت و آسانی به دست ما نمی‌رسد.

 جاوااسکریپت + سی اس اس

تصور کنید وقتی می‌خواهید کدهای CSS را که می‌نویسید رفتارهای هر المان را نیز همان جا تعریف کنید. مثلا اگر دوست دارید هنگام Hover بر روی هر المانی رفتاری مبنی بر نشان دادن یک متن و یا پیغام را نیز همان جا کد می‌زنید. این خاصیت فضای خالی میان CSS و Javascript را پر می‌کند و به طراحان کمک می‌کند جاوااسکریپت را دوست داشته باشند و راحت‌تر کد بزنند. برای مثال به نمونه کد زیر توجه کنید:

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

استایل‌دهی در سمت سرور (CLISS)

april-1-cliss

اولین باری که شنیدید جاوااسکریپت را می‌توان در سمت سرور نیز استفاده کرد چه حسی داشتید؟ به احتمال زیاد همین الان هم همان حس را تجربه می‌کنید. اگر با محیط‌های Command-line  کار کرده باشید (هرچند که بسیار خوب است ولی در عین حال ممکن است برای برخی خسته‌کننده باشد) با این ویژگی CSS4 به راحتی کنار می‌آیید. CSS4 می‌خواهد فضای ترمینال تغییر دهد و با معرفی CLISS قصد انجام چنین کاری دارد.

CLISS مخفف عبارت Command-Line Interface Styling Scriptsheets است و Syntax های آن تقریبا همان Syntax های CSS خودمان است و با استفاده از دستورات مختلف شما قادر خواهید بود به ترمینال خود رنگ و بوی تازه‌ای ببخشید. تا الان این ویژگی برای پلتفرم‌های مبتنی بر یونیکس ، MacOS و ویندوز به صورت یک پکیج جدا معرفی شده است و شما می‌توانید آن را نصب کنید. تا الان انتخابگرهای (selector) بسیار محدودی برای این کار معرفی شده است (terminal, line, error) ولی مطمئن باشید چیزهای زیادی به آن اضافه خواهد شد.

 ایمیل‌های زیباتر

اگر شما هم از این نوع طراحی ایمیل خسته شده‌اید کنسرسیوم جهانی وب در حال ارایه راه‌حلی برای طراحان است که بهترین طراحی خود را بر روی ایمیل‌ها هم اجرا کنند. این به معنی است که ما بالاخره می‌توانیم از تگ‌هایی مانند <div> <section> <article> هم استفاده کنیم و بتوانیم فایل‌های استایل خود را بسیار منظم سازمان‌دهی‌شده به صورت یک فایل خارجی و جداگانه استفاده کنیم.

با تمامی این حرف‌ها باید منتظر بود تا کنسرسیوم جهانی وب CSS4 را رسما معرفی کند. می‌توان گفت ما در بهترین شرایط زمانی زندگی می‌کنیم و طراحی وب همیشه در حال پیشرفت است.

امین ضیا

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

همچنین ممکن است دوست داشته باشید ...

۱۰ واکنش

  1. وحید گفت:

    CSS => Presentaion
    Java script => Behavioral
    HTML => Structural

  2. ایمان گفت:

    سلام
    دستتون درد نکنه بابت زحمتی که کشیدید فقط یک مورد اینکه جمله بندی ها مناسب نیستن و درک مطلب رو سخت میکنن. به عنوان مثال این جمله رو توجه کنید: ” این به معنی است که ما بالاخره می‌توانیم از …”

  3. آرمیشا گفت:

    سی اس اس 4 واقعا قرار هست تحولات چشمگیری رو همراه داشته باشه و یکی از برتری های اون ، ارائه استایل برای گجت های پوشیدنی هم هست . متشکرم

  4. اوه من چشام باز شد!
    جاوااسکریپت در css ?
    وااای این عالیه

  5. احسان گفت:

    نمیتونم تا معرفیش صبر کنم!

  6. علی گفت:

    ممنون. خیلی خوب بود!

  7. واقعا عالیه!
    خیلی مشتاقم…

  8. iman313 گفت:

    واقعا موضوع فوق العاده رو برای مقاله انتخاب کردید

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *