⁣⁣🔥 #ربات رقاص، خلق شگفتی دیگری از #Boston_dynamics

#technology

⁣✅@coderszone

🔥نمونه #طرح ⁣Stepper لمسی

#inspiration #UI #frontend #android

✅@coderszone

⁣⁣🔥 اسنیپت استور (#Snippet_store) یک اپلیکیشن با ظاهری ساده و کوچک است که به #توسعه دهندگان کمک می کند #snippet_code هایی که زیاد استفاده می کنند را ذخیره و در صورت لزوم به راحتی به آن ها دسترسی داشته باشند.

این #اپلیکیشن، هم اکنون در دو نسخه برای windows و Linux و در دو تم رنگی روشن و تیره ارائه گردیده است و امکان integrate با #VSCode را دارد.

⁣🌐 ⁣⁣https://goo.gl/Dkqdys

#tools #programming

⁣✅@coderszone

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

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

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

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

#UI #UX #frontend

⁣✅@coderszone

⁣⁣🔥 در نسخه 70 مرورگر #chrome قابلیت #picture_in_picture اضافه شده است. با این قابلیت می توان با کلیک راست روی ویدیوهای موجود در صفحه و انتخاب گزینه Picture in picture، آن ها را به حالت شناور طوری که بر روی تمامی پنجره های #سیستم_عامل قرار بگیرد، درآورد.

#chrome

⁣✅@coderszone

⁣🔥 با استفاده از صفت download برای تگ های a در #HTML5 میتوان لینکهای دانلودی ایجاد کرد.در این حالت حتی اسم فایلی که با کلیک بر روی لینک ذخیره میشود را نیز میتوان تعیین کرد.

#frontend

⁣✅@coderszone

⁣🔥نمونه #طرح خلاقانه منوی تنظیمات

#inspiration #UI #frontend

✅@coderszone

⁣⁣⁣🔥⁣جواهری به‌ نام دولوپر که در آینده‌ای نه‌ چندان دور حرف اول و آخر را خواهد زد!

🌐⁣https://goo.gl/s47An6

#programming

✅@coderszone

⁠⁣🔥آمار نشان می دهد فقط 3% از مراجعه کنندگان به #فروشگاه_اینترنتی شما ممکن است در همان اولین بازدید خرید کنند. حداقل کار ممکن که برای 97% دیگر میتوان انجام داد، دریافت اطلاعات تماس آن ها مثلا ایمیل ⁣قبل از خروج است تا بتوان آن ها را به مشتریان بالقوه تبدیل کرد.

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

#marketing #ecommerce

⁣✅@coderszone

⁣⁣⁣🔥 اجرای برنامه بدون تست قبلی 😂😂

#gifs

⁣✅@coderszone

⁣⁣⁣⁣🔥⁣مجموعه‌ای از بهترین کد ادیتورهای ۲۰۱۸

🌐⁣⁣https://goo.gl/obTJYa

#programming

✅@coderszone

⁣⁣⁣⁣🔥⁣ اینزامنیا (⁣Insomnia) یک #اپلیکیشن ساده، زیبا و رایگان و البته #open_source جهت تست و دیباگ #API هاست که برای Mac ، Windows و linux ارایه گردیده است.

🌐⁣https://insomnia.rest

✅@coderszone

⁠⁣🔥 مواردی که استفاده از #رابط_کاربری تیره مناسب است:

👈 زمانی که تم رنگی یک brand تیره باشد.
⁣👈 زمانی که طرح، حداقلی (minimalist)، پراکنده و تنوع المان های نمایشی کم باشد.
⁣👈 زمانی که محیط و محتوای استفاده از رابط کاربری اقتضا کند که طرح تیره باشد. مثلا در #کنسول و #اپ های بازی، اپ های مشاهده ویدیو و ...
⁣👈 جهت کاهش خستگی چشم مثلا در نرم افزار های آنالیز و مانیتورینگ که مدت زمان زیادی مورد استفاده هستند.
⁣👈 جهت تحریک احساسات و انتقال حس دراماتیک

#UI #frontend #UX

⁣✅@coderszone

⁣🔥وضعیت بسیاری از #سایت ها در سال 2018

#gif

✅@coderszone

⁣⁣⁣⁣⁣🔥⁣⁣استفاده از #⁣CMS یا کدنویسی اختصاصی؟

🌐⁣⁣⁣https://goo.gl/4Gtth2

#programming #backend

✅@coderszone

⁣⁣🔥نمونه #طرح الهام بخش #music_player برای #اپ های #اندروید

#inspiration #UI #frontend #android

✅@coderszone

⁣⁣⁣⁣⁣⁣🔥⁣بررسی قابلیت های جدید در #Babel 7

🌐⁣⁣⁣⁣https://goo.gl/qmPiDU

#frontend #javascript #ES6 #ES7

✅@coderszone

⁠⁣⁣⁣⁣⁣⁣🔥⁣ با استفاده از خاصیت ⁣scroll-behavior در #CSS می توان سبک اجرای scrolling در عناصری که قابل اسکرول هستند را کنترل کرد. این خاصیت از مقداری به نام smooth پشتیبانی می کند که باعث می شود عمل اسکرول به جای پرش یکباره به صورت انیمیشنی انجام شود.

استفاده از این خاصیت برای عنصر root صفحه، آن را به viewport #مرورگر اعمال خواهد کرد.

🌐⁣⁣https://goo.gl/Jb4P8A

✅@coderszone

⁣⁣⁣⁣🔥نمونه #طرح الهام بخش #app #فروشگاه

#inspiration #UI #frontend #android

✅@coderszone

⁠⁣⁣⁣🔥 سبک چینش #label ها در فرم بر روی سرعت تکمیل آن ها توسط کاربر تاثیر مستقیم دارد.

اگر می خواهید تجربه پرکردن ساده و سریع یک فرم را به کاربر منتقل کنید، از روش چینش بالا به پایین استفاده کنید. چرا که مکث بصری(چشمی) کاربران در روش بالا به پایین در مقایسه با فرم های چپ/راست چین نصف است. علاوه بر این روش بالا به پایین تنها نیاز به جابجایی کاربر در یک جهت بصری بر خلاف فرم های چپ/راست چین دارد.

تنها عیب فرم های بالا به پایین شاید طولانی کردن فرم باشد که با کم کردن فاصله بین فیلد ها می توان این مشکل را هم تا حدودی مرتفع کرد.

#frontend #UI #UX

⁣✅@coderszone