خواهیم دید که چگونه می‌توان از CSS در برنامه‌های React خود برای بهبود گردش کار و کارهای بسیار زیبا استفاده کرد.
در طی چند سال اخیر، متغیرهای سی‌اس‌اس فضای چشم نوازی به خود گرفتند و توانستند توجه توسعه دهندگان زیادی را به خود جلب کنند. در کنار این وضعیت، افراد زیادی هستند که تلاش دارند تا رویکردهای دیگری را که در برنامه نویسی مشاهده می شود به دنیای سی‌اس‌اس آورده شود
هدف این مقاله این است که به شما نشان دهد هنگام تعیین متغیر، const باید چگونه انتخاب شود، مگر اینکه در آن تغییری رخ دهد.
معمولا از loader ها زمانی استفاده میشود که درخواستی بصورت Ajax اجرا کنیم . دستورات Ajax به نسبت درخواست ها زمانی را به طول می آنجامند برای این که کاربر متوجه این زمان باشد ما معمولا از Loader ها استفاده میکنیم loader میتوانند بصورت Gif استفاده شوند .اما استفاده کردن از css بسیار عاقلانتر است . در ای...
CSSNano یک ماژول است که با هدف کوچک سازی (minifier) کردن فایل ها و کد های اکوسیستم css ایجاد شده و به جای بودن یک ماژول همکاره باشه تنها یک وظیفه رو بر دوش خودش قرار داده تا بجای کمک کردن مشکلی ایجاد نکنه . این ابزار به شما کمک میکنه که فایل های css خودتون رو از گذشته خیلی بهینه سازی تر کنید و فضاها...
CSS Cursor یک app تحت وب است که به شما در انتخاب نوع Cursor کمک میکنه به این صورت که تمام حالت های Cursor رو در خودش جای داده و شما تمام حالت ها رو با تغییر مکان mouse تون میتونید مشاهده کنید . در ضمن میتونید پشتیبانی مرورگرهای مختلف از انواع Cursor رو هم در این وب اپلیکیشن مشاهده کنید .
در css برای اینکه بتوانید برخی از جلوه ھای خاص را به انتخابگرھا اختصاص دھید باید از کلاسھای کاذب استفاده کنید. کلاسھای کاذب با علامت دونقطه عمودی (کولن) ” : ” مشخص می شوند و بعد از انتخابگر و یاکلاس css قرار می گیرند.
احتمالا اگر که شما یک طراح وب حرفه‌ای باشید هیچوقت با این مشکلات روبرو نشوید. احتمالا کدهای سی اس اس پروژه تان خیلی دقیق و منظم نوشته شده است، سلکتورها از روی انتخاب صحیح قرار گرفته‌اند، هر خصوصیت به صورت منطقی و ساختار یافته ای تعیین شده است و….
بعضی از قواعد سی‌اس‌اس میتوانند شکسته شوند، یا در نهایت شاید این فلسفه‌ای باشد که پشت !important قرار دارد. !important یک قاعده سی‌اس‌اس است که با استفاده از آن می شود یک استایل یا دستور را بین چندین فایل سی‌اس‌اس مختلف به صورت تکی اجرا کنید و از مقداردهی های قبلی صرفنظر نمایید
مسئله سیستم شبکه‌بندی CSS مسئله‌ای جدید نیست، اما در دنیای توسعه‌دهندگان، روند کاری جدیدی به شمار می‌آید. بسیاری از کدنویسان حوضه فرانت-اند از خاصیت CSS Grid دانشی ندارند و تنها برخی از آن‌ها این قاعده را در رابط کاربری خود استفاده می‌کنند
به صورت بسیار ساده‌ای ما می‌توانیم HTML را یک ساختمان در نظر بگیریم و CSS را مانند یک لایه که طراحی را بر روی این ساختمان اعمال می‌کند. CSS یکی از اجزای اصلی در طراحی و توسعه وب مدرن است
شیوه لایه‌بندی و ساختار لایه‌ها در محیط وب در حال تغییر کردن است، در خط مقدم این تغییرات، شیوه لایه‌بندی CSS Grid وجود دارد. در این مطلب کوتاه، قصد داریم به صورت سریع و بدون وارد شدن به جزئیات یک راهنمای کلی در رابطه با CSS Grid را به شما بگوییم و شما را با آن آشنا سازیم
مرورگرهای موبایلی ما هر روز در حال پیشرفت و قدرتمند شدن هستند، این بهتر شدن در نتیجه باعث میشود که بتوانیم بهتر انیمیشن‌های زیبا و شگفت انگیز را از طریق موبایل و در جستجوهای اینترنتی مشاهده کنیم. با ترکیب کردن این موضوع همراه با قدرت CSS این موضوع که بتوانیم بدون استفاده از تصاویر، موارد بسیار زیبا...
ساخت یک کد CSS باثبات، مختصر و موثر می‌تواند کار زیادی باشد. چیزهای زیادی مانند responsive بودن، قابلیت دسترسی و ساختار وجود دارند که باید در نظر بگیرید
Bulma یک فریم ورک مدرن css است که بر اساس Flexbox ایجاد شده . این فریمورک دارای gird بندی عالی و کاربردیه و همچنین ظاهری مدرن به خودش داره و داری Components مختلف مثل tab ها ، Media Object ها ، Card ها ، Menu ها و Tables ها است که همه این موارد بر پایه Flexbox ایجاد شده اند . یادگیری این فریمورک زما...
سی‌اس‌اس ۳ دارای یک قابلیت تازه است، قابلیتی که با استفاده از آن میشود پس‌زمینه‌هایی با چند لایه متفاوت از یکدیگر ایجاد کنیم. این قابلیت به شما اجازه می‌دهد که با قطعات کوچکی از تصاویر مختلف تصویری جدید را درست کنید
به عنوان توسعه دهندگان وب، نمایش صحیح اطلاعات یک ویژگی مهم است. یکی از روش های مناسب برای نمایش اطلاعات، نشان دادن سلسله مراتب، و پاسخ دادن به سوال «اولین مورد چیست؟» است
ممکن است که عنوان مطلب کمی شما را متعجب کند. همه مشغول حرف زدن راجع به نکات و تکنیک‌هایی هستند که باعث می‌شوند تا کدهای CSS بهتری را بنویسیم اما من در این مقاله بلعکس عمل کرده‌ام
شیوه آبشاری یا Cascade حالتی است که CSS از ابتدا براساس آن طراحی شده است و به همین دلیل نیز است که آن را CSS یا Cascading Style Sheet می‌نامند
به عنوان یک توسعه دهنده وب، احتمال بالایی وجود دارد که شما با دو دشمن در این مقاله رو در رو شده باشید: تصاویر و deadlineها. گاهی اوقات، تصاویر شما به دلایلی با طرح اصلی تطابق ندارند و شما نمی‌خواهید چندین ساعت وقت خود را بر روی این مسئله صرف کنید