⁣⁣⁣⁣🔥 نمونه #طرح #اپ فروشگاه ساعت

#UI #frontend #android

⁣✅ @coderszone

⁣⁣⁣🔥 وقتی یه #feature جدید رو بدون #test روی #نرم_افزار اجرا می کنم. 😁😁

#gif #programming

⁣✅ @coderszone

🔥 چرا باید منوها در #اپ های موبایل را در پایین صفحه نمایش گذاشت؟

انگشت شست در کاربران #موبایل حکم ماوس را دارد. به همین دلیل، فقط نواحی خاصی از صفحه نمایش موبایل هستند که انگشت شست می تواند به آن ها دسترسی داشته باشد. این نواحی ممکن است بر اساس دستی که کاربر از آن برای نگه داشتن گوشی استفاده می کند و اندازه صفحه نمایش گوشی متفاوت باشد.

⁣💥مطالعات نشان می دهد بهترین ناحیه برای قراردادن منوی اصلی در #اپ های موبایل، پایین و وسط صفحه است. در عوض قرار دادن منوها در نواحی بالا، کاربر را مجبور به جابجایی گوشی یا استفاده از دست دیگر می کند.

#frontend #UI #UX

✅ @coderszone

⁣⁣🔥اگر می خواهید در مرورگر #chrome از یک عنصر خاص، #screenshot بگیرید،کافی است پس از باز کردن #DevTools به تب Elements رفته و سپس بر روی عنصر مورد نظر کلیک کنید. آنگاه با فشردن دکمه های ctrl-shift-p در #ویندوز (یا cmd-shift-p در #مک) منوی Command را باز کرده و گزینه Capture node screenshot را انتخاب کنید.

#tips

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥⁣⁣#هوش_مصنوعی برای طراحان #وب تهدید است یا فرصت؟

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

#programming #artificial_intelligence

⁣✅ @coderszone

⁣⁣⁣⁣🔥 آمار استفاده برنامه نویسان #javascript از #IDE های موجود بر اساس نظرسنجی #jetBrains

#programming #frontend #UI

⁣✅ @coderszone

⁣⁣⁣⁣🔥وقتی یه #برنامه_نویس، #bug بوجود اومده رو می پذیره 😁😁

#gif #programming

⁣✅ @coderszone

⁣🔥 حتما از #breadcrumbs در وبسایت خود استفاده کنید.

آن ها به عنوان مکانیزم پیمایش ثانویه (بعد از منوی اصلی وبسایت)، نه تنها به کاربر کمک می کنند که بداند الان در کجا قرار دارد و چگونه میتواند به جایی که بوده اند برگردد، جزء پارامترهایی هستند که به #SEO سایت نیز کمک می کنند.

در واقع breadcrumbها به #گوگل نشان می دهند که ساختار سایت شما به چه صورت است و بدین شکل به فرآیند #index شدن صفحات کمک می کنند.

#tips #frontend #backend

✅ @coderszone

⁣⁣🔥VisBug
یک #افزونه برای مرورگرهای #chrome و #firefox است که صفحه را به یک #board طراحی تبدیل می کند تا تغییرات مورد نظر خود را به صورت #visual اعمال کنید.

این افزونه در واقع یک #inspector بصری است تا بتوانید عناصر موجود در صفحه را به صورت دیداری(و فارغ از هر گونه #کد نویسی) ویرایش کنید.

🌐 https://goo.gl/VqdvAv

#browsers

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥⁣⁣۷ ابزار رابط کاربری برای #react_native در ۲۰۱۸

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

#frontend #UI #framework

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥⁣⁣بازیافت #انیمیشن در والت‌دیسنی
استفاده چندباره حرکات طراحی‌شده در راستای کاهش هزینه تولید

⁣✅ @coderszone

🔥⁣⁣هرچیزی که شما نیاز دارید راجع به #SEO در سال ۲۰۱۸ بدانید

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

⁣✅ @coderszone

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

#frontend #UI #UX

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥یکی از ویژگی های جالب #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