کداکسپلور | CodeExplore

استفاده از چند فایل در HTML

🖐

💎احتمالا تا حالا از اینپوت فایل توی HTML استفاده کردین، و دیدین که فقط یک فایل رو میشه انتخاب کرد، این دو اتریبیوت مشکلتون رو حل میکنه:

<input name="my_files[]" type="file" multiple enctype="multipart/form-data" >

#html #mutliple #file

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

❤‍🔥15⚡3🔥3

1.6K viewsKoorosh, edited 18:08

کداکسپلور | CodeExplore

پارگراف با قابلیت ادیت در HTML

🖐

میدونستین میتونین توی html ، پاراگراف قابل ویرایش(توسط کاربر) داشته باشین؟
به این شکل:

<p contenteditable="true">
CodeExplore
</p>

#html #p

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

⚡20❤‍🔥6🔥1😁1

1.91K viewsCodeExplore, 18:12

کداکسپلور | CodeExplore

چجوری از html5 استفاده نکنیم؟

🖐

😠بیاین فرض کنیم شما کنجکاویتون گل کرده و میخواین از html های قدیمی تری استفاده کنید، مثلا html4.01 ، خب برای اینکه ازین ورژن استفاده کنید این کد رو خط اول فایلتون مینویسید:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">

⚠️

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

✔️میتونید از اینجا بیشتر بخونید.

#html

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

❤‍🔥13⚡3🔥2💔2

1.84K viewsKoorosh, 17:41

کداکسپلور | CodeExplore

لینک بی عمل در جاوااسکریپت

✌️

⚡️با این کد میتونید یک لینک درست کنید که دقیقا هیچکاری نمیکنه، نه صفحه جدیدی باز میکنه، نه هشتگی توی url میزاره و نه هیچی.

<a href="javascript:void(0);">Click Me!</a>

#html #js #javascript #trick

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥14⚡5❤‍🔥3

1.86K viewsKoorosh, 13:11

کداکسپلور | CodeExplore

⚡️تگ <canvas> توی HTML مثل یه صفحه نقاشی خالیه که باهاش می‌تونی هرچی دلت می‌خواد بکشی. البته خودش چیزی نشون نمی‌ده؛ باید با جاوااسکریپت (یه زبان برنامه‌نویسی که توی وب استفاده می‌شه) بهش بگی چی بکشه.

◀️

ویژگی‌های مهم:
- عرض و ارتفاع (width و height): اینا اندازه صفحه نقاشیت رو مشخص می‌کنن. اگه نذاری، خودش یه اندازه پیش‌فرض داره (300 در 150 پیکسل).
- جاوااسکریپت: با جاوااسکریپت می‌تونی روی این صفحه نقاشی خط بکشی، دایره و مستطیل بکشی، یا حتی عکس بذاری.

یه مثال ساده:

<!DOCTYPE html>
<html>
<body>

<canvas id="myCanvas" width="200" height="100" style="border:1px solid #000000;">
مرورگر شما از تگ Canvas پشتیبانی نمی‌کند.
</canvas>

<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");

// کشیدن یه مستطیل قرمز
ctx.fillStyle = "#FF0000";
ctx.fillRect(20, 20, 150, 75);
</script>

</body>
</html>

اینجا یه صفحه نقاشی به اندازه 200 در 100 پیکسل درست کردیم و با جاوااسکریپت توش یه مستطیل قرمز کشیدیم. این کارها رو با چند خط کد ساده انجام دادیم.

👀

کجاها می‌تونیم ازش استفاده کنیم؟
- کشیدن نمودارها و گراف‌ها
- رسم شکل‌های دو‌بعدی
- انیمیشن‌های ساده
- بازی‌های تحت وب

#canvas #html #js

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥12⚡4❤‍🔥2

1.84K viewsAqa Reza, 08:32

کداکسپلور | CodeExplore

‏WebAssembly در فرانت‌اند: تحولی برای عملکرد بالاتر

🔥

📣‏WebAssembly (Wasm) یکی از جدیدترین تکنولوژی‌ها در دنیای وب هست که به توسعه‌ دهندگان امکان می‌ده تا کدهای سطح پایین و بهینه‌ای رو روی مرورگرهای وب اجرا کنن. این تکنولوژی برای برنامه‌هایی که به سرعت و عملکرد بالایی نیاز دارن، مثل بازی‌های وب و برنامه‌های محاسباتی سنگین، بسیار کاربردی هست. در این مقاله، به بررسی WebAssembly، مزایای آن در فرانت‌اند، و چگونگی استفاده از آن خواهیم پرداخت.

🌕

برای مشاهده کامل مقاله کلیک کنید.

#webassembelly #frontend #js #html #css #javascript #programming

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

⚡12❤‍🔥3🔥2

2.1K views11:45

کداکسپلور | CodeExplore

آموزش و اهمیت استفاده از Shape Divider در طراحی وب

⚡️

🔔 طراحی وب همیشه به دنبال روش‌هایی است که به آن زیبایی و جذابیت بیشتری ببخشد. یکی از عناصر کلیدی در طراحی صفحات وب، استفاده از جداکننده‌ها یا دیوایدرها است. سایت Shape Divide به طراحان این امکان را می‌دهد تا اشکال جذاب و متنوعی برای جداکننده‌ها بسازند و طراحی خود را به سطح جدیدی ارتقا دهند.

🌕

برای مشاهده کامل مقاله کلیک کنید.

#shapedivider #frontend #css #html

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥10❤‍🔥3⚡1

2.02K views11:35

کداکسپلور | CodeExplore

ویژگی‌های WebKit در Safari 18.0: تحول بزرگ در عملکرد و امنیت

🔍

🔄نسخه Safari 18.0 با بهبودهای گسترده در WebKit عرضه شده است که تجربه کاربران را بهبود می‌بخشد. این نسخه مجموعه‌ای از قابلیت‌های پیشرفته در زمینه CSS، امنیت، عملکرد و دسترسی را ارائه می‌دهد. در این مقاله به بررسی جزئیات این ویژگی‌ها و تأثیرات آنها می‌پردازیم.

🌕

برای مشاهده کامل مقاله کلیک کنید.

#ios #safari #css #html #frontend #site #programming

☕️

@CodeExplore

Please open Telegram to view this post

VIEW IN TELEGRAM

🔥8❤‍🔥4⚡2

1.81K viewsedited 07:34

کداکسپلور | CodeExplore

آموزش جامع HTML

🔼

🌐

توی این دوره آموزشی سعی کردیم خیلی ساده، سریع و رایگان این زبان نشانه گذاری رو به شما بصورت کامل آموزش بدیم.

این دوره بصورت هفتگی آپدیت میشه و قسمت های جدیدی بهش اضافه میشه.

🔔قسمت های منتشر شده:
- مقدمه
- آشنایی با ساختار صفحات
- تگ های hr و br
- تگ پاراگراف

دسترسی به دوره

#html #tutorial

☕️

Telegram | Website | Discord

Please open Telegram to view this post

VIEW IN TELEGRAM

⚡16🔥8❤‍🔥3💔2

2.28K viewsedited 16:47

کداکسپلور | CodeExplore

سه قسمت جدید از آموزش جامع HTML داخل سایت قرار گرفت 🖐

🔄

توی این دوره آموزشی سعی کردیم خیلی ساده، سریع و رایگان این زبان نشانه گذاری رو به شما بصورت کامل آموزش بدیم.

🆕 قسمت های جدید:
- تگ های Heading
- تگ های Format
- کامنت گذاری در HTML

دسترسی به دوره

#html #tutorial

☕️

Telegram | Website | Discord

Please open Telegram to view this post

VIEW IN TELEGRAM

❤‍🔥11⚡4🔥3😍1

2.2K views18:49

کداکسپلور | CodeExplore

سه قسمت جدید از آموزش جامع HTML منتشرشد 🔥

توی این دوره آموزشی سعی کردیم خیلی ساده، سریع و رایگان این زبان نشانه گذاری رو به شما بصورت کامل آموزش بدیم.

🆕 قسمت های جدید:
- استفاده از تصاویر
- استفاده از لیست ها
- استفاده از لینک ها

دسترسی به دوره

#html #tutorial
☕️ Telegram | Website | Discord

⚡11🔥1

1.89K views13:50

کداکسپلور | CodeExplore

سه قسمت جدید از آموزش جامع HTML منتشرشد 🔥

توی این دوره آموزشی سعی کردیم خیلی ساده، سریع و رایگان این زبان نشانه گذاری رو به شما بصورت کامل آموزش بدیم.

🆕 قسمت های جدید:
- پیاده سازی جداول
- تگ های Audio و Video
- فرم در HTML

دسترسی به دوره

#html #tutorial
☕️ Telegram | Website | Discord

⚡9

2.16K views17:48

کداکسپلور | CodeExplore

چهار قسمت جدید از آموزش جامع HTML منتشرشد 🔥

توی این دوره آموزشی سعی کردیم خیلی ساده، سریع و رایگان این زبان نشانه گذاری رو به شما بصورت کامل آموزش بدیم.

🆕 قسمت های جدید:
- فرم در HTML - بخش دوم
- تگ iFrame
- آیدی و کلاس ها
- تگ های div و span

دسترسی به دوره

#html #tutorial
☕️ Telegram | Website | Discord

⚡9

2.07K views17:28

کداکسپلور | CodeExplore

0:32

This media is not supported in your browser

VIEW IN TELEGRAM

#fun #js #html #css #react
☕️ Telegram | Website | Discord

😁25⚡2

1.68K viewsᴀᴍɪʀᴍᴀsᴏᴜᴅ, 10:17

کداکسپلور | CodeExplore

پنج قسمت جدید و پایانی از آموزش جامع HTML منتشرشد 🔥

توی این دوره آموزشی سعی کردیم خیلی ساده، سریع و رایگان این زبان نشانه گذاری رو به شما بصورت کامل آموزش بدیم.

🆕 قسمت های جدید:
- تگ های معنادار
- تگ های Article و Section
- تگ Canvas
- تگ های کاربردی
- متاتگ (Metatag) ها در HTML

دسترسی به دوره

#html #tutorial
☕️ Telegram | Website | Discord

⚡6🔥3❤‍🔥2

1.67K viewsᴀᴍɪʀᴍᴀsᴏᴜᴅ, 14:09

کداکسپلور | CodeExplore

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

GitHub: https://github.com/htaria/telegram-services-site

#html #theme #telegram #site #css #js #frontend
☕️Telegram | Website | Discord

🔥5❤‍🔥3⚡2

1.62K viewsᴋᴏᴏʀᴏꜱʜ, 07:38

About

Blog

Apps

Platform