📝 دوره آموزشی CSS: Images

📌 یادگیری مدیریت تصاویر و اشکال با CSS.


💎 @Htmlcss_channels | #HTML #css #JavaScript

CSS: Advanced Layouts with Grid

این دوره بهت یاد می‌ده چطور از تمام قابلیت‌های CSS Grid استفاده کنی تا رابط‌های کاربری زیبا، قابل دسترسی و واکنش‌گرا بسازی.

چی یاد می‌گیری؟

1. مفاهیم پایه CSS Grid:
• ساختار Grid و سلول‌ها
• تعریف ردیف‌ها و ستون‌ها
• مدیریت فضای خالی

2. قابلیت‌های پیشرفته:
• ؛Grid Areas و ساختارهای پیچیده
•؛ Grid Template Areas برای طراحی‌های مدرن
• ؛Grid Auto Flow و مدیریت ترتیب عناصر

3. واکنش‌گرایی:
• استفاده از Media Queries با Grid
• طراحی ریسپانسیو برای موبایل و دسکتاپ
• ؛Grid در طراحی‌های متفاوت سایز

4. دسترسی‌پذیری:
• ساختار معنایی Grid
• استفاده از ARIA برای دسترسی بهتر
• تست دسترسی‌پذیری Grid

5. بهترین روش‌ها:
• الگوهای طراحی با Grid
• بهینه‌سازی پرفورمنس
• حل مشکلات رایج Grid

• این دوره سطح پیشرفته دارد، پس با CSS و HTML آشنایی داشته باش


💎 @Htmlcss_channels  | #HTML #css #JavaScript

اگر هنوز داری نوت‌هات رو توی Google Docs، Notion یا فایل‌های پراکنده نگه می‌داری، یه بار Obsidian رو ببین.

سرویسObsidian یه اپ نوت‌برداریه، ولی بیشتر شبیه یه مغز دوم عمل می‌کنه.

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

چیزی که Obsidian رو خاص کرده اینه که فایل‌هات روی کامپیوتر خودت ذخیره میشن، نه روی سرور یه شرکت. همه چیز هم فایل Markdown ساده است. یعنی مالک واقعی اطلاعاتت خودتی و اگر فردا Obsidian هم نباشه، فایل‌هات سر جاشون هستن.

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

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

یه جور ویکی‌پدیای شخصی خودته.



💎 @Htmlcss_channels  | #HTML #css #JavaScript

معرفی بهترین منابع برای Front End Design

🌈 Color Sites:
1. colorhunt.co
2. coolors.co
3. color.adobe.com
4. pigment.shapefactory.co

💻 Sites To Download Fonts:
1. dafont.com
2. 1001fonts.com
3. fontsquirrel.com
4. fontfreak.com/fonts-new.htm

🖼 Sites To Download Vector Logos:
1. seeklogo.com
2. logovector.net
3. logotypes101.com
4. logos-vector.com

🔵 Sites To Download Icons:
1. flaticon.com
2. freeicons.io
3. iconstore.co
4. iconfinder.com
5. digitalnomadicons.com
6. iconstore.co

🖌 Brushes Download Sites:
1. brushking.eu
2. brusheezy.com/brushes
3. myphotoshopbrushes.com
4. fbrushes.com
5. gfxfever.com

📁 Sites To Download Files:
1. freepik.com
2. all-free-download.com
3. vecteezy.com
4. freeimages.com

📸 Sites To Download Mockups:
1. mockupsforfree.com
2. mockupworld.co
3. graphicburger.com
4. zippypixels.com

✨ Inspiration Sites:
1. inspirationde.com
2. designspiration.net
3. pinterest.com
4. dribbble.com

🎥 Video Sites:
1. mixkit.co
2. coverr.co
3. motionplaces.com
4. videezy.com

🖼 Photo Sites Without Background:
1. cleanpng.com
2. pngimg.com
3. footyrenders.com
4. pngtree.com

📷 Photo Sites:
1. unsplash.com
2. pexels.com
3. pixabay.com
4. stocksnap.io
5. burst.shopify.com.



💎 @Htmlcss_channels  | #HTML #css #JavaScript

معرفی ریپو Awesome Web Design Tools :

در این ریپو ابزارها، سایت‌ها، کتابخانه‌ها و منابع مختلفی برای طراحی و توسعه وب و رابط کاربری جمع‌آوری شده‌

https://github.com/nafasebra/awesome-webdesign-tools


💎 @Htmlcss_channels  | #HTML #css #JavaScript

معرفی ریپو Clean Code JavaScript :

مجموعه‌ای از اصول برای نوشتن کدهای تمیزتر و قابل نگهداری‌تر در JavaScript

در این ریپو نکاتی مثل نام‌گذاری بهتر، ساده‌سازی توابع، کاهش پیچیدگی و ساختاردهی بهتر کد بررسی شده تا توسعه و رفع باگ راحت‌تر شود.

https://github.com/ryanmcdermott/clean-code-javascript


💎 @Htmlcss_channels  | #HTML #css #JavaScript