همان طور که می دانید اکثرت مرورگرهای بعضا قدیمی , css3 را با استفاده از پیشوند های مخصوص پشتیبانی میکنند .

در اصطلاح به این پیشوند های prefix نیز میگویند گه شامل :

-ms- = اینترنت اکسپلورر

-moz- = موزیلا فایر فاکس

-o- = اپرا

-webkit- = سافاری و کروم

طبیغتا طراحان وب سایت به ازای هر بار استفاده از هر پراپرتی در css3 میبایست 4 پراپرتی اضافه برای استاندارد سازی بنویسند .

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

با لینک کردن این فایل جاوا اسکریپت در وب سایت خود با توجه به آموزشی که در زیر آماده , دیگر نیازی به اضافه نویسی نیست و ما فقط پراپرتی css3 را مینویسیم و این پلاگین در هنگام نمایش وب سایت , برای هر مروگر استاندارد سازی خواهد کرد و css3 را اجرا میکند .

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

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

اول از همه باید بگم که تمام روش هایی که در زیر گفته میشود , به دلیل Client Side بودن کد ها ( تفسیر توسط مرورگر ) قابل دور زدن خواهد بود . اما سعی کردم 3 روش رو که دوتای آن جاوا اسکریپت و یکی دیگر css میباشد را آموزش دهم تا کار را تا حد امکان برای شخص کپی کننده سخت کند.

همان گونه که میدونید با آمادن css در دنیای وب , دید جدیدی در عرصه دیزاین به وجود آمد و کمک بسیار زیای در ساخت دیزاین های حرفه ای و زیبا در این ضمینه  به ما کرد .

اما در طراحی یک سایت با کمک css , در بعضی از مواقع دست و بال ما برای بعضی از کار های خاص بسته میباشد و ما نیاز به یک عملگر و یا سودوکلاس خاص داریم .

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

درجدول زیر و در قسمت مثال , بیشتر از تگ p استفاده شده و توضیحات آن برای همان تگ p میباشد . بدیهی است که شما میتوانید تمامی تگ های دیگر را به جای تگ p جایگزین و استفاده نمایید .

طبیعتا تا سخن از اسلایدر عکس در وب سایت میشود , همه ی توسعه دهندگان وب یاد جاوا اسکریپت و یا jquery می افتند . اما چرا css3 نه ؟؟؟

در ابن پست از سایت اسکریپت دات کام , قصد دارم آموزش ساخت اسلایدر عکس با استفاده از Html5 و Css3 را آموزش دهم .

در این آموزش هیچ گونه زبان دیگری استفاده نمیشود که باعث سبکی در کدنویسی میشود . ضمنا در صورت داشتن دانش در مورد html5 و css3 میتوانید به هر نحوی که دوست دارید , ویرایش نمایید .

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

درخواست های زیادی داشتم مبنی بر آموزش این افکت از html و css3 که اتفاقا در حال حاضر بسیار هم در بین وب سایت های ایرانی و خارجی مد شده و از آن بسیار استفاده میشود.

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

آموزش های بسیار زیادی در تمامی وب سایت ها موجود می باشد که بیشتر آنها دارای نقص می باشد . اما این آموزش که در ادامه برای شما عزیزان قرار خواهم داد , ٪100 تست شده و بهینه شده برای تمامی مرورگر های جدید می باشد .

جالب تر این است که برای این افکت , سایه زیرین هم در نظر گرفته شده که زیبایی دو چندانی به آن بخشیده …

در این پست از سایت اسکریپت دات کام قصد دارم آموزش ترفند افکت سایه سه بعدی در css3 رو منتشر کنم . حتما شما طراحان وب عزیز با پراپرتی text-shadow در css آشنایی دارید و از آن برای سایه دادن به متن هاتون استفاده میکنید .

اما این پراپرتی در مقدار آن دارای یک ترفند ساده میباشد که به راحتی میتوانید با چندین و چند باز استفاده از مقادیر به صورت پشت سر هم , یک حالت سه بعدی زیبا به نوشته های خود بدهید …

برای مشاهده آموزش با ما همراه باشید …

کسانی که با پراپرتی css , از جمله transition و transform کار کرده اند حتما اسم این تابع برایشان آشنایی دارد .

اما به دلیل پیچیده بودن کار با این تابع تصمیم گرفته اند که از مقادیر آماده مانند ease یا linear و غیره استفاده کنند . اما واقعا کار با این تابع سخت است ؟

این تابع دارای 4 آرگمان می باشد که 2 تای اول برای مبدا و دوتای بعدی برای مقصد می باشد .

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

در این پست قصد دارم انواع واحد های اندازه گیری مجاز در css را برای شما عزیزان شرح دهم .

در css مقدار بعضی از پراپرتی ها یا همان خاصیت ها را باید با یک واحد اندازه گیری بیان کرد . به عنوان مثال width:250px .

اما چند نوع واحد اندازه گیری داریم ؟