نمیدونم آشنا هستین باهاش یا نه، من که نیستم :) اینطوریه که برای هر پست یک پنل جدا باز میشه و میشه روش کامنت گذاشت و بحث کرد.

#demo #loading

https://codepen.io/ahmadrezanamani/pen/EdqBjG


https://www.uplabs.com/posts/html-rombi-loader-by-vitaly-silkin


@CSSTricks

#demo #animation

https://codepen.io/HenryZarza/pen/xxVyEpB

@CSSTricks

فقط CSS، دمش گرم

#demo

https://codepen.io/cobra_winfrey/pen/OJXJeod

@CSSTricks

پیچیدگی خاصی نداره این کارا، ولی ذوق و حوصله خوبی میخواد که هرکی هرکی نداره

غیر از اولی که من نوشتم اینا بهترین مقالات در مورد متغیرها در css هستند، حتما سر فرصت با دقت و بترتیب زیر بخونید نکته‌های ریزی دارند ک در پروژه‌های بزرگ خیلی اهمیت پیدا میکنن.


✅ css-tricks.ir/reference/css-variables


✅ ishadeed.com/article/css-vars-101


✅ increment.com/frontend/a-users-guide-to-css-variables


✅ css-tricks.com/using-custom-property-stacks-to-tame-the-cascade


اون 101 رو من نخوندم ولی مطمئنم از نویسندش. نکته های ریز تو دوتای آخر هستش.


#article #css #variable

@CSSTricks

اینو باید مقاله کنیم روی سایت چون مبحث خیلی مهمی هستش ولی گفتم فعلا پیشتازان حواسشون باشه تا بعدا به پستازان هم برسیم 😄

البته پیشتازان واقعی اینارو قبلا خوندن چون خیلی هم جدید نیستن ولی خب من درنگم بالاست برای کانال متاسفانه 👎

در ضمن یکی خواست مطلب بنویسه در موردش روی سایت بدونه که ما با آغوش باز منتظریم 🤗😄

hi@css-tricks.ir

#demo #painting #pure_css

diana-adrianne.com/purecss-character

اینارو می‌بینید افسردگی نگیرین ها، همش خودتونو با این جمله آروم کنید که اینا هنرمندن 😅

نه حالا جدا همینطوره ولی خب قطعا قطعا مهارت خیلی خوبی دارن

به نظرم اگر مثل من بویی از هنر نبردین حداقل از نکات ریز کار میشه چیزی یادگرفت و حتی اونارو یکجا مقاله کنید

@CSSTricks

#admin #template #download


https://themesberg.com/product/admin-dashboard/volt-bootstrap-5-dashboard


https://demo.themesberg.com/volt



@CSSTricks

#article #motion #animation

https://css-tricks.com/how-to-create-a-realistic-motion-blur-with-css-transitions

@CSSTricks

#background #pattern #generator

https://www.magicpattern.design/tools/css-backgrounds

@CSSTricks

سلام میخواستم سایت cssbattle.dev رو معرفی کنم خیلی جالبه ... اینم توضیحش :

https://www.youtube.com/watch?v=ECsvqHoFZm8


دم شما هم گرم 🌷

مگه من رو توی این اداره‌ها الاف کنن بتونم چندتا پست بذارم 😅

#article #text_effect

در مورد افکت‌های جورواجور روی متن این دو مقاله خوبن


https://dev.to/akhilarjun/four-subtle-text-effects-to-spice-up-your-web-site-27e7

https://letsbuildui.dev/articles/css-text-effects-five-minimal-examples

@CSSTricks

#demo #css

https://codepen.io/amitsheen/pen/WNweryv


@CSSTricks

#github #tool

ابزاریه اینم واسه خودش

https://socialify.git.ci

ریپوها رو جایی خواستین به اشتراک بذارین میتونید اینجا یک بنر خوشگل واسش درست کنید


@CSSTricks

#demo

کد رو چک کنید حتما

https://codepen.io/abxlfazl/full/NWrOBzg

این دوستمون کاراش خیلی خوبه حتما دنبالش کنید 👇

https://codepen.io/abxlfazl


درضمن خالی میبنده من خودم بلد نیستم از اینا درست کنم 😅🙈

#ui_library #rtl


https://merakiui.com


@CSSTricks

#tool #converter

https://iconscout.com/converter/noscript-to-png


@CSSTricks