وب سایت در مورد ساخت و ساز.
فرمت: figma
سختی: دشوار
زبان: en
ریسپانسیو: true
🔗https://www.figma.com/file/DK5zqZOMYPqevEfI5OC7Xk/Molenhauer?type=design&node-id=18-38&mode=design
#️⃣#design
🆔@IR_javascript
فرمت: figma
سختی: دشوار
زبان: en
ریسپانسیو: true
🔗https://www.figma.com/file/DK5zqZOMYPqevEfI5OC7Xk/Molenhauer?type=design&node-id=18-38&mode=design
#️⃣#design
🆔@IR_javascript
👍1🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
scroll-behavior یک ویژگی CSS است که به شما اجازه می دهد تا نرمی یک اسکرول را در صفحه وب هنگامی که توسط یک لینک داخلی کلیک میشود کنترل کنید.
🔗https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior
#️⃣#tip #css
🆔@IR_javascript
🔗https://developer.mozilla.org/en-US/docs/Web/CSS/scroll-behavior
#️⃣#tip #css
🆔@IR_javascript
👍2
This media is not supported in your browser
VIEW IN TELEGRAM
؛CreatieAI به شما امکان می‌دهد با قدرت هوش مصنوعی در عرض چند دقیقه یک اپلیکیشن یا وب‌سایت طراحی کنید.
برگرفته از:@Ai_NewsTv
🔗https://creatie.ai/
#️⃣#tool
🆔@IR_javascript
برگرفته از:@Ai_NewsTv
🔗https://creatie.ai/
#️⃣#tool
🆔@IR_javascript
👍3
سبک ژاپنی در VSCode
"Kanagawa" که از فرهنگ ژاپنی الهام گرفته شده است. رنگ ها و عناصر طراحی دلپذیر را ارائه می دهد و کار با کد را لذت بخش تر و راحت تر می کند.
#️⃣#tool
🆔@IR_javascript
"Kanagawa" که از فرهنگ ژاپنی الهام گرفته شده است. رنگ ها و عناصر طراحی دلپذیر را ارائه می دهد و کار با کد را لذت بخش تر و راحت تر می کند.
#️⃣#tool
🆔@IR_javascript
jBox یک کتابخانه جاوا اسکریپت است که به شما امکان می دهد انواع مختلف پنجره های بازشو ایجاد کنید
🔗https://github.com/StephanWagner/jBox
#️⃣#npm_module
🆔@IR_javascript
🔗https://github.com/StephanWagner/jBox
#️⃣#npm_module
🆔@IR_javascript
👍2
آموزش غواصی
فرمت: figma
سختی: دشوار
زبان: ru
ریسپانسیو: true
🔗https://www.figma.com/file/R3bMDutykWgBN9KfwcozGf/%D0%B4%D0%B0%D0%B9%D0%B2%D0%B8%D0%BD%D0%B3?type=design&node-id=0-1&mode=design
#️⃣#design
🆔@IR_javascript
فرمت: figma
سختی: دشوار
زبان: ru
ریسپانسیو: true
🔗https://www.figma.com/file/R3bMDutykWgBN9KfwcozGf/%D0%B4%D0%B0%D0%B9%D0%B2%D0%B8%D0%BD%D0%B3?type=design&node-id=0-1&mode=design
#️⃣#design
🆔@IR_javascript
👍2🔥1
Internationalization API
هنگام توسعه یک برنامه کاربردی، تطبیق محتوای آن با زبان های مختلف ضروری است. ترجمه منظم به دلیل تفاوت در قالب تاریخ، اعداد، واحدهای اندازه گیری و سایر پارامترها، که ممکن است در کشورها و شهرهای مختلف متفاوت باشد، همیشه مناسب نیست . همچنین ترجمه نادرست این عناصر می تواند بر تجربه کاربر تأثیر منفی بگذارد.
🔗https://medium.com/free-code-camp/how-to-get-started-with-internationalization-in-javascript-c09a0d2cd834
#️⃣#tip
🆔@IR_javascript
هنگام توسعه یک برنامه کاربردی، تطبیق محتوای آن با زبان های مختلف ضروری است. ترجمه منظم به دلیل تفاوت در قالب تاریخ، اعداد، واحدهای اندازه گیری و سایر پارامترها، که ممکن است در کشورها و شهرهای مختلف متفاوت باشد، همیشه مناسب نیست . همچنین ترجمه نادرست این عناصر می تواند بر تجربه کاربر تأثیر منفی بگذارد.
🔗https://medium.com/free-code-camp/how-to-get-started-with-internationalization-in-javascript-c09a0d2cd834
#️⃣#tip
🆔@IR_javascript
"border" چه تفاوتی با "outline" دارد؟
هر دوی این ویژگی ها مسئول استایل دادن به عنصر هستند، اما تفاوت های زیادی با هم دارند:
1. ویژگی border بخشی از بلوک عنصر است. این بدان معنی است که تغییر ضخامت border بر اندازه خود عنصری که به آن تعلق دارد نیز تأثیر می گذارد. outline به نوبه خود به هیچ وجه بر مکان و اندازه عناصر در تأثیر نمی گذارد.
2. border یک ویژگی ترکیبی (تعمیم کننده) است، یعنی بصورت جداگانه برای هر یک از 4 طرف میتوان تنظیم کرد. outline را نمی توان به صورت جداگانه برای هر یک از 4 طرف تنظیم کرد.
3. تفاوت معنایی - border معمولاً برای ایجاد یک مرز قابل مشاهده روی یک عنصر استفاده میشود، در حالی که outline برای برجسته کردن یک عنصر استفاده میشود.
#️⃣#tip #css
🆔@IR_javascript
هر دوی این ویژگی ها مسئول استایل دادن به عنصر هستند، اما تفاوت های زیادی با هم دارند:
1. ویژگی border بخشی از بلوک عنصر است. این بدان معنی است که تغییر ضخامت border بر اندازه خود عنصری که به آن تعلق دارد نیز تأثیر می گذارد. outline به نوبه خود به هیچ وجه بر مکان و اندازه عناصر در تأثیر نمی گذارد.
2. border یک ویژگی ترکیبی (تعمیم کننده) است، یعنی بصورت جداگانه برای هر یک از 4 طرف میتوان تنظیم کرد. outline را نمی توان به صورت جداگانه برای هر یک از 4 طرف تنظیم کرد.
3. تفاوت معنایی - border معمولاً برای ایجاد یک مرز قابل مشاهده روی یک عنصر استفاده میشود، در حالی که outline برای برجسته کردن یک عنصر استفاده میشود.
#️⃣#tip #css
🆔@IR_javascript
This media is not supported in your browser
VIEW IN TELEGRAM
تگ <dialog> در HTML برای ایجاد یک پنجره مودال
اگر مودال باز شود (با استفاده از showModal() )، پس زمینه کم نور می شود و بقیه محتوا برای تعامل در دسترس نیست.
HTML:
#️⃣#tip #html
🆔@IR_javascript
اگر مودال باز شود (با استفاده از showModal() )، پس زمینه کم نور می شود و بقیه محتوا برای تعامل در دسترس نیست.
HTML:
<dialog>CSS:
<!-- содержимое-->
<button id="closeBtn">Закрой меня</button>
</dialog>
<button id="openBtn">Открыть модалку</button>
dialog {
width: 300px;
animation: move-in 0.3s;
/* другие стили */
}
dialog::backdrop {
background-color: #2e3252b3;
animation: fade-in 0.3s;
}
JS:const dialog = document.querySelector('dialog');
const openBtn = document.querySelector('#openBtn');
const closeBtn = document.querySelector('#closeBtn');
openBtn.addEventListener('click', () => dialog.showModal());
closeBtn.addEventListener('click', () => dialog.close());#️⃣#tip #html
🆔@IR_javascript
👍2
fetch-event-stream
ابزار کوچک (745b) برای مدیریت رویدادهای ارسال شده توسط سرور(SSE) از طریق API fetchو یا WebStreams
🔸 به شما امکان می دهد از WebWorker/ServiceWorker استفاده کنید
🔹 AbortController را برای رشته هایی که می توان لغو کرد می پذیرد
🔗 https://github.com/lukeed/fetch-event-stream
#️⃣#npm_module
🆔@IR_javascript
ابزار کوچک (745b) برای مدیریت رویدادهای ارسال شده توسط سرور(SSE) از طریق API fetchو یا WebStreams
🔸 به شما امکان می دهد از WebWorker/ServiceWorker استفاده کنید
🔹 AbortController را برای رشته هایی که می توان لغو کرد می پذیرد
🔗 https://github.com/lukeed/fetch-event-stream
#️⃣#npm_module
🆔@IR_javascript
👍3👏1
در خروجی چه خواهد بود؟
Anonymous Quiz
17%
undefined , number
33%
undefined ,undefined
32%
number , number
17%
number , undefined
🤯1
آپاچی کوردوا یک پلتفرم متن باز است که برای ساخت برنامه‌های کاربردی موبایل با استفاده از اچ تی ام ال، سی اس اس و جاوا اسکریپت استفاده میشود. این پلتفرم به توسعه دهندگان امکان می‌دهد با استفاده از یک کد بیس واحد، برنامه‌هایی را برای چندین پلتفرم موبایل مانند اندروید، iOS و Windows Phone بسازند.
🔗 https://github.com/lukeed/fetch-event-stream
#️⃣#npm_module
🆔@IR_javascript
🔗 https://github.com/lukeed/fetch-event-stream
#️⃣#npm_module
🆔@IR_javascript
👍1