برنامه نویسی

12 منبع CSS که ممکن است درباره آنها ندانید … 🔎 🧐

سلام به انجمن توسعه دهندگان وب 👋

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


1. BeerCSS

طراحی متریال را در زمان بی سابقه و بدون استرس برای توسعه دهندگان بسازید.

عکس صفحه اصلی BeerCSS


2. HyperUI

HyperUI مجموعه ای از اجزای رایگان Tailwind CSS است که می تواند در پروژه بعدی شما استفاده شود. با طیف وسیعی از مؤلفه ها، می توانید وب سایت بازاریابی بعدی، داشبورد مدیریت، فروشگاه تجارت الکترونیک و موارد دیگر را بسازید.

اسکرین شات صفحه اصلی HyperUI


3. Pico CSS

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

تصویر صفحه اصلی Pico CSS


4. SimpleCSS

Simple.css یک چارچوب CSS بدون کلاس است که باعث می شود HTML معنایی خیلی سریع به نظر برسد. بدون کلاس به این معنی است که هیچ کلاس CSS در هیچ کجای CSS یا HTML وجود ندارد. بنابراین وب‌سایت شما می‌تواند با استفاده از HTML ساده وانیلی قدیمی شبیه این باشد.

اسکرین شات صفحه اصلی simplecss


5. UnoCSS

موتور CSS اتمی درخواستی فوری. UnoCSS یک موتور به جای یک چارچوب است زیرا هیچ ابزار اصلی وجود ندارد – همه عملکردها از طریق تنظیمات از پیش تعیین شده یا تنظیمات درون خطی ارائه می شوند. ما تصور می کنیم UnoCSS قادر به شبیه سازی عملکردهای اکثر چارچوب های CSS اتمی موجود است. و احتمالاً به عنوان موتوری برای ایجاد برخی چارچوب های CSS اتمی جدید استفاده شده است!

تصویر صفحه اصلی UnoCSS


6. Chart.css

Charts.css یک چارچوب CSS مدرن است. از کلاس های ابزار CSS برای استایل دادن به عناصر HTML به عنوان نمودار استفاده می کند.

اسکرین شات صفحه اصلی نمودار css


7. Tailblocks

بلوک های آماده برای استفاده Tailwind CSS. 15 دسته مختلف (تجارت الکترونیک، وبلاگ، قیمت گذاری و موارد دیگر…)، پاسخگو، حالت تاریک/روشن، تنوع رنگ.

اسکرین شات صفحه اصلی Tailblocks


8. nth تستر

تستر css آنلاین و بصری nth ساخته شده توسط CSSTricks.

عکس صفحه اصلی تستر :nth


9. Matcha.css

matcha.css یک کتابخانه CSS خالص است که برای استایل دادن به عناصر HTML شبیه به شیوه نامه پیش فرض مرورگر طراحی شده است و نیازی به وصله دستی اسناد توسط کاربران را از بین می برد.

اسکرین شات صفحه اصلی Matcha


10. css-selectors

در اینجا یک راهنمای تصویری برای محبوب ترین انتخابگرهای CSS آورده شده است.

اسکرین شات صفحه اصلی css-selectors


11. بازنشانی/پایه css شما چیست؟

Ire Aderinokun در این مقاله راه حل خود را برای تنظیم مجدد برخی از سبک های پیش فرض مرورگر ارائه می دهد، او همچنین شامل برخی از برنامه های کاربردی است که در هر پروژه می خواهد.

اسکرین شات پست وبلاگ


12. Destyle.css

Destyle.css یک شیوه نامه بازنشانی است که یک صفحه تمیز برای استایل دادن به html شما ارائه می دهد. ساخته شده با عشق توسط Nicolas Cusan.

تصویر صفحه اصلی Destyle.css


برای اطلاع شما، من تمام نظارت های آنلاین خود را در وب سایت خود The Whale Already منتشر می کنم منابع 1398 🔥 سرپرستی.

اسکرین شات صفحه اصلی نهنگ

🥳 کدنویسی مبارک و سال نو مبارک 2025 … 🎉 🚀 🛸

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا