لودینگ css با CSS Loader

https://roocket.ir/articles/css-loader-with-css-loader

معمولا از loader ها زمانی استفاده میشود که درخواستی بصورت Ajax اجرا کنیم . دستورات Ajax به نسبت درخواست ها زمانی را به طول می آنجامند برای این که کاربر متوجه این زمان باشد ما معمولا از Loader ها استفاده میکنیم loader میتوانند بصورت Gif استفاده شوند .اما استفاده کردن از css بسیار عاقلانتر است . در ای...

CSS Nano - ماژول فشرده ساز css

https://roocket.ir/articles/css-nano-a-modular-minifier-based-on-postcss

CSSNano یک ماژول است که با هدف کوچک سازی (minifier) کردن فایل ها و کد های اکوسیستم css ایجاد شده و به جای بودن یک ماژول همکاره باشه تنها یک وظیفه رو بر دوش خودش قرار داده تا بجای کمک کردن مشکلی ایجاد نکنه . این ابزار به شما کمک میکنه که فایل های css خودتون رو از گذشته خیلی بهینه سازی تر کنید و فضاها...

CSS Cursor

https://roocket.ir/articles/css-cursor

CSS Cursor یک app تحت وب است که به شما در انتخاب نوع Cursor کمک میکنه به این صورت که تمام حالت های Cursor رو در خودش جای داده و شما تمام حالت ها رو با تغییر مکان mouse تون میتونید مشاهده کنید . در ضمن میتونید پشتیبانی مرورگرهای مختلف از انواع Cursor رو هم در این وب اپلیکیشن مشاهده کنید .

کلاس های کاذب css

https://roocket.ir/articles/css-pseudo-class

در css برای اینکه بتوانید برخی از جلوه ھای خاص را به انتخابگرھا اختصاص دھید باید از کلاسھای کاذب استفاده کنید. کلاسھای کاذب با علامت دونقطه عمودی (کولن) ” : ” مشخص می شوند و بعد از انتخابگر و یاکلاس css قرار می گیرند.

ابزارهایی برای دسته بندی،‌ قالب بندی و مرتب سازی کدهای CSS

https://roocket.ir/articles/tools-format-organize-sort-css

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

چند نکته ساده درباره !IMPORTANT

https://roocket.ir/articles/the-important-things-about-important

بعضی از قواعد سی‌اس‌اس می‌توانند شکسته شوند، یا در نهایت شاید این فلسفه‌ای باشد که پشت !important قرار دارد. !important یک قاعده سی‌اس‌اس است که با استفاده از آن می شود یک استایل یا دستور را بین چندین فایل سی‌اس‌اس مختلف به صورت تکی اجرا کنید و از مقداردهی های قبلی صرفنظر نمایید

۱۰ قطعه کد CSS Grid

https://roocket.ir/articles/10-handy-css-grid-code-snippets

مسئله سیستم شبکه‌بندی CSS مسئله‌ای جدید نیست، اما در دنیای توسعه‌دهندگان، روند کاری جدیدی به شمار می‌آید. بسیاری از کدنویسان حوضه فرانت-‌اند از خاصیت CSS Grid دانشی ندارند و تنها برخی از آن‌ها این قاعده را در رابط کاربری خود استفاده می‌کنند

۱۰ مورد از بهترین فریمورک‌های CSS در سال 2019

https://roocket.ir/articles/top-css-frameworks-web-designer

به صورت بسیار ساده‌ای ما می‌توانیم HTML را یک ساختمان در نظر بگیریم و CSS را مانند یک لایه که طراحی را بر روی این ساختمان اعمال می‌کند. CSS یکی از اجزای اصلی در طراحی و توسعه وب مدرن است

CSS Grid - یک راهنمای سریع

https://roocket.ir/articles/css-grid-layout-quick-start-guide

شیوه لایه‌بندی و ساختار لایه‌ها در محیط وب در حال تغییر کردن است، در خط مقدم این تغییرات، شیوه لایه‌بندی CSS Grid وجود دارد. در این مطلب کوتاه، قصد داریم به صورت سریع و بدون وارد شدن به جزئیات یک راهنمای کلی در رابطه با CSS Grid را به شما بگوییم و شما را با آن آشنا سازیم

10 نمونه از انیمیشن‌های ساخته شده با CSS

https://roocket.ir/articles/pure-css-animation-inspiration-on-codepen

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

۶ فریم‌وورک CSS معروف برای استفاده در سال ۲۰۱۹

https://roocket.ir/articles/6-popular-css-frameworks-to-use-in-2019

ساخت یک کد CSS باثبات، مختصر و موثر می‌تواند کار زیادی باشد. چیزهای زیادی مانند responsive بودن، قابلیت دسترسی و ساختار وجود دارند که باید در نظر بگیرید

Bulma فریمورک مدرن css بر پایه Flexbox

https://roocket.ir/articles/bulma-modern-css-framework-based-on-flexbox

Bulma یک فریم ورک مدرن css است که بر اساس Flexbox ایجاد شده . این فریمورک دارای gird بندی عالی و کاربردیه و همچنین ظاهری مدرن به خودش داره و داری Components مختلف مثل tab ها ، Media Object ها ، Card ها ، Menu ها و Tables ها است که همه این موارد بر پایه Flexbox ایجاد شده اند . یادگیری این فریمورک زما...

آشنایی با چند پس‌زمینه‌ای در CSS3

https://roocket.ir/articles/introducing-css3-multiple-backgrounds

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

شروع کار با شمارنده های CSS

https://roocket.ir/articles/getting-started-with-css-counters

به عنوان توسعه دهندگان وب، نمایش صحیح اطلاعات یک ویژگی مهم است. یکی از روش های مناسب برای نمایش اطلاعات، نشان دادن سلسله مراتب، و پاسخ دادن به سوال «اولین مورد چیست؟» است

چگونه به صورتی بسیار بد CSS بنویسیم؟

https://roocket.ir/articles/how-to-write-truly-terrible-css

ممکن است که عنوان مطلب کمی شما را متعجب کند. همه مشغول حرف زدن راجع به نکات و تکنیک‌هایی هستند که باعث می‌شوند تا کدهای CSS بهتری را بنویسیم اما من در این مقاله بلعکس عمل کرده‌ام

مهمترین مفاهیم CSS که باید بدانید

https://roocket.ir/articles/the-most-important-css-concept-to-learn

شیوه آبشاری یا Cascade حالتی است که CSS از ابتدا براساس آن طراحی شده است و به همین دلیل نیز است که آن را CSS یا Cascading Style Sheet می‌نامند

تکنیک‌های CSS برای ساخت تصاویر Responsive

https://roocket.ir/articles/time-saving-css-techniques-to-create-responsive-images

به عنوان یک توسعه دهنده وب، احتمال بالایی وجود دارد که شما با دو دشمن در این مقاله رو در رو شده باشید: تصاویر و deadlineها. گاهی اوقات، تصاویر شما به دلایلی با طرح اصلی تطابق ندارند و شما نمی‌خواهید چندین ساعت وقت خود را بر روی این مسئله صرف کنید

آشنایی با 15 واحد نسبی CSS

https://roocket.ir/articles/15-css-relative-units-how-many-do-you-know

اگر در حال خواندن این مقاله هستید، مطمئن که حداقل ۵ راه برای قرار دادن عناصر HTML با استفاده از CSS بلدید. پس ۱۵ گزینه برای اندازه‌گذاری نسبی نباید برای شما تعجب آور باشد. بگذارید حقیقت را به شما بگویم، برخی از آن‌ها عجیب و غریب هستند

سال ۲۰۱۸ رسیده است: دیگر نباید در حال نوشتن Vanilla CSS باشید - بخش دوم

https://roocket.ir/articles/its-2018-you-shouldn-t-be-writing-vanilla-css-part-2

یک اشتباه رایج در میان توسعه دهندگان، این است که به استایل‌بندی در مقایسه با باقی بخش‌های کد، اهمیت کمتری می‌دهند. از سال‌های اولیه CSS تا به حال، یک روش خیلی رایج برای تجمع همه چیز در یک stylesheet، و ساخت یک کابوس نگهداری بزرگ وجود دارد.

سال ۲۰۱۸ رسیده است: دیگر نباید در حال نوشتن Vanilla CSS باشید

https://roocket.ir/articles/its-2018-you-shouldn-t-be-writing-vanilla-css

یک اشتباه رایج در میان توسعه دهندگان، این است که به استایل‌بندی در مقایسه با باقی بخش‌های کد، اهمیت کمتری می‌دهند. از سال‌های اولیه CSS تا به حال، یک روش خیلی رایج برای تجمع همه چیز در یک stylesheet، و ساخت یک کابوس نگهداری بزرگ وجود دارد.