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

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

همانطور که می‌دانید مدتی‌است طراحی در اینترنت درگیر تغییر و تحولات بسیار زیادی شده است که بیشتر این تغییرات را مدیون پیشرفت CSS و HTML است به طوری که با امکانات جدید این دو زبان، طراحی وب بسیار شیرین‌تر و لذت‌بخش‌تر از قبل شده است. امکاناتی که نسخه‌های جدید (یعنی CSS3 و HTML5) در اختیار طراح قرار می‌دهد، باعث می‌شوند خیلی از کارهایی را که قبلا قادر به انجام آنها نبودیم و یا باید مشقت‌های زیادی  برای پیاده‌سازی آنها انجام می‌دادیم را به راحتی انجام دهیم . اما در این میان جای یک لوگو برای CSS3 و HTML5 خالی بود که سازمان استاندارد وب W3C برای هر دوی اینها لوگویی طراحی کرد که در اینجا می‌بینیم:

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

درباره CSS۳ و قابلیت‌های آن بارها نوشته‌ام اما امروز قصد دارم یک بازی آنلاین را که فقط و فقط با استفاده از قابلیت‌های CSS۳ و HTML۵ ساخته شده است را به شما معرفی کنم. این بازی که Anigma نام دارد یک بازی پازل است و شما باید با قراردادن رنگ‌ها در کنار یکدیگر، آنها را حذف کنید. این بازی در مراحل مختلف از ساده تا خیلی سخت ساخته شده است.

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

در بخش قبلی ( شناخت CSS۳ و قابلیت‌های آن - بخش اول) کمی درباره CSS۳ و قابلیتهای آن نوشتم. در این مقاله قصد دارم امکانات بیشتری از CSS۳ و قابلیت‌های آن را برای شما بازگو کنم.

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

CSS هم مانند سایر زبان های برنامه نویسی، ورژن های مختلفی دارد. جدیدترین ورژن این زبان، ورژن سوم آن است که اخیرا ذهن طراحان را مشغول کرده است.

در نسخه ی جدید CSS یعنی CSS۳ قابلیت هایی گنجانده شده است که شاید حیرت همگان را برانگیزد.

کسانی که به نوعی با طراحی سایت و قالب سروکار دارند به خوبی میدانند CSS در ساختار یک قالب ارزش بسیاری دارد به خصوص از زمانی که پدیده ای به نام Web۲ پا به عرصه طراحی گذاشت.
CSS هم مانند سایر زبان های برنامه نویسی، ورژن های مختلفی دارد. جدیدترین ورژن این زبان، ورژن سوم آن است که اخیرا ذهن طراحان را مشغول کرده است.
در نسخه ی جدید CSS یعنی CSS۳ قابلیت هایی گنجانده شده است که شاید حیرت همگان را برانگیزد.
در اینجا به معرفی برخی از این ویژگی ها میپردازیم که بسیار جالب و پرکاربرد هستند: