اشکال svg حرفه‌ای طراحی کن 🌪

قراره با یک ابزار کاربردی برای طراحی اشکال SVG منحصر به فرد آشنا بشیم. با استفاده از این سایت، شما می‌تونید پیچیدگی، رنگ و کنتراست اشکال رو تنظیم و به‌ سرعت اکسپورت بگیرید و در نهایت، به پروژه هاتون با استفاده از این اشکال رنگ و لعاب بدید.

🔗 Website

#svg
@CodeModule

چرا سال ۹۰ بیت کوین نخریدی؟!
من سال ۹۰:

#fun
@CodeModule

5 اکستنشن کاربردی که باید نصب کنی⚡️

🫆 اکستنشن WhatFont

یکی از مهم‌ترین افزونه‌هایی که باید به‌ عنوان دولوپر بشناسید، اکستنشن WhatFont هست. با کمک این افزونه می‌تونید نوع فونت مورد نظر رو فقط با نگه داشتن ماوس بر روی متن، شناسایی کنید.

🫆 اکستنشن Colorzilla

با استفاده از اکستنشن Colorzilla، می‌تونید کد HEX رنگ مورد نظرتون رو پیدا و به‌راحتی کپیش کنید. با این ابزار نه تنها می تونید تاریخچه رنگ ها رو ببینید، بلکه این امکان رو هم دارید که گرادیان های CSS ای رو تحلیل کنید.

🫆 اکستنشن Image Downloader

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

🫆 اکستنشن Dimensions

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

🫆 اکستنشن CSSViewer

اگه به دنبال کدهای CSS بخش‌ های مختلفی از یک وبسایت هستید، می‌تونید از اکستنشن CSSViewer کمک بگیرید. فقط با نگه داشتن ماوس در هر جایی از صفحه، میتونید به استایل های CSS اون قسمت دسترسی داشته باشید.


#extensions
@CodeModule

اگه برای تمرین و کدنویسی دنبال ui خاصی میگردید، این طرح فیگما رو به هیچ وجه از دست ندید 💀

(طرح رسپانسیوش هم موجوده)

💎 Link

#figma
@CodeModule

دائم دنبال api هستی و پیدا نمیکنی؟ 🕷

توی این پست ۲ api مارکت خاص بهتون معرفی میکنم که واسه هر چیزی که فکر کنید، api دارن. از دیجی کالا و آشپزی و ... بگیر تا هوش مصنوعی !!

▫️https://apieco.ir/

▫️https://one-api.ir/

#api
@CodeModule

😂😂😂😂😂

#fun
@CodeModule

دنبال نمونه پروژه برای تمرینی؟ 💥

ریپازیتوری 50projects50days مجموعه‌ای از ۵۰ پروژه‌ی کوچیک و کاربردیه که به منظور تمرین و تقویت مهارت‌های HTML، CSS و JavaScript طراحی شده. پیشنهاد میکنم حتما یه سر بزنید.

🔗 Repository

#repository
@CodeModule

داکیومنت‌های مورد نیازت رو آفلاین همراهت داشته باش! 💻

فرقی نمی‌کنه مشغول چه حوزه‌ای هستی، این ابزار‌ها در زمان قطعی اینترنت به فریادت میرسن.

‏📖 DevDocs
تقریباً هر چیزی که لازم داری رو یک‌جا جمع کرده؛ از JavaScript، TypeScript، React و Node.js گرفته تا CSS، HTML و ده‌ها تکنولوژی دیگه. کافیه داکیومنت‌های موردنیازت رو دانلود کنی تا هر زمان، حتی بدون اینترنت، به اونها دسترسی داشته باشی.

‏⚡️ Zeal
یکی از بهترین ابزارها برای دسترسی آفلاین به مستنداته. کافیه Docsetهای موردنیازت رو یک‌بار دانلود کنی؛ بعد از اون با یک جستجوی ساده، بدون نیاز به اینترنت به همه داکیومنت‌ها دسترسی داری.

🔗 DevDocs
🔗 Zeal

#document
@CodeModule

با Nuqs بیشتر آشنا بشید 🕷

پکیج 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