SVG Boat Animation | HTML CSS



#HTML #CSS #JavaScript

🆔 @htmlcss_channels

Build Animated Responsive Restaurant Website Using HTML CSS And JavaScript


Code



#HTML #CSS #JavaScript

🆔 @htmlcss_channels

📍 جایگزین امن برای گوگل مپ در مواقع جنگی یا قطعی اینترنت
اگه یه روزی گوگل مپ از کار افتاد یا دیگه بهش اعتماد نداشتی (مثلاً تو شرایط جنگی یا فیلترینگ شدید)، این دوتا اپ می‌تونن به کمکت بیان

🟢 Organic Maps

یه نقشه‌ی کاملاً آفلاین، سبک، بدون تبلیغ، بدون ردیابی!
🔸 مبتنی بر OpenStreetMap
🔸 رایگان و متن‌باز
🔸 مناسب سفر، بقا، کوه، بحران
🔸 نقشه‌ی هر کشوری رو می‌تونی دانلود کنی و بدون اینترنت استفاده کنی

📲 دانلود برای اندروید:
https://play.google.com/store/apps/details?id=app.organicmaps

📲 دانلود برای iOS:
https://apps.apple.com/app/organic-maps/id1567437057

🌐 وب‌سایت رسمی:
https://organicmaps.app

🟠 OsmAnd

این یکی حرفه‌ای‌تره و مناسب کساییه که امکانات بیشتر می‌خوان:
🔹 مسیر‌یابی دقیق با حالت پیاده، دوچرخه، ماشین
🔹 امکان نشانه‌گذاری (waypoints)، نمایش مختصات، قطب‌نما
🔹 نقشه‌های توپوگرافی، دریایی، شهری
🔹 امکان افزودن لایه‌های امنیتی و اطلاعاتی

📲 دانلود برای اندروید:
https://play.google.com/store/apps/details?id=net.osmand

📲 دانلود برای iOS:
https://apps.apple.com/app/osmand-maps-travel-navigate/id934850257

🌐 وب‌سایت رسمی:
https://osmand.net
📌 توصیه مهم:
⚠️قبل از شرایط بحرانی، حتماً نقشه‌ی مناطق مهم رو دانلود کن و طرز کار با این اپ‌ها رو یاد بگیر.
هیچ‌کدوم اطلاعات مکان رو به شرکت‌های بزرگ نمی‌فرستن، برای همین امن‌ترن.


@htmlcss_channels

Storage Bar | #HTML #CSS #JavaScript


@htmlcss_channels

💡 Scroll-Snap-Type

Allows you to create smooth, controlled scrolls with a "binding" to certain positions

.container {
  scroll-snap-type: x mandatory;
}
.item {
  scroll-snap-align: start;
}

🔘 is used for carousels, sliders and lists.

Why is it needed:

➡️ Make UX convenient and predictable.

➡️ Get rid of crutches on JS.

💎@htmlcss_channels

- جرمی هاوارد، شخصیتی برجسته در حوزه هوش مصنوعی و علوم داده، یک برنامه FastHTML را معرفی کرده که دارای سیستم ورود، قابلیت کشیدن و رها کردن، و تمام نقاط پایانی CRUD (ایجاد، خواندن، به‌روزرسانی، حذف) است که در تنها ۸۴ خط کد پایتون کدنویسی شده ، این امر نشان‌دهنده جهشی بزرگ در توسعه وب نسبت به چارچوب‌های سنتی مانند ASP.NET MVC است که اغلب برای عملکرد مشابه به صدها خط کد نیاز دارند. - طراحی این برنامه در مخزن GitHub توضیح داده شده

👉https://github.com/AnswerDotAI/fasthtml/blob/main/examples/adv_app.py



👉https://www.answer.ai/posts/2025/01/15/monsterui.html


💎@htmlcss_channels

3D CSS Social Tiles with Hover Animation

💎 @htmlcss_channels

online gradient generator on #CSS

This free tool will allow you to quickly unscrew the desired gradient, copy the CSS code and insert into your project.

https://www.joshwcomeau.com/gradient-generator/


💎 @htmlcss_channels

📝 #CSS HANDBOOK

این کتاب به شما کمک میکند در کمترین زمان ممکن CSS را از صفر و بصورت جامع یاد بگیرید


👈برای دسترسی به کتابهایی که تا الان در کانال منتشر شده از #pdf استفاده کنید

💎 @htmlcss_channels

Uiverse

Uverse: this is 6000+ ready -made #HTML / #CSS components for your project

بیش از 6000 آیتم آماده رایگان در این مجموعه وجود دارد که می تونید در پروژه تون وارد کنید خودشو سازگار با پروژه تون میکنه شما فقط کپی کنید و لذت ببرید.

مؤلفه ها به طور مرتب در دسته ها طبقه بندی شده اند و به راحتی به پروژه شما منتقل می شوند

💎 @htmlcss_channels

📝 #JavaScript HANDBOOK



کتابچه راهنمای JavaScript از قانون 80/20 پیروی می کند: در 20 ٪ از زمان 80 ٪ موضوع را بیاموزید.
هدف این است که سرعت شما در یادگیری و حرفه ای شدن با JavaScript را بالا ببرد



👈برای دسترسی به سایر کتابهای طراحی و توسعه وب که تا الان تو کانال منتشر شده از #pdf استفاده کنید

💎 @htmlcss_channels