تفاوت background-clip و background-origin

در این ویدیو به شفاف سازی ویژگی های background-clip و background-origin می پردازیم و تفاوت بین آنها را بررسی میکنیم.

cursor

از ویژگی cursor برای تعیین شکل ظاهری مکان‌نما (نشانگر موس) در زمانی که بر روی یک عنصر قرار می‌گیرد استفاده می‌شود. مطالب مرتبط border-left-style border-bottom font-size list-style-position

resize

ویژگی resize تعیین می‌کند که آیا یک عنصر قابلیت تغییر اندازه توسط کاربر را دارد یا نه و اگر دارد این قابلیت در کدام جهت اتفاق می‌افتد. مطالب مرتبط only-of-type: <gradient> border-radius ()translate3d

pointer-events

از ویژگی pointer-events برای کنترل شرایطی که یک عنصر گرافیکی تحت تاثیر رویداد نشانگر موس قرار بگیرد، استفاده می شود. مطالب مرتبط focus-within caret-color border-right-style font

caret-color

از ویژگی caret-color برای تعیین رنگ Caret استفاده می شود. زمانی که در حال تایپ کردن داخل یک عنصر ورودی مثل input هستیم، نشانگر چشمک زنی در محل کاراکتر فعلی وجود دارد، به آن نشانگر که معمولا یک خط راست عمودی هست Caret گفته می شود. مطالب مرتبط focus-within pointer-events border-top-style border

بهبود خوانایی کد در CSS با استفاده از بک‌اسلش (\)

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

focus-within

انتخابگر focus-within زمانی فعال می شود که یک عنصر خودش، یا فرزندان و نوادگانش در حالت focus قرار گیرند. مطالب مرتبط caret-color pointer-events border-bottom-width text-decoration

منو موبایل و واکنشگرا در طراحی سایت

منوهایی برای طراحی واکنشگرا

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

مجله شماره 16 در سایت css-tricks.ir

مجله ۱۶

Fuse.js * طراحی پرچم * نمونه ای از متحرک سازی * jsPDF * حیوانات دایره ای * تکامل پورشه * ساخت مودال * Lory.js * Dynamic Pod Slider

ماژول‌های صفحه آرایی در سی اس اس

ماژول‌های صفحه آرایی

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