🔥#هوش_مصنوعی برای طراحان #وب تهدید است یا فرصت؟
🌐https://goo.gl/AiwD6a
#programming #artificial_intelligence
✅ @coderszone
🌐https://goo.gl/AiwD6a
#programming #artificial_intelligence
✅ @coderszone
🔥 آمار استفاده برنامه نویسان #javascript از #IDE های موجود بر اساس نظرسنجی #jetBrains
#programming #frontend #UI
✅ @coderszone
#programming #frontend #UI
✅ @coderszone
🔥 حتما از #breadcrumbs در وبسایت خود استفاده کنید.
آن ها به عنوان مکانیزم پیمایش ثانویه (بعد از منوی اصلی وبسایت)، نه تنها به کاربر کمک می کنند که بداند الان در کجا قرار دارد و چگونه میتواند به جایی که بوده اند برگردد، جزء پارامترهایی هستند که به #SEO سایت نیز کمک می کنند.
در واقع breadcrumbها به #گوگل نشان می دهند که ساختار سایت شما به چه صورت است و بدین شکل به فرآیند #index شدن صفحات کمک می کنند.
#tips #frontend #backend
✅ @coderszone
آن ها به عنوان مکانیزم پیمایش ثانویه (بعد از منوی اصلی وبسایت)، نه تنها به کاربر کمک می کنند که بداند الان در کجا قرار دارد و چگونه میتواند به جایی که بوده اند برگردد، جزء پارامترهایی هستند که به #SEO سایت نیز کمک می کنند.
در واقع breadcrumbها به #گوگل نشان می دهند که ساختار سایت شما به چه صورت است و بدین شکل به فرآیند #index شدن صفحات کمک می کنند.
#tips #frontend #backend
✅ @coderszone
This media is not supported in your browser
VIEW IN TELEGRAM
🔥VisBug
یک #افزونه برای مرورگرهای #chrome و #firefox است که صفحه را به یک #board طراحی تبدیل می کند تا تغییرات مورد نظر خود را به صورت #visual اعمال کنید.
این افزونه در واقع یک #inspector بصری است تا بتوانید عناصر موجود در صفحه را به صورت دیداری(و فارغ از هر گونه #کد نویسی) ویرایش کنید.
🌐 https://goo.gl/VqdvAv
#browsers
✅ @coderszone
یک #افزونه برای مرورگرهای #chrome و #firefox است که صفحه را به یک #board طراحی تبدیل می کند تا تغییرات مورد نظر خود را به صورت #visual اعمال کنید.
این افزونه در واقع یک #inspector بصری است تا بتوانید عناصر موجود در صفحه را به صورت دیداری(و فارغ از هر گونه #کد نویسی) ویرایش کنید.
🌐 https://goo.gl/VqdvAv
#browsers
✅ @coderszone
🔥۷ ابزار رابط کاربری برای #react_native در ۲۰۱۸
🌐https://goo.gl/VTco5o
#frontend #UI #framework
✅ @coderszone
🌐https://goo.gl/VTco5o
#frontend #UI #framework
✅ @coderszone
This media is not supported in your browser
VIEW IN TELEGRAM
🔥بازیافت #انیمیشن در والت‌دیسنی
استفاده چندباره حرکات طراحی‌شده در راستای کاهش هزینه تولید
✅ @coderszone
استفاده چندباره حرکات طراحی‌شده در راستای کاهش هزینه تولید
✅ @coderszone
🔥یکی از ویژگی های جالب #google، نمایش موقعیت و performance وبسایت هایی که صاحب آن ها هستید است. این قابلیت در نتایجی که به نحوی مربوط به سایت شما هم هست نمایش داده می شود.
#tips
✅ @coderszone
#tips
✅ @coderszone
🔥Evergreen
یک #framework رابط کاربری برای #React است که برای ساخت پروژه های مدرن و کاربردی استفاده می شود. این فریمورک که از تعداد بسیار زیادی کامپوننت های آماده به کار و بدون تنظیمات اولیه تشکیل شده است انعطاف پذیری و سازگاری بالایی داشته و از آن می توان برای ایجاد طرح های چشم نواز و #واکنشگرا استفاده کرد.
🌐https://github.com/segmentio/evergreen
#React #UI #frontend
✅ @coderszone
یک #framework رابط کاربری برای #React است که برای ساخت پروژه های مدرن و کاربردی استفاده می شود. این فریمورک که از تعداد بسیار زیادی کامپوننت های آماده به کار و بدون تنظیمات اولیه تشکیل شده است انعطاف پذیری و سازگاری بالایی داشته و از آن می توان برای ایجاد طرح های چشم نواز و #واکنشگرا استفاده کرد.
🌐https://github.com/segmentio/evergreen
#React #UI #frontend
✅ @coderszone
This media is not supported in your browser
VIEW IN TELEGRAM
Forwarded from CodersZone 🔥 قلمرو برنامه نویسان
🔥 باید همیشه یک نوار جستجو با قابلیت #autosuggestion در بالای فروشگاه بگنجانید. به طور میانگین 59% از کاربران از موتور جستجوی داخلی فروشگاه ها برای یافتن محصولاتشان استفاده می کنند.
✅@coderszone
✅@coderszone
🔥یکی از ابزارهای فشرده سازی تصاویر، #Imagemin می باشد که از بسیاری از فرمت های رایج تصاویر پشتبانی کرده و به راحتی با انواع #task_runner ها همچون #Gulp ، #Grunt و ... هماهنگ می شود.
این ابزار در قالب یک پکیج #npm که از optionهای متنوعی پشتیبانی می کند ارایه شده است.
🌐https://github.com/imagemin/imagemin
#UI #frontend
✅@coderszone
این ابزار در قالب یک پکیج #npm که از optionهای متنوعی پشتیبانی می کند ارایه شده است.
🌐https://github.com/imagemin/imagemin
#UI #frontend
✅@coderszone
Forwarded from CodersZone 🔥 قلمرو برنامه نویسان
🔥 مواردی که استفاده از #رابط_کاربری تیره مناسب است:
👈 زمانی که تم رنگی یک brand تیره باشد.
👈 زمانی که طرح، حداقلی (minimalist)، پراکنده و تنوع المان های نمایشی کم باشد.
👈 زمانی که محیط و محتوای استفاده از رابط کاربری اقتضا کند که طرح تیره باشد. مثلا در #کنسول و #اپ های بازی، اپ های مشاهده ویدیو و ...
👈 جهت کاهش خستگی چشم مثلا در نرم افزار های آنالیز و مانیتورینگ که مدت زمان زیادی مورد استفاده هستند.
👈 جهت تحریک احساسات و انتقال حس دراماتیک
#UI #frontend #UX
✅@coderszone
👈 زمانی که تم رنگی یک brand تیره باشد.
👈 زمانی که طرح، حداقلی (minimalist)، پراکنده و تنوع المان های نمایشی کم باشد.
👈 زمانی که محیط و محتوای استفاده از رابط کاربری اقتضا کند که طرح تیره باشد. مثلا در #کنسول و #اپ های بازی، اپ های مشاهده ویدیو و ...
👈 جهت کاهش خستگی چشم مثلا در نرم افزار های آنالیز و مانیتورینگ که مدت زمان زیادی مورد استفاده هستند.
👈 جهت تحریک احساسات و انتقال حس دراماتیک
#UI #frontend #UX
✅@coderszone
🔥#گوگل در حال بررسی قابلیتی است که به کاربران امکان گذاشتن #comment برای نتایج جستجوهایی که انجام داده اند را می دهد.
به نظر می رسد گوگل می خواهد از comment کاربران به عنوان محتوای جانبی نتایج یک جستجو بهره ببرد.
#google #search_engine
✅ @coderszone
به نظر می رسد گوگل می خواهد از comment کاربران به عنوان محتوای جانبی نتایج یک جستجو بهره ببرد.
#google #search_engine
✅ @coderszone
باگ #اینستاگرام باعث شده هنگام استفاده کاربر از ابزار download your data، کلمه عبورش انتهای آدرس در نوار آدرس مرورگر نمایش داده شود.
اگر از این ابزار استفاده کردید، سریعا کلمه عبور خود را تغییر دهید و آدرس‌های مربوط به اینستاگرام را از تاریخچه (هیستوری) مرورگر خود حذف کنید.
#instagram
✅ @coderszone
اگر از این ابزار استفاده کردید، سریعا کلمه عبور خود را تغییر دهید و آدرس‌های مربوط به اینستاگرام را از تاریخچه (هیستوری) مرورگر خود حذف کنید.
✅ @coderszone
🔥 از باز کردن #pop_up ها بر روی هم بپرهیزید.
توجیه طراحانی که این کار را می کنند این است که : "امکان نمایش اطلاعات بیشتری به کاربر فراهم می شود."
مشکلی که در این نوع طراحی وجود دارد این است که کاربر از نظر ذهنی، موقعیت مکانی خود در برنامه را گم کرده و بیشتر گیج می شود.
بهترین روش در چنین موقعیتی استفاده از راه حل های زیر است:
💥اولین pop_up را به یک صفحه جدا و منحصر بفرد تبدیل کنید.
💥محتوای دومین pop_up را به صورت یک پیغام inline در pop_up اول نمایش دهید.
#UI #UX #frontend
✅ @coderszone
توجیه طراحانی که این کار را می کنند این است که : "امکان نمایش اطلاعات بیشتری به کاربر فراهم می شود."
مشکلی که در این نوع طراحی وجود دارد این است که کاربر از نظر ذهنی، موقعیت مکانی خود در برنامه را گم کرده و بیشتر گیج می شود.
بهترین روش در چنین موقعیتی استفاده از راه حل های زیر است:
💥اولین pop_up را به یک صفحه جدا و منحصر بفرد تبدیل کنید.
💥محتوای دومین pop_up را به صورت یک پیغام inline در pop_up اول نمایش دهید.
#UI #UX #frontend
✅ @coderszone
🔥 تا جایی که میتوانید از #Pogosticking کاربر جلوگیری کنید.
اصطلاح #Pogosticking به حالتی گفته می شود که کاربر پس از ورود به سایت شما به صفحه نتایج جستجو برمی گردد.
👈عمل #Pogosticking می تواند تا حد زیادی در افت رنکینگ وبسایت شما تاثیر گذار باشد.
هنگامی که کاربری پس از ورود به سایت شما به نتایح گوگل باز می گردد این پیغام را به گوگل می دهد : "من اون نتیجه رو نپسندیدم!" .گوگل هم وقتی می بیند سایت شما رضایت کاربر را جلب نکرد به شما امتیاز منفی خواهد داد.
#google #search_engine #seo
✅ @coderszone
اصطلاح #Pogosticking به حالتی گفته می شود که کاربر پس از ورود به سایت شما به صفحه نتایج جستجو برمی گردد.
👈عمل #Pogosticking می تواند تا حد زیادی در افت رنکینگ وبسایت شما تاثیر گذار باشد.
هنگامی که کاربری پس از ورود به سایت شما به نتایح گوگل باز می گردد این پیغام را به گوگل می دهد : "من اون نتیجه رو نپسندیدم!" .گوگل هم وقتی می بیند سایت شما رضایت کاربر را جلب نکرد به شما امتیاز منفی خواهد داد.
#google #search_engine #seo
✅ @coderszone