CodersZone 🔥 قلمرو برنامه نویسان
405 subscribers
369 photos
42 videos
77 links
آموزش UI و UX
آموزش Tip و Trick های frontEnd و backEnd
نکات SEO و Digital Marketing
اخبار تکنولوژی

تبادل/انتقادات و پیشنهادات:
@coderszone_admin

💥تبلیغات ارزان قیمت و به صرفه:
@CodersZoneAds
Download Telegram
🔥 روش های حذف مقادیر تکراری از آرایه ها و برگرداندن مقادیر unique در #ES6

#UI #frontend #javascript

@coderszone
🔥 عملیات #phishing در گوشی های #موبایل ساده تر انجام می شود. چرا که اسکرین های موبایل کوچکتر و محدودتر از آن اند که بتوان به صورت دقیق و سریع صفحات #fake را از صفحات اصلی تشخیص داد.

✔️ مراقب باشید.

#UI #frontend #android #iOS

@coderszone
This media is not supported in your browser
VIEW IN TELEGRAM
⁣⁣⁣⁣⁣⁣🔥 وقتی بالاخره #Bug ی رو که مدت ها دنبالش بودم پیدا می کنم.

#gif #programming

@coderszone
⁣⁣⁣⁣⁣⁣🔥 تب #coverage در #DevTools مرورگر #کروم، به شما نشان می دهد که چه حجم از کد های #CSS یا #javascript در صفحه شما بلا استفاده اند.

#forntend #UI #chrome #browser

@coderszone
⁣⁣⁣⁣⁣⁣🔥 بولما (Bulma) یکی از فریم ورک های #CSS مبتنی بر #flexbox و mobile-first است که از هیچ کد #javascript در آن استفاده نشده است. در واقع شما برای استفاده از آن نیاز به الحاق هیچ فایل js ندارید.

🌐https://bulma.io

#UI #frontend

@coderszone
This media is not supported in your browser
VIEW IN TELEGRAM
⁣⁣⁣⁣⁣🔥 پیشنهاد می شود مدت زمان اجرای انیمیشن ها در موبایل را در محدوده 200-300 میلی ثانیه قرار دهید. در #تبلت نیز باید سرعت 30% بیشتر یعنی 400-450 میلی ثانیه در نظر گرفته شود. دلیل نیز ساده است : سایز صفحه نمایش بزرگتر است و المان ها باید مسیر طولانی تری را طی کنند.

در عوض برای ابزار پوشیدنی-همچون ساعت های هوشمند- زمان اجرای انیمشین ها 30% کمتر و حدود 150-200 میلی ثانیه باشد چرا که در این گونه ابزار به دلیل سایز کوچک، مسیر جابجایی عناصر کوتاه تر است.

#UI #UX #frontend

@coderszone
⁣⁣⁣⁣⁣⁣🔥 بهتر است بدانید #گوگل از واکشی #sitemap هایی که حاوی #URL های نا معتبر هستند خودداری می کند. پیشنهاد می شود حداقل این گونه URL ها را به مسیر هایی که یک نوع content را برمی گردانند هدایت کنید.

#SEO #gogole

@coderszone
🔥 روش های مناسب برای ساخت #backlink اصولی

🌐 https://goo.gl/YSbktq

#SEO

@coderszone
🔥 در #طراحی ها سعی کنید به جای سیاه مطلق از خاکستری تیره در پس زمینه متن های سفید استفاده کنید تا از شدت روشنایی آن متن کاسته شود. این کار از تحریک بیش از حد شبکیه چشم جلوگیری کرده و موجب می شود کاربران وقت بیشتری برای مطالعه بگذارند.

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

#UI #frontend

@coderszone
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 روش های #expand عناصر تودرتو در #DevTools مرورگر #کروم

🌟 یکی از روش ها در ویندوز نگه داشتن کلیدهای Control + Alt و سپس کلیک بر روی عنصر مورد نظر است.

#UI #frontend #chrome

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

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


#frontEnd #backEnd #UI #UX #ecommerce

@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