بررسی املا

ویژگی spellcheck به مرورگر می‌گوید که درست بودن یا نبودن املا و دستور زبان در متن را بررسی کند. این ویژگی برای تگ‌های input یا textarea و همچنین برای عناصری که دارای مجموعه ویژگی contenteditable هستند اعمال می‌شود.

می‌توانید از ::Spelling-error برای استایل دادن به بخش متن غلط املایی استفاده کنید.

::spelling-error {
  background-color: yellow;
}

🔗https://developer.mozilla.org/en-US/docs/Web/CSS/::spelling-error

#️⃣#tip #css
🆔@IR_javascript

Neumorphic Fitbit UI

🔗https://codepen.io/jkantner/pen/poWxOVY

#️⃣#code
🆔@IR_javascript

‏عنصر <meter> در عمل
🔗https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meter

#️⃣#tip #HTML
🆔@IR_javascript

‏استفاده از JavaScript FileReader API برای خواندن فایل ها در سمت کلاینت

‏FileReader API به برنامه های کاربردی وب اجازه می دهد تا محتویات فایل های سمت سرویس گیرنده را بدون ارسال فایل ها به سرور بخوانند. این می تواند برای پردازش فایل های متنی، تصاویر و سایر فایل های رسانه ای در سمت کلاینت مفید باشد.
#️⃣#tip
🆔@IR_javascript

استفاده از JavaScript Animation API برای ایجاد انیمیشن در وب

‏Animation API به شما امکان می دهد با استفاده از جاوا اسکریپت انیمیشن ها را در صفحات وب ایجاد کنید، که می تواند تجربه کاربر را بهبود بخشد و توجه را به عناصر خاصی جلب کند.


#️⃣#tip
🆔@IR_javascript

تبديل متن به صدا در جاوااسكريپت
‏SpeechSynthesis یک API گفتار وب است که برای تبديل متن به گفتار استفاده می شود.

  // Create a SpeechSynthesisUtterance
  const utterance = new SpeechSynthesisUtterance("Welcome to this tutorial!");

  // Select a voice
  const voices = speechSynthesis.getVoices();
  utterance.voice = voices[10]; // Choose a specific voice

  // Speak the text
  speechSynthesis.speak(utterance);

🔗https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance

#️⃣#tip
🆔@IR_javascript

برنامه اسکرین شات به کد برای HTML/Tailwind CSS، React، Bootstrap یا Vue با استفاده از اسکرین شات یا پیوند به یک وب سایت تولید می کند.

‏GPT-4 Vision و DALL-E 3 استفاده می شود. شما باید یک کلید برای GPT-4 Vision داشته باشید.

🔗https://github.com/abi/screenshot-to-code

#️⃣#tool
🆔@IR_javascript

پوشش در CSS با استفاده از ویژگی mask

این ویژگی مانند background تعریف می شود

 mask: url("../img/shape.png") center/cover no-repeat;

در mask-image تصویری را به عنوان لایه ماسک برای عنصر تنظیم می کنیم
#️⃣#tip #css
🆔@IR_javascript

‏AR.js یک کتابخانه سبک برای واقعیت افزوده (AR) در وب است که شامل ویژگی‌هایی مانند Image Tracking مبتنی بر موقعیت و نشانگر می‌شود.
يعني مي تواند AR را بر روي يك نشانگر و يا يك لوكيشن جغرافيايي ست كند و هر زمان دوربين تلفن همراه روي آن نشانگر و يا محل قرار گرفت AR نمايش داده مي شود.

🔗https://ar-js-org.github.io/AR.js-Docs/

#️⃣#npm_module
🆔@IR_javascript

سایت های ایرانی جهت پیدا کردن پروژه :
[ 1 ] https://quera.org/
[ 2 ] https://jobinja.ir/
[ 3 ] https://www.e-estekhdam.com/
[ 4 ] https://karpishe.com/
[ 5 ] https://karlib.com/
[ 6 ] https://karboom.io/
[ 7 ] https://anjammidam.com/
[ 8 ] https://parscoders.com/
[ 9 ] https://parsfl.ir/
[ 10 ] https://www.karlancer.com/
[ 11 ] https://karbord.io/
[ 12 ] https://jobvision.ir/
[ 13 ] https://iranestekhdam.ir/
[ 14 ] https://ponisha.ir/

برگرفته از:@important_node_modules
#️⃣#web_site #job
🆔@IR_javascript

Vibration API in JavaScript

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

navigator.vibrate(500); 
// device will vibrate for 500ms

🔗https://developer.mozilla.org/en-US/docs/Web/API/Navigator/vibrate

#️⃣#tip
🆔@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