🔥 روش های حذف مقادیر تکراری از آرایه ها و برگرداندن مقادیر unique در #ES6
#UI #frontend #javascript
✅@coderszone
#UI #frontend #javascript
✅@coderszone
🔥 تب #coverage در #DevTools مرورگر #کروم، به شما نشان می دهد که چه حجم از کد های #CSS یا #javascript در صفحه شما بلا استفاده اند.
#forntend #UI #chrome #browser
✅ @coderszone
#forntend #UI #chrome #browser
✅ @coderszone
🔥 بولما (Bulma) یکی از فریم ورک های #CSS مبتنی بر #flexbox و mobile-first است که از هیچ کد #javascript در آن استفاده نشده است. در واقع شما برای استفاده از آن نیاز به الحاق هیچ فایل js ندارید.
🌐https://bulma.io
#UI #frontend
✅ @coderszone
🌐https://bulma.io
#UI #frontend
✅ @coderszone
Forwarded from CodersZone 🔥 قلمرو برنامه نویسان
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 پیشنهاد می شود مدت زمان اجرای انیمیشن ها در موبایل را در محدوده 200-300 میلی ثانیه قرار دهید. در #تبلت نیز باید سرعت 30% بیشتر یعنی 400-450 میلی ثانیه در نظر گرفته شود. دلیل نیز ساده است : سایز صفحه نمایش بزرگتر است و المان ها باید مسیر طولانی تری را طی کنند.
در عوض برای ابزار پوشیدنی-همچون ساعت های هوشمند- زمان اجرای انیمشین ها 30% کمتر و حدود 150-200 میلی ثانیه باشد چرا که در این گونه ابزار به دلیل سایز کوچک، مسیر جابجایی عناصر کوتاه تر است.
#UI #UX #frontend
✅@coderszone
در عوض برای ابزار پوشیدنی-همچون ساعت های هوشمند- زمان اجرای انیمشین ها 30% کمتر و حدود 150-200 میلی ثانیه باشد چرا که در این گونه ابزار به دلیل سایز کوچک، مسیر جابجایی عناصر کوتاه تر است.
#UI #UX #frontend
✅@coderszone
🔥 چالش #10yearschallenge در وسط چین کردن عناصر با #CSS
🌐 https://codepen.io/MartijnCuppens/pen/roXJxe
#UI #frontend
✅@coderszone
🌐 https://codepen.io/MartijnCuppens/pen/roXJxe
#UI #frontend
✅@coderszone
Forwarded from CodersZone 🔥 قلمرو برنامه نویسان
This media is not supported in your browser
VIEW IN TELEGRAM
🔥نمونه #طرح الهام بخش دکمه #share در اپ #اندروید
#inspiration #UI #frontend #android
✅@coderszone
#inspiration #UI #frontend #android
✅@coderszone
🔥 در #طراحی ها سعی کنید به جای سیاه مطلق از خاکستری تیره در پس زمینه متن های سفید استفاده کنید تا از شدت روشنایی آن متن کاسته شود. این کار از تحریک بیش از حد شبکیه چشم جلوگیری کرده و موجب می شود کاربران وقت بیشتری برای مطالعه بگذارند.
#رنگ خاکستری مورد استفاده نیز می تواند درجه های روشنایی متفاوتی داشته باشند. برای رسیدن به میزان روشنایی مناسب از کاربرانتان نظرخواهی کنید.
#UI #frontend
✅ @coderszone
#رنگ خاکستری مورد استفاده نیز می تواند درجه های روشنایی متفاوتی داشته باشند. برای رسیدن به میزان روشنایی مناسب از کاربرانتان نظرخواهی کنید.
#UI #frontend
✅ @coderszone
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 یکی از زجرآورین رفتارها در بعضی #فروشگاه های اینترنتی، رفرش شدن صفحه با هر بار کلیک بر روی گزینه های فیلتر محصولات است.
هر چند قابلیت فیلتر سازی محصولات یک مزیت محسوب می گردد اما این روش پیاده سازی آن ها ، کاربران را اذیت می کند.
#frontEnd #backEnd #UI #UX #ecommerce
✅ @coderszone
هر چند قابلیت فیلتر سازی محصولات یک مزیت محسوب می گردد اما این روش پیاده سازی آن ها ، کاربران را اذیت می کند.
#frontEnd #backEnd #UI #UX #ecommerce
✅ @coderszone
🔥 روزنامه نیویورک تایمز از طرح #فیسبوک برای ادغام پیامرسان این شبکه اجتماعی با #واتساپ و #اینستاگرام خبر داده است بهطوری که کاربران میتوانند برای اولین بار از هرکدام این شبکهها به شبکه دیگری پیام بفرستند.
📱این گزارش میگوید که طرح فوق را شخص مارک #زاکربرگ، مدیرعامل فیسبوک، ساخته و پرداخته و حال باید نرمافزار اصلی این سه شبکه دوبارهنویسی شود. بر این اساس کاربر واتساپ بهطور مثال میتواند برای کاربر اینستاگرام پیام ارسال بکند.
📱طرح آقای #زاکربرگ اما در عین حال از هماکنون نگرانیهایی را هم موجب شده است. از جمله کارشناسانی که در زمینه مبارزه با انحصارگرایی تخصص دارند میگویند، ادغام این سه #اپلیکیشن باعث میشود که اگر روزی به حکم قانون و برای مبارزه با انحصار تصمیم به جدایی واتساپ و اینستاگرام از فیسبوک گرفته شود، خیلی سخت بتوان #فیسبوک را مجبور به این کار کرد.
#news
✅ @coderszone
📱این گزارش میگوید که طرح فوق را شخص مارک #زاکربرگ، مدیرعامل فیسبوک، ساخته و پرداخته و حال باید نرمافزار اصلی این سه شبکه دوبارهنویسی شود. بر این اساس کاربر واتساپ بهطور مثال میتواند برای کاربر اینستاگرام پیام ارسال بکند.
📱طرح آقای #زاکربرگ اما در عین حال از هماکنون نگرانیهایی را هم موجب شده است. از جمله کارشناسانی که در زمینه مبارزه با انحصارگرایی تخصص دارند میگویند، ادغام این سه #اپلیکیشن باعث میشود که اگر روزی به حکم قانون و برای مبارزه با انحصار تصمیم به جدایی واتساپ و اینستاگرام از فیسبوک گرفته شود، خیلی سخت بتوان #فیسبوک را مجبور به این کار کرد.
#news
✅ @coderszone
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 روش خلاقانه در استفاده از #clip_path برای پیاده سازی #input های جذاب
Demo:
🌐 https://goo.gl/srLLcY
#frontend #CSS #UI
✅ @coderszone
Demo:
🌐 https://goo.gl/srLLcY
#frontend #CSS #UI
✅ @coderszone