تاکنون با سایت هایی مواجه شده اید که از انیمیشن هایی در صفحه وب سایت خود استفاده می کنند. در این مقاله مقدمات نحوه استفاده از انیمیشن در CSS را یاد خواهیم گرفت، سپس با ذکر چند مثال عملی آموزش […]
در مطلب قبلی آموختیم مفهوم ریسپانسیو چیست. همچنین روش های مختلفی نیز برای واکنش گرا نمودن یک وبسایت شرح دادیم. در ادامه قصد داریم به بیان نحوه ریسپانسیو کردن یک سایت با مدیا کوئری در CSS بپردازیم. در ابتدا نیاز […]
برای ریسپانسیو کردن یک صفحه راه های گوناگونی مقابل شما است. می توانید از فریم ورک های مختلف استفاده کنید و یا از media query بهره ببرید. همچنین می توانید به کمک جاوااسکریپت به هندل کردن المان های صفحه خود […]
کلمه ریسپانسیو (responsive) به معنی واکنش گرا می باشد. این واکنش گرایی بدین معنی است که سایت شما در نمایشگرهای مختلف ظاهری متناسب داشته باشد. همچنین المان های موجود در صفحه به صورتی کنار یکدیگر قرار بگیرند که در نمایشگرهای […]
امروز قصد داریم نحوه ایجاد یک منوی نوبار ساده را بررسی بکنیم. همچنین منوهای بازشونده یا dropdown را نیز خواهیم گفت. درانتها نوباری را با کمک HTML & CSS ایجاد میکنیم تا با هاورشدن محتویات منوی dropdown نمایش داده بشود. […]
به احتمال زیاد با button ها آشنایی دارید. دکمه هایی هستند که در صفحات پیاده سازی می شوند. با کلیک بر روی باتن ها می توان فعالیت مدنظر خود را انجام داد. در مقاله دکمه ها در HTML و CSS […]
امروز قصد داریم آموزش ساخت فرم عضویت در خبرنامه را بررسی کنیم. در ادامه به برخی از ویژگی های جاوااسکریپت خواهیم پرداخت. قصد داریم دکمه ای ایجاد کنیم تا کاربر با کلیک بر روی آن محتواهای موجود را حذف کند. […]
در این آموزش، به یکی از مفاهیم پایه و کلیدی طراحی وب، یعنی گریدبندی صفحات وب با استفاده از HTML و CSS خواهیم پرداخت. گرید بندی HTML یا شبکه‌بندی آن به توسعه‌دهندگان وب امکان می‌دهد تا ساختارهای منظم و متقارن […]
در این آموزش قصد داریم نحوه ایجاد یک پاپ آپ(Popup) را بررسی کنیم. با کمک HTML و CSS صفحه ای را پیاده سازی میکنیم. سپس نیاز است چند خط کد جاوااسکریپت هم به پروژه خود اضافه کنیم. در نهایت می […]
در طراحی صفحات وب بعضا باید ارتفاعی را مشخص کنیم تا عناصر دیگر را شامل بشود. به طور مثال یک فرم را طراحی کرده ایم و می خواهیم در زیر آن یک عکس قرار بدهیم. با استفاده از min height […]
در این آموزش ویدئویی قصد داریم یک باکس ایجاد کنیم که پشت و جلوی این باکس دارای متن متفاوت باشند و با بردن موس بر روی این باکس متن پشت نمایان شود. نام این باکس فلیپ باکس می باشد. شما […]
امروز قصد داریم در این آموزش نحوه ی ایجاد آیکون منو با transform را به شما آموزش دهیم. در ابتدا یک آیکون منو ساده که تشکیل شده از سه خط بر روی یکدیگر هستند را آموزش می دهیم، سپس سراغ […]
