این سایت کمک می‌کنه سریع تر کد بزنی! 💀

قطعا براتون پیش اومده که مجبور باشید یه سری استایل های پیور و به کلاس های tailwind ریفکتور کنید، اما حوصله و وقتشو ندارید.

با استفاده از این سایت، خیلی راحت میتونید کدهای خام css و به کلاس های tailwind تبدیل کنید 😎

🔵tailwind converter


#tools #tailwind
@CodeModule

ایجاد تصویر با هوش مصنوعی 🤖

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

برای استفاده از این ابزار کاربردی و خفن، میتونید به وب سایتش مراجعه کنید.😎

➡️Website◀️

#ai #tools
@CodeModule

با استفاده از Wave سایتتو خوشگل کن!🔥

احتمالا همچین شکل هایی رو تو سایت های مختلف دیدید. امروز میخوام یه سایت بهتون معرفی کنم که با استفاده از اون، Wave های دلخواه خودتون رو به شکل های مختلف کاستوم کنید و به صورت svg یا png خروجی بگیرید⚡️

➡️Website◀️

#tools
@CodeModule

تاحالا شده لازم باشه یک عکس کامل از صفحه سایتتون به کارفرما بدید و نمیدونستید چجوری باید این کارو بکنید ؟ 🧐

🧩 برای این کار میتونید از اکستنشن Go Full Page استفاده کنید تا بتونید یک عکس کامل از صفحه سایتتون بگیرید و در فرمت های pdf یا png خروجی بگیرید

این اکستنشن کاربردی رو میتونید از لینک زیر روی مرورگر کروم خودتون نصب کنید.🔥

Extension 🌕

#tools #extension
@CodeModule

یه سایت همه فن حریف برای css 🔵

با استفاده از این سایت، میتونید استایل های مختلفی مثل gradient, boxShadow borderRadius ,transform, border و ... رو ایجاد، و تو پروژه هاتون استفاده کنید 😎


➡️Website◀️

#tools #css
@CodeModule

😎یادگیری تایپ ده انگشتی با این سایت !

با این سایتی که امروز بهتون معرفی میکنیم میتونید تایپ ده انگشتی رو به زبان فارسی و انگلیسی و تایپ اعداد رو به راحتی یاد بگیرید به صورت رایگان 💰

➡️Website◀️

#tools #type
@CodeModule

📹 یوتیوب دانلودر رایگان و بدون محدودیت !

اگه شما هم مثل من با یوتیوب زیاد کار میکنید، قطعا براتون پیش اومده که به دنبال دانلود یک ویدیو باشید. با استفاده از این ربات این کار به راحتی امکان پذیره!

✅فقط کافیه لینک ویدیو مد نظرتون رو بهش بدید و ویدیو رو با تمام کیفیت ها دانلود، و لذت ببرید

➡️@utuberabot◀️

#tools #youtube
@CodeModule

بهینه سازی کد با ابزار tailwind-merge 💀

کتابخانه tailwind-merge یک ابزار قدرتمند برای توسعه دهندگانی هست، که از Tailwind CSS استفاده می‌کنن. هدف اصلی این کتابخانه، ترکیب کلاس‌های تکراری در پروژه‌های Tailwind CSS و جلوگیری از تضادهای احتمالی هست.

ویژگی‌های اصلی tailwind-merge ⬇️

ترکیب کلاس‌های تکراری: اگه چندین کلاس Tailwind که متناقض هستن (مثل p-4 و p-2) به یک تگ اضافه بشن، tailwind-merge به‌طور خودکار تنها یکی از اون هارو(آخرین) و نگه می‌داره و بقیه رو حذف می‌کنه.

افزایش خوانایی و بهینه‌سازی: با حذف کلاس‌های تکراری و متناقض، کد نهایی شما خواناتر و بهینه‌تر خواهد بود، که منجر به کاهش حجم کد CSS تولید شده و افزایش عملکرد صفحه وب می‌شود.

ادغام کلاس‌ها در زمان واقعی: این کتابخانه می‌تونه به‌طور دینامیک در هنگام ساختن پروژه‌های جاوااسکریپت، کلاس‌ها رو ترکیب کنه، بنابراین نیازی به عملیات دستی یا استفاده از ابزارهای دیگه نیست.


این کتابخانه، به خصوص برای پروژه‌های بزرگ و پیچیده که از تعداد زیادی کلاس Tailwind استفاده می‌کنن، بسیار مفیده و می‌تونه به کاهش سردرگمی و پیچیدگی کد کمک کنه⚡️


#tailwind #tools
@CodeModule

با استفاده از این سایت، Clip path کاستوم خودت رو بساز 🔥

سایت Bennett Feely's Clippy یک ابزار آنلاینه که به کاربران این اجازه رو میده، تا به راحتی CSS clip-path کاستوم خودشون رو ایجاد کنن. این ابزار به شما کمک می‌کنه تا با استفاده از رابط گرافیکی، اشکال مختلف رو برش بدید و در نهایت کد CSS مربوط به اون رو دریافت کنید.

پ.ن: clip-path به شما این امکان رو میده که با برش دادن یک عنصر به یک شکل (دایره، بیضی، چند ضلعی و ...) اشکال پیچیده در CSS و وبسایت ایجاد کنید.

🔵Website

#css #clippath #tools
@CodeModule

🧐تست Api با ابزار مجهز به هوش مصنوعی !

در واقع HTTPie، یک ابزار قدرتمند و در عین حال کاربرپسند برای ارسال درخواست‌های HTTP و کار با APIها هست.

این ابزار به دولوپرا کمک میکنه تا درخواست‌های HTTP رو به راحتی ارسال، و پاسخ‌ها رو مشاهده و تحلیل کنند. همچنین شامل ویژگی‌هایی مثل سازگاری با APIهای RESTful و GraphQL، پشتیبانی از قالب‌های مختلف احراز هویت و یکپارچگی با ابزارهای دیگر توسعه هست🔥

مهم تر از همه این ابزار قابلیت استفاده از Ai رو هم داره، تا بتونه بهتر پاسخگوی نیاز ها و انجام تسک ها باشه(در حال حاضر روی نسخه 1.0) هست.

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

🔵Website

#tools #api #ai
@CodeModule

🔵 با استفاده از این سایت، Box Shadow کاستوم خودت رو بساز !

سایت Css Matic یک ابزار آنلاینه که با استفاده ازش میتونید به صورت دستی، Box Shadow دلخواه خودتون رو تنظیم و بسازید و خروجی کد Css ای اون رو، مشاهده و کپی کنید ✈️

همچنین قابلیت های دیگه ای، مثل ساخت gradient و border radius رو هم داره.


🔵 Box Shadow Generator


#tools #css
@CodeModule

ویدیو مد نظرتو با هوش مصنوعی ترجمه کن! 😎

توی این پست میخوام با ابزاری به اسم synclabs آشناتون کنم‌ که به شما اجازه میده، تا هر ویدیو ای که دوست داشتید رو از هر جایی (یوتیوب، مقالات، وبلاگ ها و ...) رو به هر زبانی که میخواید ترجمه کنید.

دیگه نیاز نیست بخاطر بلد نبودن زبان های خارجه، منابعتون رو محدود کنید 🏖️

🔵Website

#ai #tools
@CodeModule

🐱 برای گیتهابت پروفایل زیبا و حرفه ای بساز

در این پست با یک سایت به اسم GPRM آشنا میشیم که بهتون اجازه میده، با ظاهر ساده پروفایل گیتهابتون خداحافظی کنید.

این ابزار به شما این امکان رو میده که یک Readme با آمار کامیت ها، استار ها و همچنین skill هاتون با ظاهر آیکون بسازید، و به عنوان پروفایل گیتهابتون نمایشش بدید ✈️

🔵 Website

#tools #github
@CodeModule

⚡️پرفورمنس سایتت رو بسنج !

توی این پست یک سایت بهتون معرفی میکنم که با استفاده از اون، میتونید سایت مد نظرتون رو از بابت Performance ،Structure ،LCP و LBT بسنجید و انالیزشون کنید🏋️‍♀️

⚠️ جهت استفاده از این سایت، باید Vpn روشن کنید

🔵Website

#web #performance #tools
@CodeModule

🤯هر متن و کدی رو از ویدیوی مورد نظرت کپی کن!

👌توی این پست قراره یک اکستنشن کاربردی بهتون به نام SelectText بهتون معرفی کنم، که با استفاده از اون میتونید هر متنی که میخواید رو از روی ویدیو کپی و استفاده کنید.

این اکستنشن برای برنامه نویسا که کلی ویدیو آموزشی میبینن، خیلی مفیده چون به راحتی میتونن کد هارو از ویدیو کپی کنن و دیگه، دردسر کد نوشتن نداشته باشن 👨‍💻


🔵 Download

#extension #tools
@CodeModule

در به در دنبال ابزار‌های کاربردی css نباش 🔵

سایت زیر مجموعه‌ای از بهترین ابزار‌های کاربردی و مهم css رو جمع آوری کرده، و به راحتی میتونید ابزار مد نظرتونو پیدا و استفاده کنید 💀

🔵Website

#css #tools
@CodeModule

کمبود آیکون های دلخواهت اونم رایگان، اذیتت میکنه ؟

😎 توی این پست چند تا منبع رایگان بهتون معرفی میکنم، که آیکون های فوق‌العاده خفنی ارائه میدن.

🔵https://heroicons.com

🔵https://icons8.com

🔵https://uxwing.com/

🔵https://tabler.io/icons


#icon #free #tools
@CodeModule

با این ابزار خلاقیت رو به اوج برسون 🚀

‏Bennett Feely یک وبسایت هست که ابزارهای خلاقانه و کاربردی بهتون ارائه میده، که با استفاده از این ابزارها میتونید به سادگی و بدون نیاز به دانش تخصصی، ایده‌های خودتون رو به واقعیت تبدیل کنید.

برخی از ابزارهای Bennett Feely ⬇️

‏* ztext.js: تایپوگرافی 3 بعدی رو به هر وب‌سایت و فونت دلخواهی اضافه کنید.

‏* CSS Scales: این ابزار به شما امکان میده مقیاس‌های رنگی رو از ColorBrewer و van der Walt، Smith و Firing به صورت گرادیانت دریافت کنید.

‏* CSS Pie Chart: با استفاده از گرادیانت‌های مخروطی، نمودارهای دایره‌ای رو به سادگی بسازید.

علاوه بر اینا، ابزار های مختلف دیگه ای هم داره که در توسعه پروژه‌ها بهتون کمک میکنه. پیشنهاد میکنم یه سر به وبسایتش بزنید 💀


#tools #css
@CodeModule