ساخت حالت شیشه ای برای المان ها
🔗https://hype4.academy/tools/glassmorphism-generator
#️⃣#tool
🆔@IR_javascript
🔗https://hype4.academy/tools/glassmorphism-generator
#️⃣#tool
🆔@IR_javascript
👍1
Vibration API in JavaScript
در صورت وجود این سخت افزار روی دیوایس کلاینت ارتعاش رخ خواهد داد و اگر دستگاه از لرزش پشتیبانی نکند، این روش هیچ ارور و یا مشکلی را در کد شما ایجاد نمی کند. در زمان فراخوانی الگوی ارتعاش قبلی متوقف میشود و به جای آن الگوی جدید شروع میشود.
🔗https://developer.mozilla.org/en-US/docs/Web/API/Navigator/vibrate
#️⃣#tip
🆔@IR_javascript
در صورت وجود این سخت افزار روی دیوایس کلاینت ارتعاش رخ خواهد داد و اگر دستگاه از لرزش پشتیبانی نکند، این روش هیچ ارور و یا مشکلی را در کد شما ایجاد نمی کند. در زمان فراخوانی الگوی ارتعاش قبلی متوقف میشود و به جای آن الگوی جدید شروع میشود.
navigator.vibrate(500);
// device will vibrate for 500ms
🔗https://developer.mozilla.org/en-US/docs/Web/API/Navigator/vibrate
#️⃣#tip
🆔@IR_javascript
👍1
سایت های خارجی جهت پیدا کردن پروژه :
[ 1 ] https://www.indeed.com/
[ 2 ] https://fiverr.com/
[ 3 ] https://www.upwork.com/
[ 4 ] https://freelancer.com/
[ 5 ] https://www.flexjobs.com/
[ 6 ] https://justremote.co/
[ 7 ] https://weworkremotely.com/
[ 8 ] https://remote.co/
برگرفته از:@important_node_modules
#️⃣#web_site #job
🆔@IR_javascript
[ 1 ] https://www.indeed.com/
[ 2 ] https://fiverr.com/
[ 3 ] https://www.upwork.com/
[ 4 ] https://freelancer.com/
[ 5 ] https://www.flexjobs.com/
[ 6 ] https://justremote.co/
[ 7 ] https://weworkremotely.com/
[ 8 ] https://remote.co/
برگرفته از:@important_node_modules
#️⃣#web_site #job
🆔@IR_javascript
👍2❤1
JS Console Bot يك ربات تلگرامي هست كه می تواند به یک چت متصل شود. به پیام ها گوش می دهد و کد هاي javascript را اجرا کند.
🔗https://t.me/okjs_bot
🔗https://github.com/OleksiyRudenko/jsconsole-bot
#️⃣#tool
🆔@IR_javascript
🔗https://t.me/okjs_bot
🔗https://github.com/OleksiyRudenko/jsconsole-bot
#️⃣#tool
🆔@IR_javascript
👍1👎1
This media is not supported in your browser
VIEW IN TELEGRAM
سوپر ماریو تعاملی - انیمیشن Super Mario که با استفاده از SCSS و جاوا اسکریپت (بدون استفاده از three.js و يا canvas) ساخته شده است. کنترل با استفاده از صفحه کلید انجام می شود
🔗https://codepen.io/merchedev/pen/BaYqyNx
#️⃣#code
🆔@IR_javascript
🔗https://codepen.io/merchedev/pen/BaYqyNx
#️⃣#code
🆔@IR_javascript
استفاده از Gamepads و Joysticks در جاوا اسکریپت
گیمپدهای این روزها بسیار محبوب هستند، و بنابراین جای تعجب نیست که سطحی از پشتیبانی در جاوا اسکریپت برای این موضوع وجود داشته باشد. البته این موضوع بین مرورگرهای مختلف بسیار متغیر است.
🔗https://beej.us/blog/data/javascript-gamepad/
🔗https://developer.mozilla.org/en-US/docs/Web/API/Gamepad
#️⃣#tip
🆔@IR_javascript
گیمپدهای این روزها بسیار محبوب هستند، و بنابراین جای تعجب نیست که سطحی از پشتیبانی در جاوا اسکریپت برای این موضوع وجود داشته باشد. البته این موضوع بین مرورگرهای مختلف بسیار متغیر است.
window.addEventListener("gamepadconnected", (e) => {
console.log(
"Gamepad connected at index %d: %s. %d buttons, %d axes.",
e.gamepad.index,
e.gamepad.id,
e.gamepad.buttons.length,
e.gamepad.axes.length,
);
});
🔗https://beej.us/blog/data/javascript-gamepad/
🔗https://developer.mozilla.org/en-US/docs/Web/API/Gamepad
#️⃣#tip
🆔@IR_javascript
👍1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
splitting.js — کتابخانه جاوااسکریپت برای تقسیم یک المان بر اساس کلمات، حروف، فرزندان و موارد دیگر
🔗https://splitting.js.org/
#️⃣#npm_module
🆔@IR_javascript
🔗https://splitting.js.org/
#️⃣#npm_module
🆔@IR_javascript
👍3
This media is not supported in your browser
VIEW IN TELEGRAM
اشتراک NES
فیلد ورودی آدرس ایمیل سبک Super Mario با استفاده از jQuery و Splitting.js پیاده سازی شده است.
🔗https://codepen.io/cobra_winfrey/pen/OJVJJoj
#️⃣#code
🆔@IR_javascript
فیلد ورودی آدرس ایمیل سبک Super Mario با استفاده از jQuery و Splitting.js پیاده سازی شده است.
🔗https://codepen.io/cobra_winfrey/pen/OJVJJoj
#️⃣#code
🆔@IR_javascript
👍2😁1
Drizzle یک نوع مدرن ORM TypeScript است که می توانید در پروژه بعدی خود از آن استفاده کنید. وزن آن سبک و فقط 7.4 کیلوبایت است minified + gzipped شده است، shakeable با دقیقا 0 وابستگی است.
Drizzle در هر runtime اصلی جاوا اسکریپت مانند NodeJS، Bun، Deno، Cloudflare Workers، توابع Supabase، هر runtime Edge و حتی در مرورگرها کار می کند.
در ضمن عمکرد و پرفورمنس مناسب تری نسبت به prisma دارد که در لینک زیر به مقایسه این دو پرداخته است
🔗https://orm.drizzle.team/
#️⃣#npm_module
🆔@IR_javascript
Drizzle در هر runtime اصلی جاوا اسکریپت مانند NodeJS، Bun، Deno، Cloudflare Workers، توابع Supabase، هر runtime Edge و حتی در مرورگرها کار می کند.
در ضمن عمکرد و پرفورمنس مناسب تری نسبت به prisma دارد که در لینک زیر به مقایسه این دو پرداخته است
🔗https://orm.drizzle.team/
#️⃣#npm_module
🆔@IR_javascript
دسترسی به جهتگیری دستگاه در جاوااسکریپت
🔗https://developer.mozilla.org/en-US/docs/Web/API/Screen/orientation
#️⃣#tip
🆔@IR_javascript
window.addEventListener('deviceorientation', handleOrientation);
function handleOrientation(event) {
const alpha = event.alpha;
const beta = event.beta;
const gamma = event.gamma;
// Do stuff...
}
🔗https://developer.mozilla.org/en-US/docs/Web/API/Screen/orientation
#️⃣#tip
🆔@IR_javascript
👍3🤯1
Autoprefixer —فایل CSS شما را تجزیه می کند و با استفاده از Can I Use، پیشوندهایی را به CSS اضافه می کند
توصیه شده توسط گوگل و در توییتر نیز استفاده شده است [ 1 ].
🔗https://autoprefixer.github.io/
[ 1 ] https://t.me/important_node_modules/36
#️⃣#tool
🆔@IR_javascript
توصیه شده توسط گوگل و در توییتر نیز استفاده شده است [ 1 ].
🔗https://autoprefixer.github.io/
[ 1 ] https://t.me/important_node_modules/36
#️⃣#tool
🆔@IR_javascript
👍2
متد getBattery اطلاعاتی در مورد باتری سیستم ارائه می دهد که با برخی از event ها میتوانید نظارت بیشتری بر وضعیت باتری داشته باشید.
🔗https://tutorialzine.com/2016/08/working-with-the-javascript-battery-api
#️⃣#tip
🆔@IR_javascript
navigator.getBattery()
.then(function(batteryManager) {
// Get current charge in percentages.
var level = batteryManager.level * 100;
})
.catch(function(e) {
console.error(e);
});
🔗https://tutorialzine.com/2016/08/working-with-the-javascript-battery-api
#️⃣#tip
🆔@IR_javascript
👍2
Oxlint به طور پیشفرض طراحی شده است تا کدهای اشتباه یا بیاستفاده را بدون نیاز به هیچ پیکربندیای را شناسایی کند که چیزی حدود 50 - 100 برابر سریعتر از ESLint است و با تعداد هستهها CPU مقیاس میشود.
البته این محصول در حالت GA قرار دارد و در حال بررسی نقاط ضعف و باگ های احتمالی می باشد اما باز خورد خوبی از جامعه برنامه نویسی دریافت کرده به عنوان مثال ایوان یو (خالق ویو جی اس) [+لینک]
🔗https://oxc-project.github.io/docs/guide/usage/linter.html
#️⃣#npm_module
🆔@IR_javascript
البته این محصول در حالت GA قرار دارد و در حال بررسی نقاط ضعف و باگ های احتمالی می باشد اما باز خورد خوبی از جامعه برنامه نویسی دریافت کرده به عنوان مثال ایوان یو (خالق ویو جی اس) [+لینک]
🔗https://oxc-project.github.io/docs/guide/usage/linter.html
#️⃣#npm_module
🆔@IR_javascript