HTML, CSS, JavaScript Archives – شاه کد

نمایش لودینگ یا نوار بارگذاری با CSS
نمایش لودینگ یا نوار بارگذاری با CSS ، در این مقاله نحوه ی پروژه ایجاد لودینگ یا نوار بارگذاری کامل صفحه وب که با CSS نوشته شده را توضیح میدهیم.نمایش لودینگ صفحه یا بارگذاری کامل آن Preloader

نقاط برخورد دهنده
این پروژه ی بوم برخورددهنده به این صورت است که وقتی بوم ها یا مربع ها باهم برخورد می کنند…

نمایش رنگ پویا در سایت
پروژه ی کوتاه به صورت نمایش رنگ پویا در سایت …

سورس کد سایه CSS متریال دیزاین (Material Design)
متریال دیزاین (Material Design) یک نوع و سبک طراحی است که در سال ۲۰۱۴ توسط شرکت گوگل معرفی شد. در این نوع از طراحی انتقال ها و حرکت ها و انیمیشن های زیبا بهمراه سایه ها و زیبایی های خاصی استفاده شده است . و همینطور در چند سال اخیر طراحان از آن استفاده بیشتری داشته اند.

پروژه Frosted glass effect : حالت شیشه ای زیبا
تا حالا صفحه ای دیدید که در بعضی از رویداد ها حالت شیشه ای دارد که در تصویر زیر نمونه ای از حالت شیشه ای می باشد.

پروژه Lollipop Transition : پاپ آپ با استایل زیبا
در بعضی از سایت ها گاهی پیش آمد که وقتی دکمه ای را کلیک کرده بودید یک پاپ آپ (پنجره فرم) زیبا برایتان گشوده شده بود. در این نمونه، سورس کد (Lollipop Transition) جالب را در اختیار شما قرار دادیم.

پروژه (Glitch Clock): ساعتی با افکتی زیبا
این سورس کد یک ساعت با استفاده از افکتی زیبا پیاده سازی شده و میتونین از اون استفاده کنید.

سورس کد پروفایل کارت با Css و Html
در بعضی از سایت ها مشاهده کرده اید که مشخصات یک فرد را توضیح داده است. در واقع می توان مثل CV یا رزومه یاد کرد، اما در اینجا علاوه بر نمایش مشخصات یک فرد، برای زیباسازی فرم مشخصات به کار رفته است.

حرکت متن به دنبال نشانگر ماوس
گاهی برای شما پیش آمده که بعضی از سایت هایی را مشاهده نمودید که وقتی نشانگر ماوس خود را حرکت می کردید، در کنار نشانگر ماوس متنی به همراه بود و به سمت آن نشانگر در حال حرکت بود.

کد بارش برف در وبلاگ یا سایت
بعضی از سایت هایی را مشاهده کردید که صحنه ای مثل زیر که می بینید، مواجه می شوید. در اینجا تنها از کد جاوا اسکریپت برای نمایش بارش برف به کار برده شده است. بله، بسیار دلنشین است، از استفاده سورس کد آن لذت ببرید.

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

کد جلوگیری از کپی کردن مطالب با جاوا اسکریپت
در پست کد قفل کردن راست کليک با جاوا اسکریپت تنها برای قفل کردن کلیک راست بود حال آنکه ما می خواهیم محتویات متن انتخاب نشود، در واقع هایت لایت یا به اصطلاحا high light نشود و غیر فعال باشد و همه کس نتوانند به راحتی متن را کپی کنند.

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

آرایش گالری با استفاده از HTML و Javascript
خیلی مواقع ما می خواهیم عکس ها یا همان گالری را بر اساس فیلد مورد نظرمان مرتب سازی کنیم و تصاویر را به صورت یکپارچه را مشاهده نمائیم

افکت عکس برای کلیک کردن
در این نمونه کدهای آماده برای افکت عکس در هنگام کلیک کردن آورده شده است. در اینجا از بوت استرپ و همچنین از CSS به کار رفته است. می توانید نمونه پروژه را دانلود نمائید و مشاهده نمائید.

ایجاد افکت برای دکمه
ایجاد افکت برای کلیک کردن. برای اینکار از HTML و CSS استفاده شده است.