معمولا از loader ها زمانی استفاده میشود که درخواستی بصورت Ajax اجرا کنیم . دستورات Ajax به نسبت درخواست ها زمانی را به طول می آنجامند برای این که کاربر متوجه این زمان باشد ما معمولا از Loader ها استفاده میکنیم loader میتوانند بصورت Gif استفاده شوند .اما استفاده کردن از css بسیار عاقلانتر است . در ای...
CSSNano یک ماژول است که با هدف کوچک سازی (minifier) کردن فایل ها و کد های اکوسیستم css ایجاد شده و به جای بودن یک ماژول همکاره باشه تنها یک وظیفه رو بر دوش خودش قرار داده تا بجای کمک کردن مشکلی ایجاد نکنه . این ابزار به شما کمک میکنه که فایل های css خودتون رو از گذشته خیلی بهینه سازی تر کنید و فضاها...
CSS Cursor یک app تحت وب است که به شما در انتخاب نوع Cursor کمک میکنه به این صورت که تمام حالت های Cursor رو در خودش جای داده و شما تمام حالت ها رو با تغییر مکان mouse تون میتونید مشاهده کنید . در ضمن میتونید پشتیبانی مرورگرهای مختلف از انواع Cursor رو هم در این وب اپلیکیشن مشاهده کنید .
ما برای استایل دهی به وبسایتهایمان از CSS که مخفف Cascading Style Sheets است، استفاده میکنیم. اما واقعا معنای cascading چیست؟
سیاساس ۳ دارای یک قابلیت تازه است، قابلیتی که با استفاده از آن میشود پسزمینههایی با چند لایه متفاوت از یکدیگر ایجاد کنیم. این قابلیت به شما اجازه میدهد که با قطعات کوچکی از تصاویر مختلف تصویری جدید را درست کنید
به عنوان توسعه دهندگان وب، نمایش صحیح اطلاعات یک ویژگی مهم است. یکی از روش های مناسب برای نمایش اطلاعات، نشان دادن سلسله مراتب، و پاسخ دادن به سوال «اولین مورد چیست؟» است
ممکن است که عنوان مطلب کمی شما را متعجب کند. همه مشغول حرف زدن راجع به نکات و تکنیکهایی هستند که باعث میشوند تا کدهای CSS بهتری را بنویسیم اما من در این مقاله بلعکس عمل کردهام
شیوه آبشاری یا Cascade حالتی است که CSS از ابتدا براساس آن طراحی شده است و به همین دلیل نیز است که آن را CSS یا Cascading Style Sheet مینامند
اگر در حال خواندن این مقاله هستید، مطمئن که حداقل ۵ راه برای قرار دادن عناصر HTML با استفاده از CSS بلدید. پس ۱۵ گزینه برای اندازهگذاری نسبی نباید برای شما تعجب آور باشد. بگذارید حقیقت را به شما بگویم، برخی از آنها عجیب و غریب هستند
یک اشتباه رایج در میان توسعه دهندگان، این است که به استایلبندی در مقایسه با باقی بخشهای کد، اهمیت کمتری میدهند. از سالهای اولیه CSS تا به حال، یک روش خیلی رایج برای تجمع همه چیز در یک stylesheet، و ساخت یک کابوس نگهداری بزرگ وجود دارد.
یک اشتباه رایج در میان توسعه دهندگان، این است که به استایلبندی در مقایسه با باقی بخشهای کد، اهمیت کمتری میدهند. از سالهای اولیه CSS تا به حال، یک روش خیلی رایج برای تجمع همه چیز در یک stylesheet، و ساخت یک کابوس نگهداری بزرگ وجود دارد.
چگونه با استفاده از ویژگیهایی که به ندرت استفاده میشوند، افکتهای جذاب بسازیم؟ وقتی از هشت مقدار مشخص کننده شعاع حاشیه (border-radius) در CSS استفاده میکنید، میتوانید اشکالی با ظاهر ارگانیک بسازید. نیازی به صرف زمان طولانی نیست. ما آن را برای شما بصری سازی کردهایم.
در اینجا ما میخواهیم یک سوئیچ ساده برای جابجایی بین حالت تاریک و حالت روشن با متغیرهای css برای کاربر ارائه دهیم.
من همیشه در تلاش اینم که چیز های جدید یاد بگیرم ، در عین حال هم تلاش میکنم تا مهارت های فعلیم رو ارتقاع بدم . هر دو این حالت به علاوه انجام پروژهای مختلف تمام وقت منو میگیره ، چیزی که من همیشه خواستم بهبود کد نویسی css من بود . من همیشه فکر میکردم که در نوشتن کد های css عالیم . اما وقتی که کارم با ک...
احتمالا تا به حال با اصطلاح CSS Reset برخورد کرده باشید.شاید قبلا از فایلهایی با این عنوان استفاده کرده باشید.معمولا فایلهایی که با عنوان Css Reset استفاده میکنیم شامل یک سری کدهای CSS هستن که یه سری کار انجام میدن.اما واقعا باید ببینیم این فایل و کدهای داخلش چی هستن و چه کاربردی دارن.
در css برای اینکه بتوانید برخی از جلوه ھای خاص را به انتخابگرھا اختصاص دھید باید از کلاسھای کاذب استفاده کنید. کلاسھای کاذب با علامت دونقطه عمودی (کولن) ” : ” مشخص می شوند و بعد از انتخابگر و یاکلاس css قرار می گیرند.
CSS یکی از تکنولوژیهای مهم دنیای وب است که برای زیباسازی صفحات وب استفاده میشود. شما با استفاده از قواعدی که CSS در اختیارتان قرار میدهد میتوانید ظاهر صفحات HTML را به هر شکلی که بخواهید تغییر دهید.
هر سه پیشپردازندهی مشهور css از extend پشتیبانی میکنند و طبق تجربهی شخصی من، این موردی است که باعث سردرگمی زیادی در افراد تازهکار میشود.
من در طول سالها وقت زیادی را صرف فکر کردن برای ایجاد یک CSS Reset کردهام؛ و صادقانه بگویم از کار با آنها خیلی لذت میبرم.