⁣⁣⁣⁣⁣⁣🔥 در صورتی که می خواهید در یک صفحه طولانی، به عنصر خاصی اسکرول کنید و آن را در مرکز #viewport مرورگر قرار دهید می توانید از دستور زیر استفاده کنید :

Element.scrollIntoView()

روش استفاده از این خاصیت برای عنصری با ID مشخص را در تصویر مشاهده می کنید.

🌐 نمونه کاربرد : https://goo.gl/J82Y19
🌐اطلاعات بیشتر : https://goo.gl/oX8VSB

#javascript #frontend

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 #فریمورک #VueJs با حدود 124 هزار star و 18 هزار fork در #github عنوان محبوبترین پروژه #frontend در سال 2018 را به خود اختصاص داده است.

#UI #javascript

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 آیا می دانستید می توانید با استفاده از دستور console.table در مرورگر #کروم، #object های جاوااسکریپتی را به صورت جدول نمایش دهید؟

#javascript #chrome #browser

✅ @coderszone

🔥 از #فریمورک #Electron می توان برای ساخت اپلیکیشن های دسکتاپ چند سکویی مناسب برای سیستم عامل های #ویندوز ، #Mac و #Linux با استفاده از #html ، #CSS و #javascript استفاده کرد.

🌐https://electronjs.org

#UI #frontend

✅ @coderszone

🔥 روش های حذف مقادیر تکراری از آرایه ها و برگرداندن مقادیر unique در #ES6

#UI #frontend #javascript

✅@coderszone

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

#forntend #UI #chrome #browser

✅ @coderszone

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

🌐https://bulma.io

#UI #frontend

✅ @coderszone

🔥 چالش #10yearschallenge از نگاه جامعه #javascript

#UI #frontend

✅ @coderszone

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

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

#frontend #javascript

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 capture-website

نام کتابخانه ای مبتنی بر #node_js است که با استفاده از آن می توانید از وبسایت های گوناگون #screen بگیرید.

🌐 https://goo.gl/3Va12t

#frontend #UI #javascript

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 ایجاد افکت امواج بر روی متن ها

با استفاده از کتابخانه Blotter.js می توانید به انواع متن ها انیمیشن های موج (Distortion) اعمال کنید.

دمو ها:
🌐https://goo.gl/G7nR6M

آموزش و #source :
🌐 https://goo.gl/V3V2ut

#frontend #UI #javascript

✅ @coderszone

⁣⁣⁣⁣⁣⁣🔥 اسکریپتی مخصوص مشتریانی که پول پروژه را نمی دهند. 😎😎

با استفاده از scriptی به نام not-paid می توان با تعیین یک مبدا زمانی و تعداد روزهای مشخص کاری کرد که هر روز با نزدیک شدن به روز موعود، #opacity کل صفحه کاهش یافته تا در پایان آن تعداد روز ، صفحات سایت به طور کامل محو شوند.

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

🌐 https://goo.gl/WpW2pg

#frontend #UI #javascript

✅ @coderszone

🔥 نتایج فوق با کمک افزونه #wappalyzer و پس از بررسی بیش از 270 #سایت برتر ایرانی که در جشنواره #وب ایران در سال 1397 حائز رتبه برتر شده اند، به دست آمده است.

#web #frontEnd #UI #javascript

✅ @coderszone

🔥 با استفاده از این #سرویس میتوانید داده های غیر واقعی (Fake data) رو با درخواست اِیجَکس (AJAX Request) با فرمت JSON دریافت کنید و زمانی که در مرحله توسعه نرم افزار به داده فارسی نیاز دارید، از آن استفاده کنید.

🌐 https://jsonplaceholder.ir

#api #javascript #frontend #UI

✅ @coderszone

🔥 سه روش برای مقداردهی پیش فرض در #javascript

#frontend

✅ @coderszone

🔥12 فاکتور کلیدی وقتی می خواین سراغ یک کتابخانه جدید #javascript برین.

#UI #frontend #UX

✅ @coderszone

🔥 روش اختیاری و الزامی کردن #property ها در #typescript

#javascript #frontEnd

✅ @coderszone

🔥 چرا بهترین توسعه دهندگان، #angular را انتخاب می کنند؟

#UI #frontend #javascript

✅ @coderszone

🔥 روش معکوس کردن آرایه ها در #جاوااسکریپت

#UI #javascript

✅ @coderszone

🔥 face-api.js
یک کتابخانه #جاوااسکریپتی برای تشخیص چهره در #مرورگر ها

https://bit.ly/2m6yLsg

#UI #frontend #javascript #browser

✅@coderszone