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

➕ سازنده متن و آدرس صفحه سایت
➕ سرعت بسیار زیاد
➕ ریسپانسیو

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

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

📌برای کسایی هم که لازم دارن بفرست:
https://github.com/AllThingsSmitty/css-protips

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

👌انواع افکت فوکوس اینپوت + صفحه کدپن
ساخته شده با: HTML, CSS, JS

➕ 24 نوع مختلف
➕ انیمیشن لیبل

#focus #input #animation
👨‍💻@code_bracket

آموزش ساخت ویرایشگر متن + فایل سورس کد و صفحه کدپن
ساخته شده با: HTML, CSS, JS

➕ ریسپانسیو
➕ دارای 23 عملگر

#آموزش #ویرایشگر_متن
👨‍💻@code_bracket

👌آموزش ساخت (quiz app) + صفحه کدپن
ساخته شده با: HTML, CSS, JS

➕ ریسپانسیو
➕ نمایش پاسخ های صحیح و غلط در آخر

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

🙏ممنون از همراهی و حمایت همه اعضای کانال

حالا 50 سابسکرابه شدیم و با انرژی بیشتر ادامه خواهیم داد

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

➕ باز شدن از چهار جهت

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

همه دیگه اینو میدونن حقیقت داره😂

#fun
👨‍💻@code_bracket

🔥آموزش ساخت (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