⁣⁣⁣⁣⁣⁣🔥 با سرویس remove.bg می توانید Background عکس های خود را در کمتر از 5 ثانیه حذف کنید.

🌐⁣https://www.remove.bg

🌟در پیاده سازی این سایت از #python و #ruby استفاده شده است.

#technology

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 در صورتی که می خواهید در یک صفحه طولانی، به عنصر خاصی اسکرول کنید و آن را در مرکز #viewport مرورگر قرار دهید می توانید از دستور زیر استفاده کنید :

Element.scrollIntoView()

روش استفاده از این خاصیت برای عنصری با ID مشخص را در تصویر مشاهده می کنید.

🌐 نمونه کاربرد : https://goo.gl/J82Y19
🌐اطلاعات بیشتر : https://goo.gl/oX8VSB

#javascript #frontend

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 می توان با نگه داشتن #shift و کلیک بر روی دایره رنگی خاصیت color در #DevTools مرورگرهای #chrome و #firefox ، فرمت نمایشی رنگ را تغییر داد.

#tips #frontend #browser

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 در صورتی که کاربران در 30% از مواقع، از حالت #landscape #اپ شما استفاده می کنند، شما نیز باید برای این حالت #اپلیکیشن خود را طراحی کنید. اما متاسفانه بسیاری از توسعه دهندگان، #اپ را فقط در حالت #portrait تست می کنند.

برای اپ های مرتبط با حمل و نقل و رانندگی، مالی، کتاب و اکثر بازی ها ، مد #landscape بهترین حالت به شمار می رود.

#UI #UX #frontend #android #iOS

⁣✅ @coderszone

🌟 بر طبق آمار ، دلیل اصلی منصرف شدن مشتریان از خرید، مواجه شدن آن ها با هزینه های غیر منتظره است.

پرداخت هزینه های غیر منتظره حمل و نقل، یکی از این موارد است که شما باید برای فروش بیشتر آن را به حداقل برسانید.

🔴حدود 69% افراد ترجیح می دهند از فروشگاه هایی خرید کنند که پیشنهاد "ارسال رایگان" دارند. در واقع 61% از خریداران در صورت عدم پیشنهاد "ارسال رایگان" به آنها از خرید خود منصرف می شوند.

#marketing

https://goo.gl/Qjxnhj

✅@coderszone

یکی از راهکارهای ساده برای جدا کردن گروهی از عناصر استفاده از فاصله های زیاد است. به جای استفاده از border میتوانید برای جدا سازی گروه عناصر فاصله آن ها از همدیگر افزایش دهید.
#UI #UX
✅@coderszone

🔥سرعت #VSCode و #Sublime تقریبا یکسان است تا اینکه می خواهید بین پروژه های مختلف و فایل های با تعداد خط کد زیاد جابجا شوید.

#programming

✅@coderszone

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

#UI #UX #inspiration

✅@coderszone

⁣🔥نمونه #طرح الهام بخش #notification با قابلیت mark as read
#UI #UX #frontend #android

✅@coderszone

⁣⁣⁣⁣⁣⁣🔥 آیا می دانستید جستجوی یک عبارت ساده در #گوگل، 1000 کامپیوتر را در مدت 0.2 ثانیه به کار می گیرد؟

#SEO #search_engine #google

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 ۷ سرگرمی و #بازی مناسب برای شب یلدا

🌐⁣https://goo.gl/o8wk5p

#article

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 تگ <H1> یکی از فاکتور های مهم #SEO است که علاوه بر اینکه بر روی رتبه #سایت تاثیر دارد به #موتور_جستجو نیز کمک می کند که اطلاعات دقیقی از محتوای صفحه به دست آورند.

متاسفانه تعداد بسیار زیادی از #وبسایت ها از به کارگیری درست این تگ ها آگاهی ندارند.

#SEO #digital_marketing #frontend

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 به جای استفاده از #label های معمولی همچون Ok، Cancel، Submit و ... برای دکمه ها، از لیبل هایی استفاده کنید که به کاربر نشان می دهد با زدن آن دکمه چه اتفاقی خواهد افتاد.

همان طور که در تصویر نیز مشاهده می کنید به جای استفاده از واژه #Submit از Request a Cab (درخواست تاکسی) استفاده شده است.

#UI #UX #frontend

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 ۱۰ #ابزار جدید برای طراحان #وب در سال ۲۰۱۸

🌐⁣https://goo.gl/7KyabM

#frontend #UI #UX

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 پیش بینی ها نشان می دهد در سال 2019 زمانی را که کاربران در نسخه های موبایل وبسایت ها (#mobile_apps) سپری می کنند "2 ساعت و 43 دقیقه" و در نسخه #responsive آن ها تنها "27 دقیقه" خواهد بود.

🌟منظور از #mobile_app ، نسخه اپلیکیشن های #android و #iOS وبسایت هاست.

#digital_marketing #frontend #android #iOS

⁣✅ @coderszone

به جای استفاده از size فونت همیشه از weight یا color در ساختار های سلسله مراتبی(hierarchy) استفاده کنید.
#UI #UX #frontend

✅ @coderszone

⁣🔥نمونه #طرح خلاقانه #دکمه فعال سازی

#UI #UX #frontend

✅@coderszone

⁣⁣⁣⁣⁣⁣🔥 طراحی، محل قرارگیری دکمه‌ها و تایپوگرافی صفحه‌ی پروفایل #اینستاگرم تغییراتی کرده است که به زودی به صورت سراسری اعمال می گردد.

#frontend #UI #UX #instagram

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 وضعیت نوتیفیکیشن #گوشی کسی که ۸ میلیون دنبال‌کننده در #اینستاگرام داره😆😆

#instagram

⁣✅ @coderszone

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

#UI #frontend #android #iOS

⁣✅ @coderszone