⁣⁣⁣🔥یکی از ویژگی های جدیدی که در #CSS4 ارائه شده است، کلاس کاذب #matches است. از این گزینشگر برای گروه بندی عناصر جهت ⁣اعمال قواعد استفاده می شود.

این گزینشگر ⁣با نام any در مرورگرهای مبتنی بر #webkit (همچون #chrome) به صورت ⁣webkit-any- و در مرورگر #firefox به صورت moz-any- پشتیبانی می شود.

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

⁣🌐https://goo.gl/zdo3e6

#frontend #UI

⁣✅ @coderszone

سلام و احوال پرسی با نرم افزارهات😀ویدیو جالبی که حال و هوای طراحان با نرم افزارهایی که کارمیکنن با سلام و احوال پرسی نشون میده،خوش و ِبش با خانواده ادوبی خلاقانه ست و خنده دار😅
کرل عالیه😄😄
@doproIR

⁣⁣⁣⁣⁣🔥⁣مزایای فریلنسری چیست؟

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

#programming

⁣✅ @coderszone

⁣⁣⁣⁣🔥 نمونه #طرح #اپ فروشگاه ساعت

#UI #frontend #android

⁣✅ @coderszone

⁣⁣⁣🔥 وقتی یه #feature جدید رو بدون #test روی #نرم_افزار اجرا می کنم. 😁😁

#gif #programming

⁣✅ @coderszone

🔥 چرا باید منوها در #اپ های موبایل را در پایین صفحه نمایش گذاشت؟

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

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

#frontend #UI #UX

✅ @coderszone

⁣⁣🔥اگر می خواهید در مرورگر #chrome از یک عنصر خاص، #screenshot بگیرید،کافی است پس از باز کردن #DevTools به تب Elements رفته و سپس بر روی عنصر مورد نظر کلیک کنید. آنگاه با فشردن دکمه های ctrl-shift-p در #ویندوز (یا cmd-shift-p در #مک) منوی Command را باز کرده و گزینه Capture node screenshot را انتخاب کنید.

#tips

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥⁣⁣#هوش_مصنوعی برای طراحان #وب تهدید است یا فرصت؟

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

#programming #artificial_intelligence

⁣✅ @coderszone

⁣⁣⁣⁣🔥 آمار استفاده برنامه نویسان #javascript از #IDE های موجود بر اساس نظرسنجی #jetBrains

#programming #frontend #UI

⁣✅ @coderszone

⁣⁣⁣⁣🔥وقتی یه #برنامه_نویس، #bug بوجود اومده رو می پذیره 😁😁

#gif #programming

⁣✅ @coderszone

⁣🔥 حتما از #breadcrumbs در وبسایت خود استفاده کنید.

آن ها به عنوان مکانیزم پیمایش ثانویه (بعد از منوی اصلی وبسایت)، نه تنها به کاربر کمک می کنند که بداند الان در کجا قرار دارد و چگونه میتواند به جایی که بوده اند برگردد، جزء پارامترهایی هستند که به #SEO سایت نیز کمک می کنند.

در واقع breadcrumbها به #گوگل نشان می دهند که ساختار سایت شما به چه صورت است و بدین شکل به فرآیند #index شدن صفحات کمک می کنند.

#tips #frontend #backend

✅ @coderszone

⁣⁣🔥VisBug
یک #افزونه برای مرورگرهای #chrome و #firefox است که صفحه را به یک #board طراحی تبدیل می کند تا تغییرات مورد نظر خود را به صورت #visual اعمال کنید.

این افزونه در واقع یک #inspector بصری است تا بتوانید عناصر موجود در صفحه را به صورت دیداری(و فارغ از هر گونه #کد نویسی) ویرایش کنید.

🌐 https://goo.gl/VqdvAv

#browsers

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥⁣⁣۷ ابزار رابط کاربری برای #react_native در ۲۰۱۸

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

#frontend #UI #framework

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥⁣⁣بازیافت #انیمیشن در والت‌دیسنی
استفاده چندباره حرکات طراحی‌شده در راستای کاهش هزینه تولید

⁣✅ @coderszone

🔥⁣⁣هرچیزی که شما نیاز دارید راجع به #SEO در سال ۲۰۱۸ بدانید

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

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥در #طرح فرم های دو ستونه، علاوه بر ساماندهی فرم های طولانی، می توانید فضای موجود در #اسکرین های عریض را نیز به خوبی بدون استفاده از فیلدهای دراز و بد قیافه بپوشانید.

#frontend #UI #UX

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥یکی از ویژگی های جالب #google، نمایش موقعیت و performance وبسایت هایی که صاحب آن ها هستید است. این قابلیت در نتایجی که به نحوی مربوط به سایت شما هم هست نمایش داده می شود.

#tips

⁣✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥Evergreen
یک #framework رابط کاربری برای #React است که برای ساخت پروژه های مدرن و کاربردی استفاده می شود. این فریمورک که از تعداد بسیار زیادی کامپوننت های آماده به کار و بدون تنظیمات اولیه تشکیل شده است انعطاف پذیری و سازگاری بالایی داشته و از آن می توان برای ایجاد طرح های چشم نواز و #واکنشگرا استفاده کرد.

🌐https://github.com/segmentio/evergreen

#React #UI #frontend

⁣✅ @coderszone

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

#UI #UX #android #frontend

⁣✅ @coderszone

🔥 باید همیشه یک نوار جستجو با قابلیت #autosuggestion در بالای فروشگاه بگنجانید. به طور میانگین 59% از کاربران از موتور جستجوی داخلی فروشگاه ها برای یافتن محصولاتشان استفاده می کنند.

✅@coderszone