5 اکستنشن کاربردی که باید نصب کنی⚡️
اکستنشن WhatFont
یکی از مهمترین افزونههایی که باید به عنوان دولوپر بشناسید، اکستنشن WhatFont هست. با کمک این افزونه میتونید نوع فونت مورد نظر رو فقط با نگه داشتن ماوس بر روی متن، شناسایی کنید.
اکستنشن Colorzilla
با استفاده از اکستنشن Colorzilla، میتونید کد HEX رنگ مورد نظرتون رو پیدا و بهراحتی کپیش کنید. با این ابزار نه تنها می تونید تاریخچه رنگ ها رو ببینید، بلکه این امکان رو هم دارید که گرادیان های CSS ای رو تحلیل کنید.
اکستنشن Image Downloader
اگه از اون دسته دولوپرایی هستید که روزانه تصاویر زیادی دانلود میکنن، اکستنشن Image Downloader مختص شماست. به کمک این افزونه میتونید در سریعترین زمان ممکن، تعداد زیادی از تصاویر رو بر اساس ابعاد مورد نظرتون فیلتر و دانلود کنید.
اکستنشن Dimensions
با استفاده از این افزونه خفن، میتونید فاصله بین ابعاد یا شکاف هایی که بین عناصر وجود داره، یا هر چیز دیگه ای که در سایت هست رو اندازه گیری کنید.
اکستنشن CSSViewer
اگه به دنبال کدهای CSS بخش های مختلفی از یک وبسایت هستید، میتونید از اکستنشن CSSViewer کمک بگیرید. فقط با نگه داشتن ماوس در هر جایی از صفحه، میتونید به استایل های CSS اون قسمت دسترسی داشته باشید.
#extensions
@CodeModule
اکستنشن WhatFont
یکی از مهمترین افزونههایی که باید به عنوان دولوپر بشناسید، اکستنشن WhatFont هست. با کمک این افزونه میتونید نوع فونت مورد نظر رو فقط با نگه داشتن ماوس بر روی متن، شناسایی کنید.
اکستنشن Colorzilla
با استفاده از اکستنشن Colorzilla، میتونید کد HEX رنگ مورد نظرتون رو پیدا و بهراحتی کپیش کنید. با این ابزار نه تنها می تونید تاریخچه رنگ ها رو ببینید، بلکه این امکان رو هم دارید که گرادیان های CSS ای رو تحلیل کنید.
اکستنشن Image Downloader
اگه از اون دسته دولوپرایی هستید که روزانه تصاویر زیادی دانلود میکنن، اکستنشن Image Downloader مختص شماست. به کمک این افزونه میتونید در سریعترین زمان ممکن، تعداد زیادی از تصاویر رو بر اساس ابعاد مورد نظرتون فیلتر و دانلود کنید.
اکستنشن Dimensions
با استفاده از این افزونه خفن، میتونید فاصله بین ابعاد یا شکاف هایی که بین عناصر وجود داره، یا هر چیز دیگه ای که در سایت هست رو اندازه گیری کنید.
اکستنشن CSSViewer
اگه به دنبال کدهای CSS بخش های مختلفی از یک وبسایت هستید، میتونید از اکستنشن CSSViewer کمک بگیرید. فقط با نگه داشتن ماوس در هر جایی از صفحه، میتونید به استایل های CSS اون قسمت دسترسی داشته باشید.
#extensions
@CodeModule
🔥10😁1👌1
اگه برای تمرین و کدنویسی دنبال ui خاصی میگردید، این طرح فیگما رو به هیچ وجه از دست ندید 💀
(طرح رسپانسیوش هم موجوده)
💎 Link
#figma
@CodeModule
(طرح رسپانسیوش هم موجوده)
💎 Link
#figma
@CodeModule
👌5🔥1
دائم دنبال api هستی و پیدا نمیکنی؟ 🕷
توی این پست ۲ api مارکت خاص بهتون معرفی میکنم که واسه هر چیزی که فکر کنید، api دارن. از دیجی کالا و آشپزی و ... بگیر تا هوش مصنوعی !!
▫️https://apieco.ir/
▫️https://one-api.ir/
#api
@CodeModule
توی این پست ۲ api مارکت خاص بهتون معرفی میکنم که واسه هر چیزی که فکر کنید، api دارن. از دیجی کالا و آشپزی و ... بگیر تا هوش مصنوعی !!
▫️https://apieco.ir/
▫️https://one-api.ir/
#api
@CodeModule
🔥7
دنبال نمونه پروژه برای تمرینی؟ 💥
ریپازیتوری 50projects50days مجموعهای از ۵۰ پروژهی کوچیک و کاربردیه که به منظور تمرین و تقویت مهارتهای HTML، CSS و JavaScript طراحی شده. پیشنهاد میکنم حتما یه سر بزنید.
🔗 Repository
#repository
@CodeModule
ریپازیتوری 50projects50days مجموعهای از ۵۰ پروژهی کوچیک و کاربردیه که به منظور تمرین و تقویت مهارتهای HTML، CSS و JavaScript طراحی شده. پیشنهاد میکنم حتما یه سر بزنید.
🔗 Repository
#repository
@CodeModule
GitHub
GitHub - bradtraversy/50projects50days: 50+ mini web projects using HTML, CSS & JS
50+ mini web projects using HTML, CSS & JS. Contribute to bradtraversy/50projects50days development by creating an account on GitHub.
داکیومنتهای مورد نیازت رو آفلاین همراهت داشته باش! 💻
فرقی نمیکنه مشغول چه حوزهای هستی، این ابزارها در زمان قطعی اینترنت به فریادت میرسن.
📖 DevDocs
تقریباً هر چیزی که لازم داری رو یکجا جمع کرده؛ از JavaScript، TypeScript، React و Node.js گرفته تا CSS، HTML و دهها تکنولوژی دیگه. کافیه داکیومنتهای موردنیازت رو دانلود کنی تا هر زمان، حتی بدون اینترنت، به اونها دسترسی داشته باشی.
⚡️ Zeal
یکی از بهترین ابزارها برای دسترسی آفلاین به مستنداته. کافیه Docsetهای موردنیازت رو یکبار دانلود کنی؛ بعد از اون با یک جستجوی ساده، بدون نیاز به اینترنت به همه داکیومنتها دسترسی داری.
🔗 DevDocs
🔗 Zeal
#document
@CodeModule
فرقی نمیکنه مشغول چه حوزهای هستی، این ابزارها در زمان قطعی اینترنت به فریادت میرسن.
📖 DevDocs
تقریباً هر چیزی که لازم داری رو یکجا جمع کرده؛ از JavaScript، TypeScript، React و Node.js گرفته تا CSS، HTML و دهها تکنولوژی دیگه. کافیه داکیومنتهای موردنیازت رو دانلود کنی تا هر زمان، حتی بدون اینترنت، به اونها دسترسی داشته باشی.
⚡️ Zeal
یکی از بهترین ابزارها برای دسترسی آفلاین به مستنداته. کافیه Docsetهای موردنیازت رو یکبار دانلود کنی؛ بعد از اون با یک جستجوی ساده، بدون نیاز به اینترنت به همه داکیومنتها دسترسی داری.
🔗 DevDocs
🔗 Zeal
#document
@CodeModule
devdocs.io
DevDocs API Documentation
Fast, offline, and free documentation browser for developers. Search 100+ docs in one web app: HTML, CSS, JavaScript, PHP, Ruby, Python, Go, C, C++…
❤🔥6
با Nuqs بیشتر آشنا بشید 🕷
پکیج Nuqs یک کتابخونه برای مدیریت state از طریق query string در پروژه های React و فریمورکهایی مثل Next.js هست.
به زبان سادهتر: با Nuqs میتونید stateهایی مثل فیلترها، سرچ کاربر، پیجینیشن، یا هر متغیری رو که نیازه در URL نگه دارید و خیلی راحت و type-safe مدیریتشون کنید.
قابلیتهای مهم این پکیج
اگه از دست useSearchParams و useRouter خسته شدی، پکیج Nuqs دقیقاً همونه که دنبالش بودی.
🔗 Document
#nuqs
@CodeModule
پکیج Nuqs یک کتابخونه برای مدیریت state از طریق query string در پروژه های React و فریمورکهایی مثل Next.js هست.
به زبان سادهتر: با Nuqs میتونید stateهایی مثل فیلترها، سرچ کاربر، پیجینیشن، یا هر متغیری رو که نیازه در URL نگه دارید و خیلی راحت و type-safe مدیریتشون کنید.
قابلیتهای مهم این پکیج
💥 پشتیبانی از انواع داده (string number, boolean, date, array و ...)
💥 سازگاری کامل با App Router
💥 سینک خودکار بین state و URL
💥 سادهتر از useSearchParams
اگه از دست useSearchParams و useRouter خسته شدی، پکیج Nuqs دقیقاً همونه که دنبالش بودی.
🔗 Document
#nuqs
@CodeModule
🔥3