🔥آموزش ساخت (Toast Notification) + صفحه کدپن
ساخته شده با: HTML, CSS

➕ تایمر دار

#آموزش #toast_notification
👨‍💻@code_bracket

خیلی باحال بود، خودم که خیلی حال کردم😂😂😂

#fun
👨‍💻@code_bracket

✅ تو این کالکشن بیش از 100 نوع دکمه (Button) ساخته شده که میتونید طراحی مورد نظرتون رو پیدا کنید و از اون طراحی تو پروژه خودتون استفاده کنید.

لینک کالکشن!

#معرفی #کالکشن
👨‍💻@code_bracket

اگه خوشت اومد حتما این دکمه لایک پایین رو بزن👇

⭐️آموزش ساخت (Star Rating) + صفحه کدپن
ساخته شده با: HTML, CSS

#آموزش #star_rating
👨‍💻@code_bracket

👈 تو این Repository سورس آماده کلی چیز های جالب CSS هست، حتما یه سری به اینجا بزنید.

📌برای کسایی هم که لازم دارن بفرست:
https://github.com/you-dont-need/You-Dont-Need-JavaScript

#معرفی #css
👨‍💻@code_bracket

حساب گیت هاب هم راه اندازی شد!🥳🥳

همین الان از اینجا برید و تو گیت هاب مارو دنبال کنید تا راحت تر به سورس ها دسترسی داشته باشید!😊

👨‍💻@code_bracket

حق 😂😂😂

#fun
👨‍💻@code_bracket

📌معرفی 10 تا از کاربردی ترین ابزار ها و وبسایت ها:

1. برای انتخاب نقشه راه برنامه نویسی:
https://roadmap.sh

2. برای ساخت فاوآیکون و یا تبدیل ایموجی و متن به فاوآیکون:
https://favicon.io

3. برای استفاده از کلی امکانات و آسان کردن کار:
https://smalldev.tools

4. برای ساخت یک رزومه خوب این وبسایت رو پیشنهاد میکنم:
https://resume.io

5. یه API که برای جا گذاری عکس ها استفاده میشه:
https://lorem.space

6. برای دانلود و استفاده از تصاویر صفحات 404:
https://error404.fun

7. برای ایده گرفتن یا استفاده از سورس های انواع کامپوننت ها:
https://uiverse.io

8. برای استفاده از آیکون های متحرک (انیمیشن دار):
https://lordicon.com

9. برای ساخت انواع چارت ها:
https://chartscss.org

10. برای ساخت کلیپ پس ها:
https://bennettfeely.com/clippy/


#ابزار_های_کاربردی

امیدوارم این مقاله بدردتون خورده باشه و اگه خواستید بیشتر از این مقاله ها منتشر کنیم حتماً تو کامنت ها بگید و برای حمایت از ما این مقاله را برای دوستان خود بفرستید!❤️

👨‍💻@code_bracket

🔥آموزش ساخت (drag and drop upload)

🔗لینک صفحه کدپن

➕ پیش نمایش فایل آپلود شده
➕ قابلیت drag and drop

#آموزش #drag_and_drop_uploader
👨‍💻@code_bracket

✅ تیپی یا tippy.js چیه؟

📌 تیپی یا Tippy یه ریپو گیت هاب هست که برای tooltip ساخته شده (اگه نمیدونید tooltip چیه یه سری به اینجا بزنید) که واقعا کلی امکانات جالب داره که خیلی سریع میتونید تو پروژه هاتون ازش استفاده کنید که تو سایت خودشون نحوه پیاده سازی داخل پروژه و گذاشتن.

🔗 از اینجا وارد صفحه تیپی شو!

#معرفی #tooltip
👨‍💻@code_bracket

👈 پک رایگان آیکون!

👍 پک رایگان آیکون Te Icon که توسط تیم ترناو ساخته شده خیلی عالیه پیشنهاد میکنم برید دانلود کنید

➕ بیش از 700 تا آیکون طراحی شده
➕ کاملا رایگان
➕ دارای 5 نوع مختلف طراحی

🔗 لینک دانلود پک!

🔗 لینک سایت ترناو!

#معرفی #آیکون
👨‍💻@code_bracket

✅ دانلود ایلاستریشن!

📌 سایت shape.so کلی ایلاستریشن های استاتیک و انیمیشن دار داره که میتونید دانلود کنید و تو پروژه هاتون استفاده کنید، این سایت دو تا پلن پولی داره و یک پلن رایگان که میتونید از رایگانش هم استفاده کنید

🔗 لینک سایت!

#معرفی #ایلاستریشن
👨‍💻 @code_bracket

باحال بود 😂😂😂

#fun
👨‍💻 @code_bracket

✅ تو این گیست گیت هاب چند تا پترن برای اینپوت های html هست که میتونی استفاده کنی لینکش رو میزارم این پایین حتما یه سری بهش بزن! کاربردیه!!

🔗 از اینجا برو!

#معرفی #github_gist
👨‍💻 @code_bracket

😎 پیش نمایش فایل های SVG در ویندوز

📌 دیدین فایل های SVG با لوگوی مرورگر ایج دیده میشن برای اینکه بتونید پیش نمایش فایل های SVG تون رو ببینید برید داخل این ریپو گیت هاب فایل مناسب سیستم خودتون رو دانلود کنید تا بتونید پیش نمایش فایل هاتون رو ببینید مثل تصویر بالا 😉

✅ من خودم رو سیستمم نصب کردم و به شما هم پیشنهاد میکنم استفاده کنید!

اگه سوالی چیزی داشتید حتما تو کامنت ها بپرسید👇

#معرفی #github
👨‍💻 @code_bracket

👌 یه افزونه کاربردی برای VS Code

✅ افزونه مینیفایر برای شما فایلی رو که انتخاب میکنید رو در لحظه مینیفای میکنه و این خیلی امکان خوبیه بنظرم از دست ندید!

🔗 لینک افزونه

#معرفی #vs_code
👨‍💻 @code_bracket

✅ سورس کد فرم ثبت نام

🔗 لینک پیش نمایش فرم در کدپن

📌 امکانات:
➕ الزامی بودن فیلد ها
➕ برابر بودن مقدار فیلد های پسورد و تایید پسورد
➕ پترن (Pattern) مخصوص فیلد ایمیل

👇فایل زیپ فرم ثبت نام👇(ری اکشن یادتون نره😊)

#سورس_آماده #فرم_ثبت_نام
👨‍💻 @code_bracket