جلوگیری از ذخیره ی تصاویر سایت!

حتماً کد از کار انداختن کلیک راست ماوس و گزینه هایی مثل ذخیره یا کپی تصاویر رو دیده اید. به هر حال اگه از روش های معمول نمایش تصویر استفاده کرده باشین، باز با ذخیره ی صفحه ی وب، عکس های داخلش هم دانلود میشن!
اما در روش ترکیبی که اینجا معرفی شده دیگه چنین اتفاقی نخواهد افتاد. چون در واقع برای نمایش تصویر اون رو در زمینه ی صفحه لود می کنیم. توضیحات فارسی در کد به اندازه ی کافی گویا هستن.
اگر چه در مرورگرهای معروف کروم و فایر فاکس دیگه با این روش نمیشه عکسها رو دانلود یا اشتراک گذاری کرد، ولی با عکاسی از صفحه و نظایر اون هنوز ممکنه. پس توصیه میشه از واترمارک و انداختن طرح خصوصی هم داخل عکسها بهره ببرین.

#html #css #code #webdesign

اجرای ویدیو در زمینه ی صفحه وب

در بکگراند یک ویدیوی زیبا لوپ بشه و روی اون در شکل های مختلف متن یا کلید برای عبور به صفحات دیگه قرار داده بشن.
جای این ویدیو میتونین هر فیلم دیگه قرار بدین و کدهای نمونه رو یکی یکی تست کنید.

#code #webdesign #html #css

برنامه‌ی سریع با کوپایلوت

در لینک های جاوااسکریپت آموزش های جالبی برای آشنایی و کار با جاوااسکریپت قرار داده ام به عنوان تنها زبان برنامه نویسی که در هر دستگاه و سیستم عاملی از گوشی تا لپتاپ بدون نصب هیچ نرم افزاری و تنها با مرورگرهای اینترنتی اجرا میشن.
اما حالا اینجا شبانه به ذهنم رسید که با همون امکانات مرورگر یک برنامه‌ی کاربردی با بیشترین سرعت ممکن بسازم و طبعاً از هوش مصنوعی مایکروسافت که الان روی ویندوز هم فعاله بهره گرفتم و نتیجه بیش از اندازه جالب بود.
کافیه به جای این پرامپت مختصر که دفتر تلفن بود شما چیزهای دیگه از اون بخواهید که بنویسه!
همونطور که در این فیلم معلومه هوش مصنوعی یک ابزار کمکی فوق العاده به این ترتیب می‌تونه باشه به خصوص در طراحی سریع کادرها و رابط کاربری.

#javascript #html

اَپلیکیشن مدیریت هزینه ها
امنیت مضاعف و سه زبانه!

   توقع خودم رو از اپلیکیشن تک صفحه (SPA) بالا بردم که بدون رفرش صفحه یعنی بدون Server  و اینجا حتا بدون دیتابیس امن قراره کار کنه! کنجکاوی هم نگذاشت دست از سر هوش مصنوعی بسیار قدرتمند چینی به نام Deep Seek بردارم.
بنابراین برنامه‌ی دفتر تلفن پیشرفته رو که خودش نوشته بود بهش دادم و در قالب یک برنامه ی جدید برای «ثبت هزینه‌های ماهانه» این تغییرات رو ازش خواستم:
- اپلیکیشن سه زبانه: فارسی، انگلیسی و چینی!
- رمز عبور Hash یا رمزنگاری شده تا از لوکال استوریج داخل مرورگر قابل مشاهده نباشه!
- لیست هزینه ها از گران به ارزان یا برعکس قابل سورت و مرتب سازی!
- جمع مبلغ خریدها محاسبه و در زیر جدول هزینه‌ها.

  بله حدود ۶۰۰ خط کد پیچیده رو در ۵ دقیقه نوشت گذاشت جلوم! در حالی که قبل از این برنامه‌ی ساده و ۵۰ خطی محاسبه‌ی شارژ ساختمان رو یک ساعت طول کشید با کلی دیباگ و سرچ بنویسم!

ابزارهای مرتبط:
تبدیل وب به EXE
تبدیل وب به APK

#javascript  #html 

تاس سه بُعدی فقط با CSS

با این برنامه‌ی بسیار جالب که فقط با اسکریپت CSS بسیار هنرمندانه‌ تاس های واقعی را شبیه سازی کرده می توان بدون صدا تخته نرد هم بازی کرد!
برای چرخش تاس ها و انیمیشن نرم اونها هم از جاوااسکریپت استفاده شده.
کدنویسی با هوش مصنوعی DeepSeek

#javascript #css #html

یادآوری:
اجرای فیلم در تصویر زمینه‌ی سایت یا برنامه، به جای عکس.

https://t.me/codinginaday/601