مدیا کوئری در CSS

مدیا کوئری در CSS

در مطلب قبلی آموختیم مفهوم ریسپانسیو چیست. همچنین روش های مختلفی نیز برای واکنش گرا نمودن یک وبسایت شرح دادیم. در ادامه قصد داریم به بیان نحوه ریسپانسیو کردن یک سایت با مدیا کوئری در CSS بپردازیم. در ابتدا نیاز […]

ریسپانسیو یا واکنش گرا نمودن یک سایت

ریسپانسیو یا واکنش گرا نمودن یک سایت

کلمه ریسپانسیو (responsive) به معنی واکنش گرا می باشد. این واکنش گرایی بدین معنی است که سایت شما در نمایشگرهای مختلف ظاهری متناسب داشته باشد. همچنین المان های موجود در صفحه به صورتی کنار یکدیگر قرار بگیرند که در نمایشگرهای […]

ایجاد dropdown menu در نوبار با CSS

ایجاد dropdown menu در نوبار با CSS

امروز قصد داریم نحوه ایجاد یک منوی نوبار ساده را بررسی بکنیم. همچنین منوهای بازشونده یا dropdown را نیز خواهیم گفت. درانتها نوباری را با کمک HTML & CSS ایجاد میکنیم تا با هاورشدن محتویات منوی dropdown نمایش داده بشود. […]

ساخت فرم عضویت در خبرنامه

ساخت فرم عضویت در خبرنامه

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

گرید بندی صفحه وب با HTML و CSS

گرید بندی صفحه وب با HTML و CSS

در این آموزش، به یکی از مفاهیم پایه و کلیدی طراحی وب، یعنی گریدبندی صفحات وب با استفاده از HTML و CSS خواهیم پرداخت. گرید بندی HTML یا شبکه‌بندی آن به توسعه‌دهندگان وب امکان می‌دهد تا ساختارهای منظم و متقارن […]

پاپ آپ چت با ادمین سایت

پاپ آپ چت با ادمین سایت

در این آموزش قصد داریم نحوه ایجاد یک پاپ آپ(Popup) را بررسی کنیم. با کمک HTML و CSS صفحه ای را پیاده سازی میکنیم. سپس نیاز است چند خط کد جاوااسکریپت هم به پروژه خود اضافه کنیم. در نهایت می […]

طراحی فلیپ باکس با HTML & CSS

طراحی فلیپ باکس با HTML & CSS

در این آموزش ویدئویی قصد داریم یک باکس ایجاد کنیم که پشت و جلوی این باکس دارای متن متفاوت باشند و با بردن موس بر روی این باکس متن پشت نمایان شود. نام این باکس فلیپ باکس می باشد. شما […]