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