Html and Css & Jsآموزش

- جرمی هاوارد، شخصیتی برجسته در حوزه هوش مصنوعی و علوم داده، یک برنامه 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

💡 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

Storage Bar | #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

دوستان اگر قصد رفتن به شهری دیگه رو دارید، برای بررسی وضعیت ترافیک مسیر، فعلا به اطلاعات ترافیکی گوگل مپ و ویز استناد نکنید.
‌
به هر دلیلی، درحال حاضر اطلاعات ترافیک رو به درستی نمایش نمی‌ده.
‌
حتما این مورد رو در نظر داشته باشید که در برآورد مدت زمان مسیر برای مدیریت بنزین و... دچار مشکل نشید.
‌‌
امیدوارم همگی در سلامت و از حال عزیزان‌تون باخبر باشید ❤️‍🩹
‌
@htmlcss_channels

Build Animated Responsive Restaurant Website Using HTML CSS And JavaScript


Code



#HTML #CSS #JavaScript

🆔 @htmlcss_channels

SVG Boat Animation | HTML CSS



#HTML #CSS #JavaScript

🆔 @htmlcss_channels

👆 Useful CSS Snippets



#HTML #CSS #JavaScript

🆔 @htmlcss_channels