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

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

💥تبلیغات ارزان قیمت و به صرفه:
@CodersZoneAds
Download Telegram
⁣⁣⁣⁣⁣⁣🔥 تب #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
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 تغییرات جدید در ظاهر و عملکرد #توییتر در راه است.

البته این قابلیت ها فعلا برای برخی از کاربران فعال شده است.

قرار است سرعت بهتر شده، نمایش ترندها ارتقا پیدا کرده و یک سری تغییرات در زمان نگارش توییت اعمال گردد.

#twitter #social_media

@coderszone
🔥 مقایسه زبان های برنامه نویسی برتر دنیا با #پایتون

🌐 https://goo.gl/9EFk9V

@coderszone
🔥 روش prettify کردن خروجی #json

پارامتر سوم این متد تعداد space های ابتدای هر خط در خروجی را مشخص می کند.

#frontend #javascript

@coderszone
This media is not supported in your browser
VIEW IN TELEGRAM
🔥 قابلیت استفاده از تم #dark در مرورگر #chrome نسخه 73 بر روی سیستم عامل #Mac فعال شده است.

#browser

@coderszone
⁣⁣⁣⁣⁣⁣🔥 ساختارهای #navigation تو در تو که در sidebar ها قرار می گیرند خیلی زود عمیق و پیچیده می شوند.

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

#UI #UX #frontend #CSS

@coderszone