🔥جواهری به نام دولوپر که در آینده‌ای نه چندان دور حرف اول و آخر را خواهد زد!
🌐https://goo.gl/s47An6
#programming
✅@coderszone
🌐https://goo.gl/s47An6
#programming
✅@coderszone
🔥آمار نشان می دهد فقط 3% از مراجعه کنندگان به #فروشگاه_اینترنتی شما ممکن است در همان اولین بازدید خرید کنند. حداقل کار ممکن که برای 97% دیگر میتوان انجام داد، دریافت اطلاعات تماس آن ها مثلا ایمیل قبل از خروج است تا بتوان آن ها را به مشتریان بالقوه تبدیل کرد.
برای این کار می توان از #exit_popup ها یا همان پنجره های خروج استفاده کرد. در پنجره خروج می توانید یک کد تخفیف جهت اولین خرید یا هزینه رایگان ارسال برای آن هایی که ایمیل خود را وارد می کنند را پیشنهاد دهید.
#marketing #ecommerce
✅@coderszone
برای این کار می توان از #exit_popup ها یا همان پنجره های خروج استفاده کرد. در پنجره خروج می توانید یک کد تخفیف جهت اولین خرید یا هزینه رایگان ارسال برای آن هایی که ایمیل خود را وارد می کنند را پیشنهاد دهید.
#marketing #ecommerce
✅@coderszone
🔥 اینزامنیا (Insomnia) یک #اپلیکیشن ساده، زیبا و رایگان و البته #open_source جهت تست و دیباگ #API هاست که برای Mac ، Windows و linux ارایه گردیده است.
🌐https://insomnia.rest
✅@coderszone
🌐https://insomnia.rest
✅@coderszone
🔥 مواردی که استفاده از #رابط_کاربری تیره مناسب است:
👈 زمانی که تم رنگی یک brand تیره باشد.
👈 زمانی که طرح، حداقلی (minimalist)، پراکنده و تنوع المان های نمایشی کم باشد.
👈 زمانی که محیط و محتوای استفاده از رابط کاربری اقتضا کند که طرح تیره باشد. مثلا در #کنسول و #اپ های بازی، اپ های مشاهده ویدیو و ...
👈 جهت کاهش خستگی چشم مثلا در نرم افزار های آنالیز و مانیتورینگ که مدت زمان زیادی مورد استفاده هستند.
👈 جهت تحریک احساسات و انتقال حس دراماتیک
#UI #frontend #UX
✅@coderszone
👈 زمانی که تم رنگی یک brand تیره باشد.
👈 زمانی که طرح، حداقلی (minimalist)، پراکنده و تنوع المان های نمایشی کم باشد.
👈 زمانی که محیط و محتوای استفاده از رابط کاربری اقتضا کند که طرح تیره باشد. مثلا در #کنسول و #اپ های بازی، اپ های مشاهده ویدیو و ...
👈 جهت کاهش خستگی چشم مثلا در نرم افزار های آنالیز و مانیتورینگ که مدت زمان زیادی مورد استفاده هستند.
👈 جهت تحریک احساسات و انتقال حس دراماتیک
#UI #frontend #UX
✅@coderszone
🔥استفاده از #CMS یا کدنویسی اختصاصی؟
🌐https://goo.gl/4Gtth2
#programming #backend
✅@coderszone
🌐https://goo.gl/4Gtth2
#programming #backend
✅@coderszone
This media is not supported in your browser
VIEW IN TELEGRAM
🔥نمونه #طرح الهام بخش #music_player برای #اپ های #اندروید
#inspiration #UI #frontend #android
✅@coderszone
#inspiration #UI #frontend #android
✅@coderszone
🔥بررسی قابلیت های جدید در #Babel 7
🌐https://goo.gl/qmPiDU
#frontend #javascript #ES6 #ES7
✅@coderszone
🌐https://goo.gl/qmPiDU
#frontend #javascript #ES6 #ES7
✅@coderszone
🔥 با استفاده از خاصیت scroll-behavior در #CSS می توان سبک اجرای scrolling در عناصری که قابل اسکرول هستند را کنترل کرد. این خاصیت از مقداری به نام smooth پشتیبانی می کند که باعث می شود عمل اسکرول به جای پرش یکباره به صورت انیمیشنی انجام شود.
استفاده از این خاصیت برای عنصر root صفحه، آن را به viewport #مرورگر اعمال خواهد کرد.
🌐https://goo.gl/Jb4P8A
✅@coderszone
استفاده از این خاصیت برای عنصر root صفحه، آن را به viewport #مرورگر اعمال خواهد کرد.
🌐https://goo.gl/Jb4P8A
✅@coderszone
🔥 سبک چینش #label ها در فرم بر روی سرعت تکمیل آن ها توسط کاربر تاثیر مستقیم دارد.
اگر می خواهید تجربه پرکردن ساده و سریع یک فرم را به کاربر منتقل کنید، از روش چینش بالا به پایین استفاده کنید. چرا که مکث بصری(چشمی) کاربران در روش بالا به پایین در مقایسه با فرم های چپ/راست چین نصف است. علاوه بر این روش بالا به پایین تنها نیاز به جابجایی کاربر در یک جهت بصری بر خلاف فرم های چپ/راست چین دارد.
تنها عیب فرم های بالا به پایین شاید طولانی کردن فرم باشد که با کم کردن فاصله بین فیلد ها می توان این مشکل را هم تا حدودی مرتفع کرد.
#frontend #UI #UX
✅@coderszone
اگر می خواهید تجربه پرکردن ساده و سریع یک فرم را به کاربر منتقل کنید، از روش چینش بالا به پایین استفاده کنید. چرا که مکث بصری(چشمی) کاربران در روش بالا به پایین در مقایسه با فرم های چپ/راست چین نصف است. علاوه بر این روش بالا به پایین تنها نیاز به جابجایی کاربر در یک جهت بصری بر خلاف فرم های چپ/راست چین دارد.
تنها عیب فرم های بالا به پایین شاید طولانی کردن فرم باشد که با کم کردن فاصله بین فیلد ها می توان این مشکل را هم تا حدودی مرتفع کرد.
#frontend #UI #UX
✅@coderszone
🔥 بهتر است بدانید حدود 75% از کاربران از بازگشت به سایتی که بارگذاری آن بیشتر از 4 ثانیه طول می کشد خودداری می کنند.
#UI #frontend
✅@coderszone
#UI #frontend
✅@coderszone
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 پیشنهاد می شود مدت زمان اجرای انیمیشن ها در موبایل را در محدوده 200-300 میلی ثانیه قرار دهید. در #تبلت نیز باید سرعت 30% بیشتر یعنی 400-450 میلی ثانیه در نظر گرفته شود. دلیل نیز ساده است : سایز صفحه نمایش بزرگتر است و المان ها باید مسیر طولانی تری را طی کنند.
در عوض برای ابزار پوشیدنی-همچون ساعت های هوشمند- زمان اجرای انیمشین ها 30% کمتر و حدود 150-200 میلی ثانیه باشد چرا که در این گونه ابزار به دلیل سایز کوچک، مسیر جابجایی عناصر کوتاه تر است.
#UI #UX #frontend
✅@coderszone
در عوض برای ابزار پوشیدنی-همچون ساعت های هوشمند- زمان اجرای انیمشین ها 30% کمتر و حدود 150-200 میلی ثانیه باشد چرا که در این گونه ابزار به دلیل سایز کوچک، مسیر جابجایی عناصر کوتاه تر است.
#UI #UX #frontend
✅@coderszone
This media is not supported in your browser
VIEW IN TELEGRAM
🔥نسخه 2018.3 EAP build #8 نرم افزار #PHPStorm منتشر شد.
🌐https://goo.gl/Gija5Q
#backEnd
✅@coderszone
🌐https://goo.gl/Gija5Q
#backEnd
✅@coderszone
🔥 اخیرا #google روش رنگکینگ خود را به mobile-first indexing تغییر داده است. به این معنی که از این پس "گوگل قبل از هر چیز، از محتوای نسخه موبایل وبسایت ها برای index صفحات و رتبه بندی سایت ها استفاده خواهد کرد."
با این شرایط، باید حواستان باشد که محتوای نسخه موبایل و دسکتاپ شما مانند هم باشد. بعلاوه باید #Metadata ها نیز مانند title و meta description ها در هر دو نسخه با هم برابر باشند.
#frontend #SEO
✅@coderszone
با این شرایط، باید حواستان باشد که محتوای نسخه موبایل و دسکتاپ شما مانند هم باشد. بعلاوه باید #Metadata ها نیز مانند title و meta description ها در هر دو نسخه با هم برابر باشند.
#frontend #SEO
✅@coderszone
This media is not supported in your browser
VIEW IN TELEGRAM
🔥نمونه #طرح الهام بخش دکمه #share در اپ #اندروید
#inspiration #UI #frontend #android
✅@coderszone
#inspiration #UI #frontend #android
✅@coderszone