⁣⁣🔥 ⁣اپن‌لاراول (OpenLaravel) ⁣: منبع پروژه‌های اپن‌سورس فریمورک #لاراول

⁣👇👇⁣👇👇⁣👇⁣👇
⁣🌐 ⁣https://bit.ly/2pKUjth⁣


⁣✅@coderszone

⁣🔥 #طرح خلاقانه تکنیک #cross_sell در صفحه checkout یک #فروشگاه_اینترنتی

تکنیک ⁣cross_sell روشی است که در آن کالایی مکمل محصول خریداری شده به خریدار پیشنهاد می شود.

#inspiration #shop

⁣✅@coderszone

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

#google

⁣✅@coderszone

⁠🔥 از دایره به جای مربع ⁣برای نمایش تصویر #پروفایل کاربران استفاده کنید.

دلیل هم این است که گوشه های مربع موجب می شود تصاویر روشن تر به نظر برسند و این روشنایی باعث می شود #پردازش_تصویر سخت تر شود.
صورت کاربران همیشه در مرکز قرار می گیرد. در نتیجه در مواجهه با یک پروفایل مربعی، کاربران زمان بیشتری صرف تمرکز بر روی عکس میکنند.

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

#UI #UX #frontend

⁣✅@coderszone

⁠⁣🔥 بهره گیری از یک نسخه #mobile_friendly برای #فروشگاه_اینترنتی، شانس فروش محصولات را تا 67% افزایش می دهد. در حقیقت یک سوم خریدها از طریق نسخه موبایل انجام خواهد شد و نیمی از ترافیک موجود در فروشگاه متعلق به موبایل خواهد بود.

#digital_merketing #shop #ecommerce

⁣✅@coderszone

🔥 نمونه #طرح الهام بخش Tab های شناور برای #اپ های #اندروید

#UI#android

⁣✅@coderszone

⁠⁣⁣🔥 قبل از اینکه یک #select_menu را در صفحه قرار دهید به این سوال پاسخ دهید که آیا کاربر گزینه ای که می خواهد انتخاب کند را از قبل می داند ؟ در صورتی که جواب مثبت است به جای استفاده از یک select menu ساده از فیلد ⁣autocomplete استفاده کنید.

چه لزومی دارد وقتی کاربر گزینه مورد نظر خود را از قبل می داند او را مجبور کنیم در طول یک لیست بلند بالا از گزینه ها اسکرول کند. این مشکل در نسخه #موبایل که تعداد گزینه های نمایشی کمتر است و امکان استفاده از #کیبورد هم وجود ندارد دوچندان می شود.

در عوض در فیلد های ⁣autocomplete، کاربر فقط بخشی از گزینه مورد نظر را تایپ کرده سپس از بین گزینه های پیشنهادی، مطلوب خود را انتخاب می کند.

#UI #UX #frontend

⁣✅@coderszone

⁣⁣⁣⁣⁣⁣🔥 ⁣⁣راهنمای سریع برای کمک به شما در درک و ساخت برنامه‌های #⁣ReactJS

👇⁣👇👇⁣👇⁣👇
⁣🌐⁣⁣⁣https://goo.gl/Jc7Hai

#programming

⁣✅@coderszone

⁣⁣⁣🔥⁣اگر توسعه دهنده اندروید هستید، حتما این افراد را در توییتر فالو کنید

⁣👇👇⁣👇👇⁣👇⁣👇
⁣🌐 ⁣⁣https://goo.gl/WGJ49t

⁣✅@coderszone

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


#android #UI #UX #frontend

⁣✅@coderszone

⁠⁣⁣⁣🔥 ویوِس (Vivus) یک فریم ورک #جاوااسکریپتی مستقل با حدود 10 هزار ستاره(در Github) است که برای متحرک سازی SVG ها مورد استفاده قرار می گیرد. با استفاده از این کتابخانه قدرتمند می توانید فایل های #SVG را به صورت انیمیشنی ترسیم کنید.

⁣⁣👇👇⁣👇👇⁣👇⁣👇
⁣🌐 ⁣https://github.com/maxwellito/vivus

⁣✅@coderszone

⁣⁣⁣🔥 ⁣دولوپرهای تازه‌کار چگونه باید در مورد #حقوق درخواستی خود مذاکره کنند؟

⁣👇👇👇👇👇👇👇
🌐⁣⁣https://goo.gl/Xd8r2Q

⁣✅@coderszone

⁣⁣🔥 درصد استفاده از کتابخانه/فریم ورک های مختلف در #Python بر اساس آمار #jetBrains

⁣✅@coderszone

⁠⁣⁣⁣🔥 تا به حال به این نکته توجه کرده اید که چرا کمپانی های بزرگی همچون #facebook، #twitter ، #Paypal و... رنگ آبی را برای خود انتخاب کرده اند؟

دلیل ساده است: آبی یک رنگ خنثی از نظر جنسیتی است که تقریبا همه مردان و زنان به آن علاقمندند. در نتیجه انتخاب رنگ آبی می تواند گزینه ای مناسب برای #اپلیکیشن شما نیز باشد.

#UI #X #frontend #application

⁣✅@coderszone

⁠⁣⁣🔥 یکی از پارامترهایی که میتواند بر روی رتبه شما در #موتورهای_جستجو تاثیر مستقیم داشته باشد استفاده از HTTPS است. #HTTPS ورژن امن شده HTTP است که بر پایه SSL بنا شده است و با رمزگذاری اطلاعاتی که رد و بدل می شوند از آسیب دیدن یا تغییر یافتن آن در حین انتقال جلوگیری می کند.

#گوگل، HTTPS را بر HTTP ترجیح می دهد. به علاوه از آنجایی که اخیرا مرورگر #chrome نیز کاربران را از عدم پشتیبانی یک سایت (صفحه) از این پروتکل آگاه می سازد این امر ممکن است موجب شود بازدیدکنندگان قبل از هر چیز، از مشاهده سایت شما صرفنظر کنند.

اخیرا گوگل پشتیبانی از HTTPS را به عنوان یکی از فاکتور های رتبه بندی در الگوریتم های خود منظور کرده است چرا که موتورهای جستجو می خواهند امن ترین تجربه برای کاربر را رقم بزنند.



#tips #SEO

⁣✅@coderszone

🔥نمونه #طرح خلاقانه نظرسنجی در #اپ های #اندروید

#inspiration #UI #frontend

✅@coderszone

⁠⁣⁣⁣🔥 همان طور که می دانید از تگ #main برای نمایش محتوای یکتا و اصلی در هر صفحه وب استفاده می شود. تا قبل از نسخه #HTML_5.2، می بایست تنها از یک تگ #main در صفحه استفاده می شد.

اما با ظهور و همه گیری صفحات #SPA پایبندی به این قاعده کمی دشوار به نظر می رسد.

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

#UI #UX #frontend

⁣✅@coderszone

⁠⁣⁣⁣🔥 غالبا دو مکان برای نمایش خطاهای رخ داده در #فرم وجود دارد. نمایش در بالای فرم و نمایش به صورت #inline .

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

در عوض نمایش inline پیام ها در جلوی فیلدها، سبب می شود کاربر بهتر و سریع تر به خطاهای خود پی ببرد.

در روش inline نیز بهترین مکان برای نمایش پیغام، در سمت راست(چپ) فیلدها در فرم های چپ چین(راست چین) می باشد.

#UI #UX #frontend

⁣✅@coderszone

⁣⁣⁣⁣⁣⁣⁣⁣🔥 ⁣Loaders.css

مجموعه ای از #لودینگ های انیمیشنی طراحی شده با #CSS. کاربرد ساده و سریع با قابلیت سفارشی سازی و سازگاری با تمامی مرورگرها

⁣🌐⁣https://goo.gl/5JS13s

#UI

⁣✅@coderszone

⁠⁣🔥 پیش بینی می شود #PWA (⁣Progressive Web App) ها تا سال 2020 جای 50 درصد از #اپ های native را در بازار بگیرند.

صفحات #PWA #وب_اپلیکیشن هایی هستند که در ظاهر شبیه وبسایت های معمولی اند اما قادرند بسیاری از قابلیت های اپ های #موبایل همچون ⁣working offline، ⁣push notifications و دسترسی به سخت افزار دستگاه را فراهم کنند.

⁣🌐 ⁣https://developers.google.com/web/progressive-web-apps/

⁣✅@coderszone

⁣⁣⁣⁣🔥⁣یادگیری #جاوا_اسکریپت: یازده منبع آنلاین برای هر سطح تخصص

⁣👇👇👇👇👇👇👇
🌐⁣⁣⁣https://goo.gl/TY83aE

⁣✅@coderszone