⁠⁠⁣🔥پروژه #AMP (Accelerated Mobile Pages)، پروژه ای متن باز است که به منظور بهبود سرعت و عملکرد صفحات وب ایجاد شده است. این پروژه توسط #گوگل پشتیبانی می شود و #Bing ، #Twitter و #Pinterest نیز از آن حمایت کرده اند.

💡 ایده این پروژه این است که ابتدا چیزی را در #گوگل جستجو می کنید و با کلیک بر روی یکی از نتایج، آن صفحه بلافاصله به شما نمایش داده می شود.

این پروژه، افزایش سرعت سایت ها، تجربه بهتر کاربران، بیشتر و بهتر دیده شدن نتایج را به ارمغان می آورد.

🌐 https://goo.gl/7Y2kFN

#AMP #technology

✅@coderszone

⁠⁣⁣⁣⁣⁣⁣🔥⁣ با استفاده از خاصیت ⁣scroll-behavior در #CSS می توان سبک اجرای scrolling در عناصری که قابل اسکرول هستند را کنترل کرد. این خاصیت از مقداری به نام smooth پشتیبانی می کند که باعث می شود عمل اسکرول به جای پرش یکباره به صورت انیمیشنی انجام شود.

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

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

✅@coderszone

🌟 بهتر است برای جدا سازی دو عنصر مجاور، از رنگ های گوناگون استفاده کنید. حتی اگر قبلا از دو رنگ متفاوت به همراه یک border استفاده می کردید، از border صرفنظر کنید.
#UI #UX #frontEnd

✅@coderszone

🔥 تکنولوژی #GraphQL ، یک زبان پرس و جو برای ساخت و کار با api ها می باشد.

این سرویس را می توان یکی از جایگزین های RESTful API ها دانست که می تواند با تمامی تکنولوژی های BackEnd سازگاری داشته باشد.

در GraphQL داده ها را دقیقا به صورتی که درخواست کرده اید تحویل می گیرید.

https://goo.gl/K57JWL

#GraphQL #BackEnd

✅@coderszone

🔥نمونه #طرح حذف پیغام در چت لیست

#UI #inspiration

✅@coderszone

🔥نرم افزار #Rider یک IDE# چندسکویی برای توسعه دهندگان .NET, #ASP.NET, .NET Core, Xamarin و Unity applications می باشد که توسط شرکت JetBrains ارایه شده است.

از جمله ویژگی های آن می توان به موارد زیر اشاره کرد:

👉Code analysis
👉Code editing
👉Refactorings
👉Unit test runner
👉Debugger and more tools
👉Databases and SQL
👉Front-end technologies

https://goo.gl/nG5p3A

#ASP #.NET #Xamarin #backEnd

✅@coderszone

🔥 نمونه #طرح خلاقانه در پیاده سازی فیلتر یک #app فروشگاهی پوشاک

#frontend #UI #android #iOS

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥طراحان و دولوپرهای #فرانت‌اند چه‌طور می‌توانند با یکدیگر کنار بیایند؟

🌐https://goo.gl/gpYM6H

#article

⁣✅ @coderszone

🔥 وقتی که یه برنامه نویس می خواد نتیجه یه هفته تلاشش رو به رئیسش نشون بده😁😁

#gif #programming

✅@coderszone

🔥 مطالعات نشان می دهد کاربران، #لوگو هایی که در سمت چپ #وبسایت ها قرار می گیرند را بهتر از آن هایی که در راست قرار دارند به
خاطر می سپارند. این کار میانگین یادآوری لوگو را تا 89% افزایش می دهد.

💡این مورد برای سایت های #فارسی که جهت گیری عناصر از راست به چپ است کاملا معکوس است.

#UI #UX #frontend

✅ @coderszone

🔥 از کلاس کاذب placeholder-shown: در CSS می توان برای ساخت label های شناور (بدون جاوااسکریپت) استفاده کرد.
🌐https://goo.gl/7T7Gjj

#css #UI #frontend

✅@coderszone

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

#UI #UX #frontend

✅@coderszone

⁠⁣🔥 در #SEO به صفحاتی که هیچ ترافیکی را به سایت شما هدایت نمی کنند #⁣zombie_pages گفته می شود. بررسی ها نشان داده است که حذف اینگونه صفحات تاثیر بسیار زیادی بر روی رتبه شما خواهد داشت.

سایت ⁣Proven.com با حذف 40 هزار صفحه زامبی توانست حدود 88.3 درصد ترافیک برآمده از موتورهای جستجو را افزایش دهد.

⁣✅@coderszone

⁣⁣⁣⁣⁣⁣🔥 تغییر اندازه تصاویر تاثیر مثبتی در سرعت بارگذاری آن ها به خصوص در صفحات سنگین دارد. البته منظور تغییر اندازه با #HTML یا #CSS نیست.

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

#UI #UX #frontend

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 پیشنهاد می شود پسوردها را در موبایل مخفی نکنید.

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

#UI #UX #frontend

⁣✅ @coderszone

🔥نمونه #طرح الهام بخش صفحه مقایسه محصول

#UI #frontend

✅@coderszone

🔥وقتی یه کارآموز در مورد پروژه و کد ها اظهار نظر می کنه 😂😂😂

#gif

✅@coderszone

⁠⁣🔥یکی از ویژگی های حیاتی برای فروشگاه های اینترنتی نمایش ارزیابی مشتریان از یک محصول (#product_reveiws) است.

بر طبق مطالعات، 63% از مشتریان، احتمال بیشتری در خرید از سایت هایی که "ارزیابی محصول" دارند انجام می دهند.

در مجموع، #product_review ها موجب افزایش 18درصدی فروش می شوند. دلیل آن نیز ساده است : "مشتریان به ارزیابی ها بیشتر از توضیحات خود محصول، اعتماد می کنند".

#marketing

✅@coderszone

⁣⁣🔥 عنصر dialog که در ⁣HTML5.2 معرفی شده است برای ساخت ⁣pop-up ها و modal ها استفاده می شود. صفتی بولین به نام open دارد که برای نمایش دادن یا مخفی کردن آن کاربرد دارد.


⁣✅@coderszone

⁣🔥 استفاده از رنگ متن تیره بر روی رنگ پس زمینه لایت، از دسترسی پذیری بالاتری برخورد دار بوده و غالبا بهتر به نظر می آید.

#tips #UI #UX #frontend

⁣✅@coderszone