بنده اعتقادی ندارم به اینا ولی برای معتقدین 😒:

https://marketplace.visualstudio.com/items?itemName=dzhavat.css-flexbox-cheatsheet



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

🍒 https://cherry-picked.ir/flexbox


#tool #vscode #plugin #flexbox

@CSSTricks

یک عالمه کامنت توی سایت جمع شده بود اونایی که تونستم رو جواب دادم.

انقد کامنت‌های تشکر و خوشگل مشگل میذارن آدم دلش تنگ میشه برای روزایی که تمرکز اصلیم این سایت بود.

💚 دم همتون گرم که همش یادآوری می‌کنین که من هدفم چی بود. امیدوارم یه روزی باز برگردیم به مسیر درست.

اومدم یه چیز دیگه بنویسم احساساتی شدم یادم رفت 😅

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

#demo


https://codepen.io/jh3y/pen/dyXBKog


@CSSTricks

#demo #loader

چهارشنبه بازار لودینگ‌هارو هم پیدا کردم واستون 😄

https://codepen.io/vineethtrv/pen/NWxZqMM

@CSSTricks

#tool #font

یه سری فونت قشنگ واسه کدها:

https://coding-fonts.css-tricks.com/fonts/anonymous-pro/?language=html&theme=dark


@CSSTricks

#demo #checkbox #form #radio

https://codepen.io/aaroniker/full/ZEpEvdz

@CSSTricks

#demo #radio

https://codepen.io/hexagoncircle/full/OJRLBYJ

@CSSTricks

#demo

https://scrollbars.matoseb.com


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

https://www.zoomquilt.org


@CSSTricks

#demo #canvas


میگم این پروژه‌های "سایدش" ایناست پروژه‌های مینش چین!؟؟


https://dailycssdesign.com


@CSSTricks

#tool #generator #divider


https://www.shapedivider.app


@CSSTricks

در ضمن اینایی ک میزنن ندیدن این صفحه رو بیان خصوصی من کارشون دارم 🤨

😄😄 حق دارین من توی اطلاع رسانی و غیره ضعیفم به شدت

اینم الان می‌سازیم بلاخره 😅

خب در مورد صفحه ابزارها نکته‌ای هستش غیر از ایمیل اینجا هم میتونید بگین

من فک کردم نهایتا این گروهی که زده میشه مربوط به کامنت گذاشتن روی هر پست هست، الان متوجه شدم جدا از اون گویا کاربرد کامل گروه بودن رو هم داره، اگر این رو زودتر می‌فهمیدم احتمالا راه نمی‌نداختم 😅

⚠️ حالا که شد یک مدت تست می‌کنیم شاید اتفاق خوبی بود. کاملا رابطه مستقیم با نحوه استفاده بچه ها داره.

💛 سعی کنیم دست همو بگیریم و حال همو خوب کنیم 💛


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


قبل از هر چیز این آدرس گروه هستش:

🟢 https://news.1rj.ru/str/CSSTricks_Group


1️⃣ چند روزی یک بار یکی ایمیل میده و حرف از دوره گرید میزنه، راستش من بیشتر از یک ساله میخوام این دوره رو درست کنم ولی شرایطم این اجازه رو نداده ولی خیلی امیدوارم که اگر اتفاق خاصی نیافته تا قبل تابستون سال دیگه ساخته بشه. حداکثرش رو گفتم.


2️⃣ خیلی ها گلایه دارند که برای سایت کم وقت میذارم، منم خودم این گلایه رو دارم راستش :)) ولی من یک مشکلی دارم که تا اون حل نشه شرایطم بر نمیگرده به چند سال قبل که بتونم روی سایت وقت خوبی رو بذارم، پس جای گیر دادن دعا بفرمایید :))

راهنما برای دعا:
خدایا گیر این بشر رو رفع بفرما


3️⃣ حرف از پنل پرسش و پاسخ زده شد، ما چند سال پیش این رو ساختیم دیگه

✅ https://discuss.css-tricks.ir

نگین که این رو هم ندیدین 😄

💚 راستش دو تا از بچه های خودمون خیلی خیلی لطف دارند و وقت میذارن جواب میدن که من در جای مناسبش بدجور ازشون تشکر میکنم. مخصوصا عزیزی که خیلی هم چراغ خاموش و بی نام و نشون کار میکنه.

اونایی که حوصله ش رو دارند میتونن کمک کنن به دوستاشون اونجا.


4️⃣ یکی دو مورد پیشنهاد و اصلاح بود در مورد سایت که بنده در جریانشون هستم و چشم سر فرصت درست میشن به امیدخدا.


5️⃣ خیلی‌ها هم لطف داشتن توی گروه به ما، که ممنونم از لطف و مهربانی که نسبت به بنده دارند، براتون از صمیم قلب آرزوی موفقیت میکنم.


6️⃣ ما یک سالی هست میخوام توی این کانال چالش بذاریم بچه ها دمو درست کنن ولی هیچ وقت سر نمی‌گیره. گفتم شاید همین گروه جای خوبی باشه براش. حالا خودتون هم خود جوش یک کاری کردین که دیگه بهتر.

7️⃣ آها اینو یادم رفت یکی محض رضای خدا یک لوگو درست کنه واسه این گروه، اینکه گذاشتم داره خیلی گریه میکنه 😅


ببخشید زیاده گویی شد، موفق باشید و روزگار به کام. 🌸

#tool #converter #syntax #css

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

https://css2js.dotenv.dev


@CSSTricks

#demo #fun

https://pointerpointer.com

اینو توی دسکتاپ ببینید خیلی باحاله
👁🖥👁


احتمال داره قندشکن نیاز داشته باشید.


@CSSTricks

#challenge #css


📣 سی‌اس‌اس کاران عزیز توجه فرمایید.

❓شما این باکس رو چطوری میسازین؟


می‌تونید یک پن توی کدپن بسازید و لینکش رو کامنت همین پست کنین، از روی دست هم نیز نگاه کنید چون حال میده 😄


@CSSTricks

بچه ها گل کاشتن اینجا، راه حل هم با استفاده از border-image بود

نمونه:

https://codepen.io/shahriarkh/pen/BaLpmeW

#tool #noscript #path

SVG Path Editor

https://yqnn.github.io/noscript-path-editor



More tools:

https://css-tricks.ir/tool


به آخر پست مسیر در وب سایت هم اضافه شد:

https://css-tricks.ir/tutorial/عنصر-path-یا-مسیر-در-noscript