⁠⁣⁣⁣🔥 همان طور که می دانید از تگ #main برای نمایش محتوای یکتا و اصلی در هر صفحه وب استفاده می شود. تا قبل از نسخه #HTML_5.2، می بایست تنها از یک تگ #main در صفحه استفاده می شد.

اما با ظهور و همه گیری صفحات #SPA پایبندی به این قاعده کمی دشوار به نظر می رسد.

از نسخه 5.2 امکان استفاده از چندین تگ main که البته فقط یکی از آن می تواند نمایش داده شود فراهم گردیده است. اکنون این تگ، صفتی به hidden دارد که از آن برای مخفی کردن سایر تگ های مشابه می توان استفاده کرد.

#UI #UX #frontend

⁣✅@coderszone

⁣⁣⁣⁣⁣⁣🔥 تغییر اندازه تصاویر تاثیر مثبتی در سرعت بارگذاری آن ها به خصوص در صفحات سنگین دارد. البته منظور تغییر اندازه با #HTML یا #CSS نیست.

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

#UI #UX #frontend

⁣✅ @coderszone

⁠⁣⁣⁣🔥 همان طور که می دانید از تگ #main برای نمایش محتوای یکتا و اصلی در هر صفحه وب استفاده می شود. تا قبل از نسخه #HTML_5.2، می بایست تنها از یک تگ #main در صفحه استفاده می شد.

اما با ظهور و همه گیری صفحات #SPA پایبندی به این قاعده کمی دشوار به نظر می رسد.

از نسخه 5.2 امکان استفاده از چندین تگ main که البته فقط یکی از آن می تواند نمایش داده شود فراهم گردیده است. اکنون این تگ، صفتی به hidden دارد که از آن برای مخفی کردن سایر تگ های مشابه می توان استفاده کرد.

#UI #UX #frontend

⁣✅@coderszone

⁣⁣⁣⁣⁣⁣🔥 با افزودن صفت contenteditable به عناصر متنی می توان آن ها را شبیه #input و textarea ها کرد. کاربر با کلیک بر روی اینگونه عناصر امکان ویرایش آنها را خواهد داشت.

#UI #frontend #html

⁣✅ @coderszone

🔥 از #فریمورک #Electron می توان برای ساخت اپلیکیشن های دسکتاپ چند سکویی مناسب برای سیستم عامل های #ویندوز ، #Mac و #Linux با استفاده از #html ، #CSS و #javascript استفاده کرد.

🌐https://electronjs.org

#UI #frontend

✅ @coderszone

🔥 #طرح خلاقانه سایت #Rolex (تولید کننده انواع ساعت) ، در تنظیم ساعت های نمایشی اش منطبق بر ساعت کنونی سیستم کاربر با استفاده از عنصر #canvas

🌐 https://www.rolex.com/watches/yacht-master.html

#inspiration #html #UI

✅ @coderszone

🔥 مقدار خاصیت line-height در #مرورگرها به صورت پیش فرض 1.2 است. بر اساس بررسی ها بهترین اندازه برای این خاصیت حداقل 1.5 است.

استفاده از line-height مناسب نه تنها باعث خوانایی بهتر متون می شود، بلکه از نگاه بصری نیز جلوه بهتری دارد.

#frontend #UI #UX #CSS #HTML

✅ @coderszone

🔥 نکته ای که احتمالا در زمینه #HTML و #CSS نمی دانید.

کاربرد بسیار جالب تگ های #detail و #summery

#UI #UX #frontend

✅ @coderszone