این سایت کمک میکنه سریع تر کد بزنی! 💀
قطعا براتون پیش اومده که مجبور باشید یه سری استایل های پیور و به کلاس های tailwind ریفکتور کنید، اما حوصله و وقتشو ندارید.
با استفاده از این سایت، خیلی راحت میتونید کدهای خام css و به کلاس های tailwind تبدیل کنید😎
🔵 tailwind converter
#tools #tailwind
@CodeModule
قطعا براتون پیش اومده که مجبور باشید یه سری استایل های پیور و به کلاس های tailwind ریفکتور کنید، اما حوصله و وقتشو ندارید.
با استفاده از این سایت، خیلی راحت میتونید کدهای خام css و به کلاس های tailwind تبدیل کنید
#tools #tailwind
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡8🔥5👌3❤🔥2
ایجاد تصویر با هوش مصنوعی 🤖
ابزاری که توی این پست معرفی میکنیم یکی از اولین هوش مصنوعی ها برای تولید تصاویر هست و قادره، تصاویر رو به شکلهای خلاقانه و هنری تبدیل کنه.
برای استفاده از این ابزار کاربردی و خفن، میتونید به وب سایتش مراجعه کنید.😎
➡️ Website◀️
#ai #tools
@CodeModule
ابزاری که توی این پست معرفی میکنیم یکی از اولین هوش مصنوعی ها برای تولید تصاویر هست و قادره، تصاویر رو به شکلهای خلاقانه و هنری تبدیل کنه.
برای استفاده از این ابزار کاربردی و خفن، میتونید به وب سایتش مراجعه کنید.
#ai #tools
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7👌3
با استفاده از Wave سایتتو خوشگل کن!🔥
احتمالا همچین شکل هایی رو تو سایت های مختلف دیدید. امروز میخوام یه سایت بهتون معرفی کنم که با استفاده از اون، Wave های دلخواه خودتون رو به شکل های مختلف کاستوم کنید و به صورت svg یا png خروجی بگیرید⚡️
➡️ Website◀️
#tools
@CodeModule
احتمالا همچین شکل هایی رو تو سایت های مختلف دیدید. امروز میخوام یه سایت بهتون معرفی کنم که با استفاده از اون، Wave های دلخواه خودتون رو به شکل های مختلف کاستوم کنید و به صورت svg یا png خروجی بگیرید
#tools
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
⚡6🔥3
تاحالا شده لازم باشه یک عکس کامل از صفحه سایتتون به کارفرما بدید و نمیدونستید چجوری باید این کارو بکنید ؟ 🧐
🧩 برای این کار میتونید از اکستنشن Go Full Page استفاده کنید تا بتونید یک عکس کامل از صفحه سایتتون بگیرید و در فرمت های pdf یا png خروجی بگیرید
این اکستنشن کاربردی رو میتونید از لینک زیر روی مرورگر کروم خودتون نصب کنید.🔥
Extension🌕
#tools #extension
@CodeModule
🧩 برای این کار میتونید از اکستنشن Go Full Page استفاده کنید تا بتونید یک عکس کامل از صفحه سایتتون بگیرید و در فرمت های pdf یا png خروجی بگیرید
این اکستنشن کاربردی رو میتونید از لینک زیر روی مرورگر کروم خودتون نصب کنید.
Extension
#tools #extension
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
❤🔥6🔥3👌2
یه سایت همه فن حریف برای css 🔵
با استفاده از این سایت، میتونید استایل های مختلفی مثل gradient, boxShadow borderRadius ,transform, border و ... رو ایجاد، و تو پروژه هاتون استفاده کنید😎
➡️ Website◀️
#tools #css
@CodeModule
با استفاده از این سایت، میتونید استایل های مختلفی مثل gradient, boxShadow borderRadius ,transform, border و ... رو ایجاد، و تو پروژه هاتون استفاده کنید
#tools #css
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6⚡2
با این سایتی که امروز بهتون معرفی میکنیم میتونید تایپ ده انگشتی رو به زبان فارسی و انگلیسی و تایپ اعداد رو به راحتی یاد بگیرید به صورت رایگان
#tools #type
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥12👌1
اگه شما هم مثل من با یوتیوب زیاد کار میکنید، قطعا براتون پیش اومده که به دنبال دانلود یک ویدیو باشید. با استفاده از این ربات این کار به راحتی امکان پذیره!
#tools #youtube
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
👌10🔥4
بهینه سازی کد با ابزار tailwind-merge 💀
کتابخانه tailwind-merge یک ابزار قدرتمند برای توسعه دهندگانی هست، که از Tailwind CSS استفاده میکنن. هدف اصلی این کتابخانه، ترکیب کلاسهای تکراری در پروژههای Tailwind CSS و جلوگیری از تضادهای احتمالی هست.
ویژگیهای اصلی tailwind-merge⬇️
ترکیب کلاسهای تکراری: اگه چندین کلاس Tailwind که متناقض هستن (مثل p-4 و p-2) به یک تگ اضافه بشن، tailwind-merge بهطور خودکار تنها یکی از اون هارو(آخرین) و نگه میداره و بقیه رو حذف میکنه.
افزایش خوانایی و بهینهسازی: با حذف کلاسهای تکراری و متناقض، کد نهایی شما خواناتر و بهینهتر خواهد بود، که منجر به کاهش حجم کد CSS تولید شده و افزایش عملکرد صفحه وب میشود.
ادغام کلاسها در زمان واقعی: این کتابخانه میتونه بهطور دینامیک در هنگام ساختن پروژههای جاوااسکریپت، کلاسها رو ترکیب کنه، بنابراین نیازی به عملیات دستی یا استفاده از ابزارهای دیگه نیست.
این کتابخانه، به خصوص برای پروژههای بزرگ و پیچیده که از تعداد زیادی کلاس Tailwind استفاده میکنن، بسیار مفیده و میتونه به کاهش سردرگمی و پیچیدگی کد کمک کنه⚡️
#tailwind #tools
@CodeModule
کتابخانه tailwind-merge یک ابزار قدرتمند برای توسعه دهندگانی هست، که از Tailwind CSS استفاده میکنن. هدف اصلی این کتابخانه، ترکیب کلاسهای تکراری در پروژههای Tailwind CSS و جلوگیری از تضادهای احتمالی هست.
ویژگیهای اصلی tailwind-merge
ترکیب کلاسهای تکراری: اگه چندین کلاس Tailwind که متناقض هستن (مثل p-4 و p-2) به یک تگ اضافه بشن، tailwind-merge بهطور خودکار تنها یکی از اون هارو(آخرین) و نگه میداره و بقیه رو حذف میکنه.
افزایش خوانایی و بهینهسازی: با حذف کلاسهای تکراری و متناقض، کد نهایی شما خواناتر و بهینهتر خواهد بود، که منجر به کاهش حجم کد CSS تولید شده و افزایش عملکرد صفحه وب میشود.
ادغام کلاسها در زمان واقعی: این کتابخانه میتونه بهطور دینامیک در هنگام ساختن پروژههای جاوااسکریپت، کلاسها رو ترکیب کنه، بنابراین نیازی به عملیات دستی یا استفاده از ابزارهای دیگه نیست.
این کتابخانه، به خصوص برای پروژههای بزرگ و پیچیده که از تعداد زیادی کلاس Tailwind استفاده میکنن، بسیار مفیده و میتونه به کاهش سردرگمی و پیچیدگی کد کمک کنه
#tailwind #tools
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥7⚡4❤🔥2
با استفاده از این سایت، Clip path کاستوم خودت رو بساز 🔥
سایت Bennett Feely's Clippy یک ابزار آنلاینه که به کاربران این اجازه رو میده، تا به راحتی CSS clip-path کاستوم خودشون رو ایجاد کنن. این ابزار به شما کمک میکنه تا با استفاده از رابط گرافیکی، اشکال مختلف رو برش بدید و در نهایت کد CSS مربوط به اون رو دریافت کنید.
پ.ن: clip-path به شما این امکان رو میده که با برش دادن یک عنصر به یک شکل (دایره، بیضی، چند ضلعی و ...) اشکال پیچیده در CSS و وبسایت ایجاد کنید.
🔵 Website
#css #clippath #tools
@CodeModule
سایت Bennett Feely's Clippy یک ابزار آنلاینه که به کاربران این اجازه رو میده، تا به راحتی CSS clip-path کاستوم خودشون رو ایجاد کنن. این ابزار به شما کمک میکنه تا با استفاده از رابط گرافیکی، اشکال مختلف رو برش بدید و در نهایت کد CSS مربوط به اون رو دریافت کنید.
پ.ن: clip-path به شما این امکان رو میده که با برش دادن یک عنصر به یک شکل (دایره، بیضی، چند ضلعی و ...) اشکال پیچیده در CSS و وبسایت ایجاد کنید.
#css #clippath #tools
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8⚡3😁1
در واقع HTTPie، یک ابزار قدرتمند و در عین حال کاربرپسند برای ارسال درخواستهای HTTP و کار با APIها هست.
این ابزار به دولوپرا کمک میکنه تا درخواستهای HTTP رو به راحتی ارسال، و پاسخها رو مشاهده و تحلیل کنند. همچنین شامل ویژگیهایی مثل سازگاری با APIهای RESTful و GraphQL، پشتیبانی از قالبهای مختلف احراز هویت و یکپارچگی با ابزارهای دیگر توسعه هست
مهم تر از همه این ابزار قابلیت استفاده از Ai رو هم داره، تا بتونه بهتر پاسخگوی نیاز ها و انجام تسک ها باشه(در حال حاضر روی نسخه 1.0) هست.
برای اطلاعات بیشتر و نحوه استفاده، میتونید به وبسایتش مراجعه کنید.
#tools #api #ai
@CodeModule
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9👌2💔1