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

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

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

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

تا حالا صفحه ای دیدید که در بعضی از رویداد ها حالت شیشه ای دارد که در تصویر زیر نمونه ای از حالت شیشه ای می باشد.

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

این سورس کد یک ساعت با استفاده از افکتی زیبا پیاده سازی شده و میتونین از اون استفاده کنید.

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

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

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

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

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

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

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

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

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