⁣⁣⁣⁣⁣⁣🔥یکی از ویژگی های جالب #google، نمایش موقعیت و performance وبسایت هایی که صاحب آن ها هستید است. این قابلیت در نتایجی که به نحوی مربوط به سایت شما هم هست نمایش داده می شود.

#tips

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥Evergreen
یک #framework رابط کاربری برای #React است که برای ساخت پروژه های مدرن و کاربردی استفاده می شود. این فریمورک که از تعداد بسیار زیادی کامپوننت های آماده به کار و بدون تنظیمات اولیه تشکیل شده است انعطاف پذیری و سازگاری بالایی داشته و از آن می توان برای ایجاد طرح های چشم نواز و #واکنشگرا استفاده کرد.

🌐https://github.com/segmentio/evergreen

#React #UI #frontend

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥نمونه #طرح خلاقانه مدیریت کارت بانکی برای #اپ های موبایل

#UI #UX #android #frontend

⁣✅ @coderszone

🔥 باید همیشه یک نوار جستجو با قابلیت #autosuggestion در بالای فروشگاه بگنجانید. به طور میانگین 59% از کاربران از موتور جستجوی داخلی فروشگاه ها برای یافتن محصولاتشان استفاده می کنند.

✅@coderszone

🔥یکی از ابزارهای فشرده سازی تصاویر، #Imagemin می باشد که از بسیاری از فرمت های رایج تصاویر پشتبانی کرده و به راحتی با انواع #task_runner ها همچون #Gulp ، #Grunt و ... هماهنگ می شود.

این ابزار در قالب یک پکیج #npm که از optionهای متنوعی پشتیبانی می کند ارایه شده است.

🌐https://github.com/imagemin/imagemin

#UI #frontend

✅@coderszone

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

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

#UI #frontend #UX

⁣✅@coderszone

⁣⁣⁣⁣⁣⁣🔥#گوگل در حال بررسی قابلیتی است که به کاربران امکان گذاشتن #comment برای نتایج جستجوهایی که انجام داده اند را می دهد.

به نظر می رسد گوگل می خواهد از comment کاربران به عنوان محتوای جانبی نتایج یک جستجو بهره ببرد.

#google #search_engine

⁣✅ @coderszone

باگ #اینستاگرام باعث شده هنگام استفاده کاربر از ابزار download your data، کلمه عبورش انتهای آدرس در نوار آدرس مرورگر نمایش داده شود.

اگر از این ابزار استفاده کردید، سریعا کلمه عبور خود را تغییر دهید و آدرس‌های مربوط به اینستاگرام را از تاریخچه (هیستوری) مرورگر خود حذف کنید.

#instagram

⁣✅ @coderszone

⁣⁣⁣⁣🔥 ساعات اولیه ‎#کد_نویسی VS دو ساعت بعد 😁😁

#programming

⁣✅ @coderszone

⁣⁣⁣⁣⁣🔥 نمونه #طرح حذف آیتم برای #اپ های موبایل

#UI #frontend #android #inspiration

⁣✅ @coderszone

⁠⁣⁠⁣⁣⁣⁣⁣⁣⁣🔥 از باز کردن #pop_up ها بر روی هم بپرهیزید.

توجیه طراحانی که این کار را می کنند این است که : "امکان نمایش اطلاعات بیشتری به کاربر فراهم می شود."

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

بهترین روش در چنین موقعیتی استفاده از راه حل های زیر است:

⁣💥اولین pop_up را به یک صفحه جدا و منحصر بفرد تبدیل کنید.
⁣💥محتوای دومین pop_up را به صورت یک پیغام inline در pop_up اول نمایش دهید.

#UI #UX #frontend

⁣✅ @coderszone

🔥 تا جایی که میتوانید از #Pogosticking کاربر جلوگیری کنید.

اصطلاح #Pogosticking به حالتی گفته می شود که کاربر پس از ورود به سایت شما به صفحه نتایج جستجو برمی گردد.

👈عمل #Pogosticking می تواند تا حد زیادی در افت رنکینگ وبسایت شما تاثیر گذار باشد.

هنگامی که کاربری پس از ورود به سایت شما به نتایح گوگل باز می گردد این پیغام را به گوگل می دهد : "من اون نتیجه رو نپسندیدم!" .گوگل هم وقتی می بیند سایت شما رضایت کاربر را جلب نکرد به شما امتیاز منفی خواهد داد.

#google #search_engine #seo

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣⁣🔥 ApexChartJs
یک کتابخانه #جاوااسکریپتی مدرن برای ایجاد چارت و نمودارهای مبتنی بر #SVG است. این کتابخانه از انواع چارت ها همچون خطی، میله ای، حرارتی و ... پشتیبانی می کند. تمامی نمودارها نیز کاملا #responsive و قابل سفارشی سازی هستند.

🌐https://github.com/apexcharts/apexcharts.js

#frontend #javascript

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣⁣🔥۱۰ چیز که در مسیر تبدیل شدن به یک استاد #javascript باید یاد بگیرید

🌐https://goo.gl/AeDSGz

#javascript #frontend #UI

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 نمونه #طرح خلاقانه در استفاده از #animation ها برای نمایش روند انجام عملیات در یک #اپ Timeline

✔️ علاوه بر اینکه روند انجام کار با استفاده از عدد نشان داده می شود اما از المان های گرافیکی و متحرک سازی آن برای شبیه سازی پروسه انتقال از روز به شب به صورت خلاقانه استفاده شده است.

#UI #UX #frontend #android

⁣✅ @coderszone

🔥#سبد_خرید در تمامی صفحات باید قابل مشاهده باشد.

آیکن سبد خرید باید کاملا برجسته و در تمامی صفحات در دسترس باشد.همیشه افراد باید بتوانند با کلیک بر روی آن سفارشات خود را نهایی کنند.

علاوه بر این کاربران باید هر لحظه ببینند که چه تعداد آیتم در سبد خریدشان است.

#UI #frontend #UX

✅@coderszone

⁣⁣⁣⁣⁣⁣⁣⁣🔥⁣۱۰ مورد از بهترین پلاگین‌های فوتوشاپ برای طراحان وبسایت در سال ۲۰۱۸

🌐⁣https://goo.gl/s7Cffn

#photoshop #frontend #UI

⁣✅ @coderszone

🔥همیشه به اکشن های کاربر #feedback بدهید.

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

زمانی که به کاربر #فیدبک ندهید، او نیز به خیال اینکه فرمانش را دریافت نکرده اید، آن عمل را تکرار می کند که این به نوبه خود مشکلات دیگری ایجاد خواهد کرد.

#UI #frontend #UX

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥نسخه 2018.3 #PHPStorm با پشتیبانی از PHP7.3 منتشر شد.

🌐https://goo.gl/kXEFPm

#backend

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣⁣⁣⁣🔥⁣ یکی از قابلیت های مخفی در #devTools مرورگر #chrome استفاده از دستور زیر است:

⁣document.designMode = "on" 

با فراخوانی این دستور صفحه به حالت ویرایش رفته و امکان تغییر متن عناصر فراهم می شود.

#UI #browser #frontend

⁣✅ @coderszone