Instagram
اخبار سایت :
  • هیچی فقط همیشه سالم و سلامت باشین :دی

canvas

سلام. کد سیاه و سفید کردن عکس با کانواس HTML5 هستش که تنها نکته ش فرمولش بود... :دی
ذکر HTML5 به این دلیله که سیاه و سفید شدن دلیل دیگه ای نداره... :دی
فراموش نکنید که حتما! باید خاصیت src عکس رو بعد از تعیین تابعی onload قرار بدید وگرنه ممکنه قبل از اینکه کد اجرا بشه، عکس لود بشه و کلا تمام کارامون به باد بره... :دی
بنابراین شما مجبور نیستین مثل من، عکس رو هم با js به وجود بیارید اما onload یادتون نره. میتونید هم تگ عکس رو دستی بنویسید و بعد تو کد بهش src بدید. یا onload رو هم به صورت inline بنویسید. در هر صورت کد کار میکنه... :دی
راستی! قبلا در مورد کانواس های `آلوده` صحبت کرده بودم.
اگه کانواسی آلوده باشه و ما بخوایم محتویاتش رو بگیریم error با کد 18 میده که من با استفاده از این کد تشخیص میدم اگه برنامه ارور داده دلیلش چی بوده...
برای اینکه کانواس آلوده نشه باید عکس ها در هاست خودمون آپلود شده باشن و یه شیوه دیگه هم داره که اگه خواستین اونم میگم...
با تشکر... :دی ادامه مطلب
سلام. امروز یکی از جالب ترین کدهایی رو که نوشتم میخوام با افتخار در اینجا قرار بدم:
بازی مار در HTML5
پیشنیاز اجرای این بازی یه مرورگر با ساپورت HTML5 Canvas هستش که البته تقریبا هر مرورگری اینو داره...
برای این که مطمئن بشین هم کافیه برین سایت CanIuse.com و یا ساده تر، این کد رو اجرا کنین... :دی
این مال 2-3 ماه پیشه اما همونطور که گفتم یکی از جالب ترین کدهاییه که نوشتم و چیزهایی رو توش میبینین که شاید برای همه مون تازگی داشته باشه...
سعی کردم با کامنتت، جزء به جزء شو توضیح بدم اما باز هم اگه کوچیکترین ابهامی بود هم در کامنتا و هم در انجمن حاضرم...
همونطور که از عنوان هم مشخصه مهمترین هدف این پست آموزش شیءگرایی و رسم در کانواس بوده و این بازی فقط یه مثاله؛ اونم در حد 2بعدی کانواس...
این یعنی اینکه شما با غرق شدن در این قابلیت میتونین کارهای فوق العاده ای رو انجام بدین!!
الآن که دارم اینجا رو مینویسم واقعا به وجد اومدم (همون جوگیر شدم :دی ) و بهتون به شدت توصیه میکنم به سایت Threejs.org برین و ببینین که دیگه میشه فقط با همین یه قابلیت از HTML5 چه کارا کرد...یکبار در کنسول مرورگرتون به جای getContext('2d')
getContext('webgl') یا getContext('experimental-webgl') رو بزنین تا به عمق فاجعه پی ببرین!
بیخیال؛ کد رو دی یابیم... :دی
نکته خیلی مهم :
اگه میخواین دکمه Save Pic کار کنه باید لینک عکسها از هاست خودتون باشه؛ این یه گزینه امنیتیه و در اصطلاح به کانواسی که از منابع هاست های غیر، استفاده میکنه؛ "آلوده" میگن و از این کانواس دیگه نمیشه خروجی گرفت...
با تشکر... :P ادامه مطلب

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

عیدتون مبارک و به اونایی هم که تولدشونه تبریک میگیم اینم به عنوان کادوی تولد از من قبول کنن ... :دی

دمو و دریافت کد رقص فلاش های رنگی

(آپدیت سه شنبه 22 مهر 1393)

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

این متن به هیچ وجه مزاحم کاربر نخواهد بود چون هر چند وقت یک بار (با استفاده از کوکی) موقعی که کاربر ماوس خود را بر روی صفحه می آورد نمایش داده می شود و بعد از چند ثانیه (زمان قابل تغییر است) حذف می شود.

رنگ این متن به صورت Gradient و رنگ های آن به صورت تصادفی انتخاب می شود و به شما این اجازه را می دهد که چند متن را استفاده کنید که هر متن به صورت اتفاقی برای کاربر به نمایش در می آید.

در این ابزار شما فونت ها ، اندازه ها و زمان بندی هایی را می توانید تغییر دهید تا این ابزار باب میل شما باشد.

این ابزار با استفاده از canvas در جاوا اسکریپت و HTML5 توسط Moisrex ساخته شده است و ممکن است در بعضی از مرورگر های قدیمی به کاربر نمایش داده نشود.

وجود داشتن فایل جی کوئری در قالب الزامی نیست اما وجود آن به افکت فید (fade) ابزار کمک خواهد کرد.

برای نمایش دمو روی دمو کد کلیک کنید (در صورت مشاهده نکردن چیزی کوکی های خود را پاک کنید و یا 24 ساعت بعد از این که در این سایت نبودید مستقیما به این آدرس بروید).

با تشکر

ادامه مطلب

HTML5 نسل بعدی از HTML است.

HTML 5 چیست؟

اچ تی ام ال پنج استاندارد جدیدی برای کد های HTML خواهد بود.
نسخه قبلی اچ تی ام ال پنج ، HTML 4.01 می باشد که در سال 1999 منتشر شد و سایت ها را متحول کرد.
با وجود این هنوز بعضی از مرورگر ها با اچ تی ام ال 5 سازگار نشده اند. (ازجمله اینترنت اکسپلورر در این زمان)

ساخت HTML 5 چگونه آغاز شد؟

HTML5 همکاری بین کنسرسیوم شبکه جهانی وب (W3C) و فناوری وب ابرمتن برنامه گروه کاری (WHATWG) است.
 
برخی از قوانین و ویژگی های HTML5:
  • ویژگی های جدید باید بر اساس HTML، CSS، DOM و JavaScript طراحی شده
  • کاهش نیاز برای پلاگین های خارجی (مانند فلش)
  • جابجایی خطا بهتر است
  • جایگذاری بیشتر برای برنامه نویسی
  • HTML5 یک دستگاه مستقل می باشد.
  • فرایند توسعه باید برای عموم قابل مشاهده باشد.

<!DOCTYPE> در HTML5

در HTML5 فقط یک بیانیه وجود دارد، و آن بسیار ساده است <DOCTYPE> مانند:
<!DOCTYPE html>

حداقل سند HTML5

کد زیر نشان دهنده حداقل کدی است که برای یک صفحه در HTML5 نیاز است وجود دارد: 

 

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>

ویژگی های جدید HTML5

برخی از جالب ترین ویژگی های جدید HTML5:
  • اضافه شدن عنصر <canvas> برای نقاشی دو بعدی (2D)
  • اضافه شدن عناصر <video> و <audio> در رسانه ها پخش
  • پشتیبانی برای ذخیره سازی محلی
  • تغییر محتوای عناصر خاص مانند <article>، <footer>، <header>، <nav>، <section>
  • کنترل شکل جدید، مانند تقویم، تاریخ، زمان، ایمیل، URL، جستجو

HTML5 از نظر پشتیبانی مرورگر ها

اچ تی ام ال 5 هنوز یک استاندارد رسمی نیست و تمام امکانات آن در مرورگر ها پشتیبانی نمی شود.
اما تمام مرورگر های بزرگ (سافاری، کروم، فایرفاکس، اپرا، اینترنت اکسپلورر) تلاش می کنند که این امکانات را در نسخه آخر خود اضافه کنند.
کلاس های آنلاین فعال

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

مدرس: محمد و اقبال
آموزش PHP - جلسه اول
پنجشنبه 04 تیر 1394 - 17:00
هیچ کلاس فعالی موجود نیست.
کاربران آنلاین
آمار
مطالب : 792
نظرات : 4408
تعداد اعضا : 36817
افراد آنلاین : 2
بازدید امروز : 518
بازدید دیروز : 2,915
گوگل امروز : 19
گوگل دیروز : 53
بازدید هفته : 3,433
بازدید ماه : 16,104
بازدید سال : 109,620
بازدید کلی : 10,891,322