CodersZone 🔥 قلمرو برنامه نویسان
403 subscribers
369 photos
42 videos
77 links
آموزش UI و UX
آموزش Tip و Trick های frontEnd و backEnd
نکات SEO و Digital Marketing
اخبار تکنولوژی

تبادل/انتقادات و پیشنهادات:
@coderszone_admin

💥تبلیغات ارزان قیمت و به صرفه:
@CodersZoneAds
Download Telegram
باگ #اینستاگرام باعث شده هنگام استفاده کاربر از ابزار download your data، کلمه عبورش انتهای آدرس در نوار آدرس مرورگر نمایش داده شود.

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

#instagram

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

#programming

@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
This media is not supported in your browser
VIEW IN TELEGRAM
⁣⁣⁣⁣⁣⁣🔥 نمونه #طرح خلاقانه در استفاده از #animation ها برای نمایش روند انجام عملیات در یک #اپ Timeline

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

#UI #UX #frontend #android

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

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

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

#UI #frontend #UX

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

🌐https://goo.gl/s7Cffn

#photoshop #frontend #UI

@coderszone
This media is not supported in your browser
VIEW IN TELEGRAM
🔥همیشه به اکشن های کاربر #feedback بدهید.

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

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

#UI #frontend #UX

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

🌐https://goo.gl/kXEFPm

#backend

@coderszone
This media is not supported in your browser
VIEW IN TELEGRAM
⁣⁣⁣⁣⁣⁣⁣⁣⁣🔥⁣ یکی از قابلیت های مخفی در #devTools مرورگر #chrome استفاده از دستور زیر است:

⁣document.designMode = "on" 

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

#UI #browser #frontend

@coderszone
🔥برخلاف تصور، حتی اگر به موجب اشتباهاتی که در #SEO مرتکب شده اید به عنوان #spam شناخته شده باشید،باز هم #گوگل به خاطر فاکتورهای مثبتی که دارید سایت شما را رنبه بندی می کند. یک اشتباه موجب نمی شود که شما در نتایج جستجو ظاهر نشوید.

#google #search_engine

@coderszone
⁣⁣⁣⁣⁣⁣⁣⁣⁣🔥⁣مزایا و معایب استفاده از فریمورک در توسعهٔ نرم‌افزار

🌐https://goo.gl/hVQv78

#programming #framework

@coderszone
🔥در کار با تصاویری که در پس زمینه قرار دارند، سعی کنید به جای استفاده از #border، از یک سایه شفاف درونی جهت متمایز کردن آن در میان سایر عناصر استفاده کنید.

رنگ Border ممکن است با رنگ تصاویر تضاد قابل توجهی داشته باشد در حالی که اغلب افراد به سختی متوجه سایه های درونی می شوند.

#UI #UX #frontend

@coderszone
⁣⁣⁣⁣⁣⁣🔥چگونه #رزومه‌ای بنویسیم که مورد توجه کارفرمایان قرار گیرد

🌐https://goo.gl/qjkiiv

#programming

@coderszone
🔥یکی از اشتباهات رایج در پیاده سازی #اپلیکیشن های #موبایل، نمایش پیغام فعال سازی #notification ها در همان بازدید اول کاربر است. کاربرانی که به تازگی #app شما را دانلود کرده اند لزوما درک روشنی از ارزش برنامه نداشته و به آن اعتماد ندارند. در این حالت نمایش این پیغام بیهوده است.

مطالعات بسیاری نشان می دهد کاربران در همان لحظه بلافاصله Don’t Allow را کلیک می کنند.

💡همیشه اجازه دهید تا کاربر به درستی #app شما را تجربه و به آن اعتماد کند سپس در بازدید های بعدی از او در مورد دریافت #notification ها سوال کنید.

#android #iOS

@coderszone
🔥یکی از راهکارهای افزایش فروش در فروشگاه های اینترنتی،استفاده از #live_chat برای ارتباط با مشتریان بالقوه می باشد.

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

نمونه ای از کاربرد این ابزار در سایت Luxy Hair برای درگیر کردن مشتریان جهت خرید را مشاهده می فرمایید.

https://goo.gl/wqEZ4o

#digital_marketing #ecommerce

@coderszone