یکی از امکانات جالبی که در css3 معرفی شده برطرف کردن مشکلی قدیمی و دردسر ساز می باشد …

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

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

با ما در ادامه همراه باشید تا این مشکل را برای همیشه از بین ببریم …

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

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

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

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

این پست از سایت اسکریپت دات کام رو اختصاصی میدیم به 10 سایت برتر و حرفه ای در ساختن کدهای css3 های آماده …

css3 جدیدترین ورژن از css هست که چند سالی میشه که با اومدنش , دست و بال طراحان وب را در طراحی یک سایت حرفه ای باز کرده است .

طبیعتا کمتر طراح وب سایت حرفه ای وجود دارد که از این سایت ها استفاده نماید و ترجیح میدهد خود شروع به کدنویسی کند . اما برای بعضی از دوستان که سررشته ی کافی از کدهای css3 را ندارند , این وب سایت ها میتوانید بسیار مفید و کاربردی برایشان باشد .

معرفی کتاب آموزش کاربردی HTML 5.0 &CSS 3.0

عنوان کتاب: آموزش کاربردی HTML 5.0 &CSS 3.0

ترجمه و تالیف :محمد مرادی

ناشر: انتشارات پندار پارس

از سری آموزش های کدنویسی Css3 برای این پست از سایت اسکریپت دات کام به آموزش یک تابع به نام calc میپردازم …

این تابع تقریبا جدید , میتواند جهت طراحی سایت های ریسپانسیو کمک بسیاری به توسعه دهندگان وب کند .

کاربرد تابع calc() در مواقعی است که نیاز به تلفیق واحدهای اندازه گیری نسبی و مطلق به منظور ایجاد یک طرح انعطاف پذیر می باشد.

در این تابع میتوان 4 عمل اصلی ریاضی را اعمال و از آنها استفاده نمود .

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

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

برای این کار شما نیاز به یک تکه کد Css3 و یک تگ عکس دارید …