عکس مفید برای کسایی که ui ux کار میکنن ✅️

🔸️چی هست؟ داره میگه یوزر وقتی گوشی دستشه توی این محدوده ها راحت میتونه انگشتاش رو حرکت بده(توی محدوده های سبز) توی محدوده های زرد یکم سخت تر میشه و توی محدوده های قرمز واقعا نشدنیه.

🔹️سمت راستی برای دست راسته و سمت چپی برای دست چپ، و وسطی هم برای وقتیه که یوزر داره با هردوتا دستش کار میکنه.

#ui #ux #design #figma #mobile #frontend
☕️ Telegram | Website | Discord

سه ابزار قدرتمند برای برنامه‌نویسی آنلاین؛ بدون نیاز به نصب هیچ چیزی ✅️

1️⃣ Replit
ریپلیت یکی از معروف‌ترین محیط‌های برنامه‌نویسی تحت وبه که تقریبا از همه زبان‌های محبوب مثل ++Python، Java، C و JavaScript پشتیبانی می‌کنه. توی این پلتفرم می‌تونی بدون نصب نرم‌افزار، مستقیم توی مرورگر کدنویسی کنی، پروژه‌هات رو اجرا بگیری و حتی از ابزار هوش مصنوعی داخلی برای نوشتن سریع‌تر استفاده کنی. امکان همکاری تیمی و اشتراک‌گذاری پروژه هم از امکانات جالبشه.

2️⃣ Glitch
اگه دنبال راهی سریع برای ساخت اپلیکیشن‌های تحت وب، مخصوصا با Node.js هستی، گلیچ یکی از بهترین گزینه‌هاست. این ابزار برای ساخت سرورهای ساده، سایت‌های آزمایشی یا حتی API‌های سبک فوق‌العاده‌ست. محیط کاربرپسند و قابلیت اشتراک‌گذاری فوری پروژه‌ها، Glitch رو به یه ابزار کاربردی برای برنامه‌نویس‌های وب تبدیل کرده. (فقط توجه کن که Glitch قراره از تیر ۱۴۰۴ پروژه‌ها رو از روی سرورهاش برداره.)

3️⃣ CodeSandbox
این ابزار بیشتر مورد علاقه برنامه‌نویس‌های فرانت‌انده، مخصوصا اگه با React یا Vue کار کنی. کدسندباکس یه محیط کدنویسی کاملا مبتنی بر وبه که برای توسعه رابط کاربری طراحی شده و به‌صورت کامل با GitHub هم یک پارچه است. ویژگی پیش‌نمایش زنده، سرعت بالا و ابزارهای مخصوص توسعه UI باعث شده خیلی‌ها برای پروژه‌های فرانت‌اند ازش استفاده کنن.


#replit #glitch #codesandbox #programming #github #frontend
☕️ Telegram | Website | Discord

🎯 اگر در حال طراحی یا توسعه رابط کاربری هستید و به دنبال ابزاری برای ساخت سیستم طراحی منسجم و حرفه‌ای می‌گردید، Stitch از Google دقیقاً همون چیزیه که نیاز دارید.

با استفاده از این ابزار می‌تونید کامپوننت‌های قابل استفاده مجدد بسازید، پیش‌نمایش زنده بگیرید، ساختار طراحی‌تون رو مستند کنید و خیلی راحت‌تر با تیم توسعه همکاری کنید — همه این‌ها بدون نیاز به نصب هیچ نرم‌افزاری!

🔗 https://stitch.withgoogle.com/

#designsystem #uiux #frontend
☕️ Telegram | Website | Discord

برنامه نویس فرانتی و انیمیشن نداری؟👀

🔸️ ببین چی آوردیم برات، مرجع انیمیشن‌های Lottie (فرمت JSON) برای استفاده توی وب، اپ‌های موبایل و React Native.

✅ خروجی سبک و قابل اجرا با کتابخونه‌هایی مثل lottie-web، lottie-ios و lottie-android
✅ پلاگین برای فیگما و افترافکت
✅ ابزار ویرایش و تست آنلاین

👌 اگه دنبال انیمیشن‌های تمیز و بهینه برای فرانت‌اند یا موبایل می‌گردی، این سایت به کارت میاد:
🔗 https://lottiefiles.com/

#frontend #ui #json #react
☕️ Telegram | Website | Discord

📣 گفت‌وگوی آنلاین کداکسپلور | شماره ۲

موضوع این جلسه:
برنامه‌نویسی وب فرانت‌اند و آینده اون🌐✨

اگه به طراحی رابط کاربری، تکنولوژی‌های سمت کاربر و ترندهای آینده‌ی توسعه وب علاقه‌مندی، این جلسه رو از دست نده!قراره درباره مسیرهای شغلی در فرانت‌اند صحبت کنیم و در ادامه هم نگاهی داشته باشیم به آینده‌ی این حوزه و این‌که آیا هوش مصنوعی می‌تونه نقش توسعه‌دهنده‌ها رو تحت تأثیر قرار بده یا نه.

🗓 پنجشنبه ۲۲ خرداد ۱۴۰۴
🕘 ساعت ۲۱:۰۰
📍 بستر: گوگل میت

حضور برای همه آزاد و رایگانه و نیازی به ثبت‌نام نداره❤️ پنج‌شنبه ساعت ۹ شب، منتظرتونیم!

#meeting #online #programming #frontend
☕️ Telegram | Website | Discord

داشتن یه منبع کامل برای طراحا و فرانت‌اند کارا واجبه!
سایتی که همه چی رو یه‌جا داره:
🔹 لودینگ‌های متحرک
🔹 پس‌زمینه‌های جذاب
🔹 پترن‌های آماده
🔹 پالت‌های رنگی
🔹 آیکون‌های متحرک
🔹 متن‌های انیمیشنی
🔹 حتی کدهای آماده CSS!

اگه دنبال همچین جایی هستی، سایت loading.io رو از دست نده🔥

#frontend #resource
☕️Telegram | Website | Discord

جعبه ابزار برای فرانت اند کارا 👀

🔹️ یه سایت کاربردی و متن‌باز برای فرانت‌اند دولوپر ها پیدا کردیم که کلی ابزار مفید مثل ساخت گرادینت، تولید داده تستی، فشرده‌سازی SVG، و تبدیل CSS به JSX رو یکجا جمع کرده. طراحی ساده، بدون تبلیغ، و قابل استفاده مستقیم تو مرورگر 🔥

🔗 omatsuri.app

#frontend #tools
☕️Telegram | Website | Discord

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

GitHub: https://github.com/htaria/telegram-services-site

#html #theme #telegram #site #css #js #frontend
☕️Telegram | Website | Discord

🚀 این سایت یه مرجع خفن برای دانلود قالب های پنل ادمین توسعه داده شده با Bootstrap و Tailwind هست.

💼 چه دنبال قالب رایگان باشی چه حرفه‌ای و پولی، توی این سایت کلی انتخاب جذاب داری برای شروع سریع پروژه‌هات.

🔗 لینک سایت

#frontend #bootstrap #panel #css #js #site
☕️Telegram | Website | Discord

60 پروژه تمرینی با لول های مختلف برای برنامه نویسای فرانت اند🔥

#frontend #project #ideas
☕️Telegram | Website | Discord

با استفاده از Frontend Mentor میتونی بجای اینکه فقط آموزش ببینی شروع کنی و برای خودت پروژه هم بزنی 🚀
این سایت پر از چالش‌ های مبتدی تا حرفه ایه که باعث میشه مهارتت تقویت بشه، Portfolio با پروژه‌های واقعی داشته باشی و تو مصاحبه‌ ها قوی ظاهر بشی✨
جالب‌ تر اینه که میتونی با ابزار های هوش مصنوعی مثل Copilot و ChatGPT تمرین کنی و توی جامعه‌ برنامه‌نویس‌ ها کدت رو به اشتراک بذاری و فیدبک بگیری.

بخش زیادی از چالش‌ها رایگانه و فقط بعضی پروژه‌ ها نیاز به اشتراک Pro دارن ✅

🔗 https://www.frontendmentor.io/

ری‌ اکشن و حمایت یادت نره تا ازین سایت ها بیشتر معرفی کنیم 😉🧡

#frontend #portfolio #practice
☕️Telegram | Website | Discord