⁣⁣🔥 تفاوت #Spinner ها و #progress_bar ها

از spinner ها برای پروسه هایی که کمتر از 4 ثانیه و بیشتر از 1 ثانیه طول می کشند استفاده کنید و برای پروسه های طولانی تر از progress bar ها.

تحقیقات نشان داده است که آستانه انتظار کاربران حداکثر 4 ثانیه می باشد و بیشتر از آن باعث می شود تصمیم کاربران عوض شود.

استفاده از progress bar خطی با نمایش میزان پیشرفت پروسه، کاربر را تشویق به انتظار می کند.

#UI #UX #frontend

⁣✅@coderszone

⁣⁣⁣⁣⁣⁣🔥 تحقیقات نشان می دهد 88 درصد از کاربران، ارسال رایگان کالا را به ارسال سریع ترجیح می دهند.

#ecommerce

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 چرا اوضاع اقتصادی #برنامه_نویسان رضایت بخش نیست؟

🌐⁣https://goo.gl/yVVfas

#programming #article

✅ @coderszone

🔥نمونه #طرح tap_bar_hover

#inspiration #UI #frontend #android #iOS

✅@coderszone

⁠⁣⁣⁣⁣⁣⁣⁣⁣⁣⁣🔥 اگر یک سایت #responsive دارید می توانید در آن از "تصاویر واکنش گرا" نیز استفاده کنید.

با استفاده از دو صفت جدید به نام های ⁣srcset و sizes به ترتیب برای تعیین مجموعه ای از آدرس های یک تصویر و تعیین اندازه نسبی تصویر در اسکرین های گوناگون استفاده کنید. سپس مرورگر بهترین اندازه تصویر برای نمایش در #device های مختلف را انتخاب می کند.

میزان پشتیبانی عمومی از این قابلیت در مرورگرها، ⁣88.54% است.

<img srcset="image-320w.jpg 320w,
             image-480w.jpg 480w,
             image-800w.jpg 800w"
     sizes="(max-width: 320px) 300px,
            (max-width: 480px) 440px,
            800px"
     src="image-800w.jpg" alt="Image">

#UI #frontend


✅@coderszone

⁣⁣⁣⁣⁣⁣🔥 یکی از ساده ترین روش ها برای اینکه طرح شما تمیزتر به نظر آید، این است که به عنصر فضای بیشتری برای نفس کشیدن بدهید.

#UI #UX #fronetend

✅ @coderszone

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

🌐https://electronjs.org

#UI #frontend

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 وقتی یه برنامه نویس پس از ساعتها کار می خواد بره استراحت کنه 😄😄

#programmer

✅ @coderszone

🔥 بهترین زبان های #برنامه_نویسی برای یادگیری در سال ۲۰۱۹

🌐https://goo.gl/BjxGT7

#programming

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 وقتی متنی در صفحه موبایل نمایش داده میشود که کلمه/لینکی طولانی در آن وجود دارد، ممکن است باعث نمایش اسکرول بار افقی شود.

با استفاده از دستور word-break می توان از این مورد جلوگیری کرد:

.article-content p {
    word-break: break-all;
}   

#UI #frontend #css

✅ @coderszone

🔥 بهترین جایگزین های #PHP در سال ۲۰۱۹

🌐https://goo.gl/HxnS6G

#programming

✅ @coderszone

🔥 نمونه #طرح فرم #login

#UI #frontend #UX

✅@coderszone

🔥 بهترین سایز برای نمایش #headline ها در اسکرین های کوچک، چیزی بین 20px تا 24px است.

#UI #frontend #UX

✅@coderszone

🔥 بدون شرح

#programming #fun

✅@coderszone

🔥 روش های حذف مقادیر تکراری از آرایه ها و برگرداندن مقادیر unique در #ES6

#UI #frontend #javascript

✅@coderszone

🔥 نمونه #طرح پیاده سازی فیلتر در #app فروشگاهی

#UI #frontend #android #iOS

✅@coderszone

🔥 عملیات #phishing در گوشی های #موبایل ساده تر انجام می شود. چرا که اسکرین های موبایل کوچکتر و محدودتر از آن اند که بتوان به صورت دقیق و سریع صفحات #fake را از صفحات اصلی تشخیص داد.

✔️ مراقب باشید.

#UI #frontend #android #iOS

✅@coderszone

⁣⁣⁣⁣⁣⁣🔥 وقتی بالاخره #Bug ی رو که مدت ها دنبالش بودم پیدا می کنم.

#gif #programming

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 تب #coverage در #DevTools مرورگر #کروم، به شما نشان می دهد که چه حجم از کد های #CSS یا #javascript در صفحه شما بلا استفاده اند.

#forntend #UI #chrome #browser

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 بولما (Bulma) یکی از فریم ورک های #CSS مبتنی بر #flexbox و mobile-first است که از هیچ کد #javascript در آن استفاده نشده است. در واقع شما برای استفاده از آن نیاز به الحاق هیچ فایل js ندارید.

🌐https://bulma.io

#UI #frontend

✅ @coderszone