This media is not supported in your browser
VIEW IN TELEGRAM
ویژگی scroll-padding
به شما امکان می دهد در فاصله معینی از لبه ظرف، scroll را متوقف کنید
🔗https://css-tricks.com/almanac/properties/s/scroll-padding/
#️⃣#tip
🆔@IR_javascript
به شما امکان می دهد در فاصله معینی از لبه ظرف، scroll را متوقف کنید
.scroll-container {
scroll-padding: 50px 0 0 50px;
}🔗https://css-tricks.com/almanac/properties/s/scroll-padding/
#️⃣#tip
🆔@IR_javascript
👍4
نظرات پیشرفته
Better Comments یک افزونه برای VSCode است که به شما کمک می کند نظرات را در کد خود ساختار بهتری داشته باشید. این قابلیت دسته بندی نظرات و برجسته کردن آنها در رنگ های مختلف را ارائه می دهد که به شما کمک می کند نکات مهم، وظایف یا نظرات را برجسته کنید.
#️⃣#tool
🆔@IR_javascript
Better Comments یک افزونه برای VSCode است که به شما کمک می کند نظرات را در کد خود ساختار بهتری داشته باشید. این قابلیت دسته بندی نظرات و برجسته کردن آنها در رنگ های مختلف را ارائه می دهد که به شما کمک می کند نکات مهم، وظایف یا نظرات را برجسته کنید.
#️⃣#tool
🆔@IR_javascript
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
Navigation with Glass Effect
ناوبری وب سایت با جلوه شیشه ای. با استفاده از جاوا اسکریپت پیاده سازی شده است.
🔗https://codepen.io/codesuey/pen/abPEyjo?editors=1010
#️⃣#code
🆔@IR_javascript
ناوبری وب سایت با جلوه شیشه ای. با استفاده از جاوا اسکریپت پیاده سازی شده است.
🔗https://codepen.io/codesuey/pen/abPEyjo?editors=1010
#️⃣#code
🆔@IR_javascript
👍2
توابع خود فراخوان
این توابع با توابع معمولی متفاوت هستند - آنها در همان مکانی که اعلام شده اند اجرا می شوند.
لازم به ذکر است که این توابع نامی ندارند، به این معنی که نمی توانیم دوباره آنها را فراخوانی کنیم.
#️⃣#tip
🆔@IR_javascript
این توابع با توابع معمولی متفاوت هستند - آنها در همان مکانی که اعلام شده اند اجرا می شوند.
لازم به ذکر است که این توابع نامی ندارند، به این معنی که نمی توانیم دوباره آنها را فراخوانی کنیم.
#️⃣#tip
🆔@IR_javascript
السلام ای صاحب اسم کریم
السلام ای عبدالله الرحیم
من بسوزم از غم و رنج گناه
السلام ای مجتبی! ای عاصیان را تو نسیم
#️⃣#event
🆔@IR_javascript
السلام ای عبدالله الرحیم
من بسوزم از غم و رنج گناه
السلام ای مجتبی! ای عاصیان را تو نسیم
#️⃣#event
🆔@IR_javascript
❤11👎11
This media is not supported in your browser
VIEW IN TELEGRAM
Flash Message (Error/Success)
کارت های متحرک با متن "خطا" و "موفقیت". با استفاده از SCSS پیاده سازی شده است.
🔗https://codepen.io/juliepark/pen/vjMOKQ
#️⃣#code
🆔@IR_javascript
کارت های متحرک با متن "خطا" و "موفقیت". با استفاده از SCSS پیاده سازی شده است.
🔗https://codepen.io/juliepark/pen/vjMOKQ
#️⃣#code
🆔@IR_javascript
👍3
ویژگی capture اجازه می‌دهد تا هنگام آپلود از بتوان سخت‌افزار تلفن همراه (دوربین، میکروفون، و غیره) استفاده نمود
🔗https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/capture
#️⃣#tip
🆔@IR_javascript
<label for="selfie">از صورت خود عکس بگیرید:</label>
<input type="file" id="selfie" name="selfie" accept="image/*" capture="user" />
<label for="picture">با دوربین پشتی عکس بگیرید:</label>
<input type="file" id="picture" name="picture" accept="image/*" capture="environment" />
<label for="soundFile">صدای شما چگونه است؟:</label>
<input type="file" id="soundFile" capture="user" accept="audio/*" />
🔗https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/capture
#️⃣#tip
🆔@IR_javascript
accent-color
رنگ برخی از کنترل های رابط کاربری مثل checkbox radio range تنظیم می کند.
پشتیبانی در حال حاضر برای مرورگرها 93.61٪ است
🔗https://developer.mozilla.org/en-US/docs/Web/CSS/accent-color
#️⃣#tip #css
🆔@IR_javascript
رنگ برخی از کنترل های رابط کاربری مثل checkbox radio range تنظیم می کند.
accent-color: red;
پشتیبانی در حال حاضر برای مرورگرها 93.61٪ است
🔗https://developer.mozilla.org/en-US/docs/Web/CSS/accent-color
#️⃣#tip #css
🆔@IR_javascript
👍2
ویژگی CSS line-clamp به شما امکان می دهد متن را به تعداد مشخصی از خطوط محدود کنید و سپس بعد از آن ellipsis رخ خواهد داد.
#️⃣#tip #css
🆔@IR_javascript
p {
width: 300px;
display: -webkit-box;
-webkit-line-clamp: 3;
overflow: hidden;
}
#️⃣#tip #css
🆔@IR_javascript
👍5
Shiki 1.0: A Powerful Syntax Highlighter
Shiki (式، کلمه ژاپنی برای "Style") یک highlighter زیبا و قدرتمند بر اساس گرامر و مضامین TextMate ( که در VS Code استفاده می شود) است. تقریباً برای هر زبان برنامه نویسی رایج، برجسته سازی بسیار دقیق و سریع ارائه می دهد.
🔗https://shiki.style/
#️⃣#npm_module
🆔@IR_javascript
Shiki (式، کلمه ژاپنی برای "Style") یک highlighter زیبا و قدرتمند بر اساس گرامر و مضامین TextMate ( که در VS Code استفاده می شود) است. تقریباً برای هر زبان برنامه نویسی رایج، برجسته سازی بسیار دقیق و سریع ارائه می دهد.
🔗https://shiki.style/
#️⃣#npm_module
🆔@IR_javascript
Plotly 2.30: A JavaScript Graphing Library
Plotly.js یک کتابخانه ویژال سازی برای داده‌های جاوا اسکریپت است، و می تواند برای تولید ده ها نوع نمودار، از جمله نمودارهای آماری، نمودارهای سه بعدی، نمودارهای علمی، نمودارهای مالی و موارد دیگر استفاده شود.
🔗https://plotly.com/javascript/
#️⃣#npm_module
🆔@IR_javascript
Plotly.js یک کتابخانه ویژال سازی برای داده‌های جاوا اسکریپت است، و می تواند برای تولید ده ها نوع نمودار، از جمله نمودارهای آماری، نمودارهای سه بعدی، نمودارهای علمی، نمودارهای مالی و موارد دیگر استفاده شود.
🔗https://plotly.com/javascript/
#️⃣#npm_module
🆔@IR_javascript
👍1
Git-it
برنامه دسکتاپ برای آموزش کار با Git و GitHub
وظایف واقعی را ارائه می دهد، نه شبیه سازی یعنی پس از تکمیل تمام وظایف، مخازن آماده ای در GitHub خواهید داشت که برای یک نمونه کار ایده آل است.
🔗https://github.com/jlord/git-it-electron
#️⃣#npm_module
🆔@IR_javascript
برنامه دسکتاپ برای آموزش کار با Git و GitHub
وظایف واقعی را ارائه می دهد، نه شبیه سازی یعنی پس از تکمیل تمام وظایف، مخازن آماده ای در GitHub خواهید داشت که برای یک نمونه کار ایده آل است.
🔗https://github.com/jlord/git-it-electron
#️⃣#npm_module
🆔@IR_javascript
اگر از فونت های شخص ثالث (مثلاً فونت های گوگل) استفاده می کنید، بهتر است آنها را نه در CSS خود، بلکه در index.html قرار دهید.
به این ترتیب، مرورگر قبل از دریافت فایل‌های CSS شما شروع به بارگیری آنها می‌کند و سریع‌تر ظاهر می‌شوند و احتمال اینکه متن روی صفحه هنگام تغییر فونت از فونت پیش فرض ، «تکان‌دار یا پرش دار» شود، کاهش می‌یابد.
#️⃣#tip
🆔@IR_javascript
به این ترتیب، مرورگر قبل از دریافت فایل‌های CSS شما شروع به بارگیری آنها می‌کند و سریع‌تر ظاهر می‌شوند و احتمال اینکه متن روی صفحه هنگام تغییر فونت از فونت پیش فرض ، «تکان‌دار یا پرش دار» شود، کاهش می‌یابد.
#️⃣#tip
🆔@IR_javascript
🔥1