🔥 همان طور که می دانید از تگ #main برای نمایش محتوای یکتا و اصلی در هر صفحه وب استفاده می شود. تا قبل از نسخه #HTML_5.2، می بایست تنها از یک تگ #main در صفحه استفاده می شد.
اما با ظهور و همه گیری صفحات #SPA پایبندی به این قاعده کمی دشوار به نظر می رسد.
از نسخه 5.2 امکان استفاده از چندین تگ main که البته فقط یکی از آن می تواند نمایش داده شود فراهم گردیده است. اکنون این تگ، صفتی به hidden دارد که از آن برای مخفی کردن سایر تگ های مشابه می توان استفاده کرد.
#UI #UX #frontend
✅@coderszone
اما با ظهور و همه گیری صفحات #SPA پایبندی به این قاعده کمی دشوار به نظر می رسد.
از نسخه 5.2 امکان استفاده از چندین تگ main که البته فقط یکی از آن می تواند نمایش داده شود فراهم گردیده است. اکنون این تگ، صفتی به hidden دارد که از آن برای مخفی کردن سایر تگ های مشابه می توان استفاده کرد.
#UI #UX #frontend
✅@coderszone
🔥 تغییر اندازه تصاویر تاثیر مثبتی در سرعت بارگذاری آن ها به خصوص در صفحات سنگین دارد. البته منظور تغییر اندازه با #HTML یا #CSS نیست.
عمل resize باید در طرف سرور و قبل از ارسال به مرورگر انجام شود. تصاویر کوچک شده به مراتب حجم کمتری نسبت به نسخه اصلی خود
داشته و سریعتر بارگذاری می شوند.
#UI #UX #frontend
✅ @coderszone
عمل resize باید در طرف سرور و قبل از ارسال به مرورگر انجام شود. تصاویر کوچک شده به مراتب حجم کمتری نسبت به نسخه اصلی خود
داشته و سریعتر بارگذاری می شوند.
#UI #UX #frontend
✅ @coderszone
Forwarded from CodersZone 🔥 قلمرو برنامه نویسان
🔥 همان طور که می دانید از تگ #main برای نمایش محتوای یکتا و اصلی در هر صفحه وب استفاده می شود. تا قبل از نسخه #HTML_5.2، می بایست تنها از یک تگ #main در صفحه استفاده می شد.
اما با ظهور و همه گیری صفحات #SPA پایبندی به این قاعده کمی دشوار به نظر می رسد.
از نسخه 5.2 امکان استفاده از چندین تگ main که البته فقط یکی از آن می تواند نمایش داده شود فراهم گردیده است. اکنون این تگ، صفتی به hidden دارد که از آن برای مخفی کردن سایر تگ های مشابه می توان استفاده کرد.
#UI #UX #frontend
✅@coderszone
اما با ظهور و همه گیری صفحات #SPA پایبندی به این قاعده کمی دشوار به نظر می رسد.
از نسخه 5.2 امکان استفاده از چندین تگ main که البته فقط یکی از آن می تواند نمایش داده شود فراهم گردیده است. اکنون این تگ، صفتی به hidden دارد که از آن برای مخفی کردن سایر تگ های مشابه می توان استفاده کرد.
#UI #UX #frontend
✅@coderszone
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 با افزودن صفت contenteditable به عناصر متنی می توان آن ها را شبیه #input و textarea ها کرد. کاربر با کلیک بر روی اینگونه عناصر امکان ویرایش آنها را خواهد داشت.
#UI #frontend #html
✅ @coderszone
#UI #frontend #html
✅ @coderszone
🔥 از #فریمورک #Electron می توان برای ساخت اپلیکیشن های دسکتاپ چند سکویی مناسب برای سیستم عامل های #ویندوز ، #Mac و #Linux با استفاده از #html ، #CSS و #javascript استفاده کرد.
🌐https://electronjs.org
#UI #frontend
✅ @coderszone
🌐https://electronjs.org
#UI #frontend
✅ @coderszone
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 #طرح خلاقانه سایت #Rolex (تولید کننده انواع ساعت) ، در تنظیم ساعت های نمایشی اش منطبق بر ساعت کنونی سیستم کاربر با استفاده از عنصر #canvas
🌐 https://www.rolex.com/watches/yacht-master.html
#inspiration #html #UI
✅ @coderszone
🌐 https://www.rolex.com/watches/yacht-master.html
#inspiration #html #UI
✅ @coderszone
This media is not supported in your browser
VIEW IN TELEGRAM