السلام ای صاحب اسم کریم
السلام ای عبدالله الرحیم
من بسوزم از غم و رنج گناه
السلام ای مجتبی! ای عاصیان را تو نسیم

#️⃣#event
🆔@IR_javascript

Flash Message (Error/Success)

کارت های متحرک با متن "خطا" و "موفقیت". با استفاده از SCSS پیاده سازی شده است.

🔗https://codepen.io/juliepark/pen/vjMOKQ

#️⃣#code
🆔@IR_javascript

ویژگی CSS line-clamp به شما امکان می دهد متن را به تعداد مشخصی از خطوط محدود کنید و سپس بعد از آن ellipsis رخ خواهد داد.

p {
  width: 300px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

#️⃣#tip #css
🆔@IR_javascript

اگر همه چیز به آرامی پیش برود، شما کندترین هستید

#️⃣#motivation
🆔@IR_javascript

Plotly 2.30: A JavaScript Graphing Library
‏Plotly.js یک کتابخانه ویژال سازی برای داده‌های جاوا اسکریپت است، و می تواند برای تولید ده ها نوع نمودار، از جمله نمودارهای آماری، نمودارهای سه بعدی، نمودارهای علمی، نمودارهای مالی و موارد دیگر استفاده شود.

🔗https://plotly.com/javascript/

#️⃣#npm_module
🆔@IR_javascript

Git-it
برنامه دسکتاپ برای آموزش کار با Git و GitHub
وظایف واقعی را ارائه می دهد، نه شبیه سازی یعنی پس از تکمیل تمام وظایف، مخازن آماده ای در GitHub خواهید داشت که برای یک نمونه کار ایده آل است.
🔗https://github.com/jlord/git-it-electron

#️⃣#npm_module
🆔@IR_javascript

اگر از فونت های شخص ثالث (مثلاً فونت های گوگل) استفاده می کنید، بهتر است آنها را نه در CSS خود، بلکه در index.html قرار دهید.

به این ترتیب، مرورگر قبل از دریافت فایل‌های CSS شما شروع به بارگیری آن‌ها می‌کند و سریع‌تر ظاهر می‌شوند و احتمال اینکه متن روی صفحه هنگام تغییر فونت از فونت پیش فرض ، «تکان‌دار یا پرش دار» شود، کاهش می‌یابد.

#️⃣#tip
🆔@IR_javascript

التماس دعا يعني چه؟

ﺧﺪﺍﻭﻧﺪ ﺑﻪ ﻣﻮسی ﻓﺮﻣﻮﺩ : ﺑﺎ ﺯﺑﺎنی ﺩﻋﺎ ﻛﻦ ﻛﻪ ﺑﺎ ﺁﻥ ﮔﻨﺎﻩ ﻧﻜﺮﺩﻩ ﺍی ﺗﺎ ﺩﻋﺎﻳﺖ ﻣﺴﺘﺠﺎﺏ ﺷﻮﺩ !
ﻣﻮسی ﻋﺮﺽ ﻛﺮﺩ : ﭼﮕﻮﻧﻪ؟

ﺧﺪﺍﻭﻧﺪ ﻓﺮﻣﻮﺩ : ﺑﻪ ﺩﻳﮕﺮﺍﻥ ﺑﮕﻮ ﺑﺮﺍﻳﺖ ﺩﻋﺎﻛﻨﻨﺪ ﭼﻮﻥ ﺗﻮ ﺑﺎ ﺯﺑﺎﻥ ﺁﻧﺎﻥ ﮔﻨﺎﻩ ﻧﻜﺮﺩﻩ ﺍی !!

(( و این است فلسفه ی التماس دعا))

" در این روز ها و شب های قدر نگاهم ﺑﻪ ﺩﻋﺎﯾﺘﺎﻥ است..."

التماس دعا🙏

#⃣#event
🆔@IR_javascript

5 روش برای تبدیل رشته به عدد در جاوا اسکریپت

const str = '2024'
console.log(typeof str)         // string

const num1 = +str
console.log(num1)               // 2024
console.log(typeof num1)        // number

const num2 = Number(str)
console.log(num2)               // 2024
console.log(typeof num2)        // number

const num3 = parseInt(str)
console.log(num3)               // 2024
console.log(typeof num3)        // number

const num4 = parseFloat(str)
console.log(num4)               // 2024
console.log(typeof num4)        // number

const num5 = str * 1
console.log(num5)               // 2024
console.log(typeof num5)        // number

#️⃣#tip
🆔@IR_javascript

Drag and Drop
‏استاندارد HTML5 دارای یک API است که به شما امکان می دهد افکت کشیدن و رها کردن را پیاده سازی کنید.

HTML:

<!-- با تنظیم ویژگی dragable روی true، عنصر را قابل کشیدن کنید-->
<h1 draggable="true">
  <img src="dancer.gif" width="66" height="66">
  I Like To <br>Move It
</h1>

CSS:

img {
  float: left;
}
h1 {
  cursor: move;
}

JS:

let x, y, tx = 0, ty = 0;
const el = document.querySelector("h1");

el.ondragstart = (e) => {
  x = e.x;
  y = e.y;
};

el.ondragend = (e) => {
  tx += e.x - x;
  ty += e.y - y;
  el.style.transform = `translate(${tx}px, ${ty}px)`;
};

🔗https://codepen.io/Frontend-Portal/pen/MWRbebp

#️⃣#tip
🆔@IR_javascript

Scroll-Driven Text Reveals

🔗https://codepen.io/jh3y/pen/eYbYydG

#️⃣#code
🆔@IR_javascript