پیش پردازنده Sass یکی از ارکان مهم توسعه وب در این روزها به حساب می آید به همین دلیل این دوره بصورت کامل به آموزش این موضوع می پردازد.
دوره مقدماتی طراحی وب
این دوره مطالبی را که بصورت تئوری بررسی می کنید، در قالب ساخت اولین پروژه واقعی شما ارائه می دهد. اگر به دنبال یادگیری طراحی صفحات وب و تکنولوژی های وب هستید این دوره اولین قدم در مسیر یادگیری شما خواهد بود.
تفاوت 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
منوهایی برای طراحی واکنشگرا
در این مطلب تعدادی از ایده های خلاقانه و زیبا را جهت پیاده سازی منوی اصلی صفحه برای دستگاه هایی با عرض نمایش کوچک را بررسی میکنیم.