HTML
ساخت صفحه لودینگ قبل از بارگذاری کامل سایت
آیا تمایل دارید که وقتی صفحه وب سایتتان بطور کامل بارگذاری شد به کاربر نشان داده شود. یا شاید نگران نا امید شدن کاربرانتان هستید. یکی از گزینهها برای کاهش ناامیدی کاربران، اضافه کردن صفحه نمایش دلخواه، پیش از بارگذاری کامل سایت است.
پلاگین اسلایدر Owl Carousel
ساخت اسلایدرهای زیبا با پلاگین jQuery قدرتمند Owl Carousel j تا به حال به این اندازه ساده و لذت بخش نبودهاست. در این مقاله قصد داریم تا شما را با Owl Carousel بیشتر آشنا کنیم و شیوه استفاده آن را به شما آموزش دهیم.
آموزش قرار دادن متن روی تصویر با CSS
چگونه میتوان یک متن یا بلاک را روی یک تصویر در صفحات وب قرار داد؟ در این مقاله ما به شما آموزش میدهیم که چطور با CSS میشود این کار را انجام داد.
طراحی دکمه بازگشت به بالا برای سایت
ممکنه در برخی سایتها دیده باشین که وقتی اسکرول میکنید یک دکمه ظاهر میشود که به دکمه بازگشت با بالا معروف است و با فشردن آن شما به بالای سایت هدایت میشوید. ما در این مقاله قصد داریم شیوهی استفاده از این دکمه را در طراحی سایت به شما آموزش بدیم.
پلاگین بزرگنمایی تصویر EasyZoom
با امکان بزرگنمایی تصاویر در طراحی سایت، شما تجربه مشاهده دقیقتر را به مشتریانتان ارائه خواهید کرد و به آنها این اطمینان را خواهید داد تا با جزییات بیشتر تصاویر و محصولات فروشگاهی شما را نگاه کنند و انتخاب مطمئنتری داشتهباشند.
آموزش ساخت منوی ریسپانسیو با بوت استرپ ۴
امروز قصد داریم به چگونگی طراحی و پیاده سازی منوی ریسپانسیو با بکارگیری فریم ورک بوت استرپ ورژن ۴ بپردازیم. این منو در عین سادگی، میتواند برای شما بسیار پرکاربرد باشد. همه ما به خوبی میدانیم که منوی اصلی یک وب سایت مهمترین بخش آن است و بطور معمول در هدر وب سایت قرار میگیرد. از این رو در این آموزش، تصمیم داریم تا با یکدیگر یک منوی ریسپانسیو زیبا، بر اساس ویژگیها و امکانات بوت استرپ ۴ طراحی کنیم.
بوت استرپ گرید را در ۱۵ دقیقه یاد بگیرید!!!
در دنیای طراحی سایت امروزه، فریم ورک بوت استرپ با امکاناتی که برای کاربران خود در نظر گرفته توانسته به یکی از محبوبترین فریم ورکهای css تبدیل شود. بوت استرپ به جهت کاربرد آسانش، توانست خیلی سریع از دیگر رقیبانش پیشی بگیرد و به نخستین انتخاب طراحان سایت تبدیل شود. استفاده از این فریم ورک برای افرادی که با HTML، CSS و اندکی جاوا اسکریپت آشنایی دارند بسیار آسان است و میتوانند در مدت زمانی کوتاه آن را فراگیرند.
چه چیزهایی را لازم است درباره متغیرهای CSS بدانید؟
زمانی که پروژههای وب شما به مرور پیچیدهتر و بزرگتر میشوند، Css آنها نیز بطور فزایندهای بزرگتر و البته بهم ریختهتر خواهد شد. راه حل این مساله چیست؟ چطور میتوان از این مشکل جلوگیری کرد؟ متغیرهای Css. آنها توانستند مرورگرهای جدید را تحت تأثیر خود قرار دهند و به ما در حل این چالش کمک کنند. در واقع متغیرهای Css توسعهدهندگان وب را قادر ساختند تا بتوانند براحتی از تکرار ویژگیهای Css در طول پروژه خود جلوگیری کنند.