محتوای طراحی وب سایت(Front End)
فاقد تصویر شاخص

تغییرات بیشتر در طراحی واکنش گرا

تغییرات بیشتر در طراحی واکنش گرا   میتوانید عکس های متعددی را در صفحه خود ایجاد کنید. <div class="row">       <div class="col-12 col-m-12 menu">             <img src="7.jpg">       </div> </div>   و در ادامه : عکس ها را میتوانید با ...
فاقد تصویر شاخص

تنظیمات عکس و ویدیو در طراحی واکنش گرا

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

آموزش  dual query در طراحی واکنش گرا

آموزش  dual query در طراحی واکنش گرا   در صفحه ای که ایجاد کردیم، تا زمانی که صفحه کوچک است، المان ها کل صفحه را فرا میگیرند. این مدل از چینش صفحه برای تلفن همراه بسیار مناسب است.     ...
فاقد تصویر شاخص

آموزش  media queries در طراحی واکنش گرا

آموزش  media queries در طراحی واکنش گرا   در مثال قبل دیدید که با استفاده  از html و css یک صفحه ساده را ایجاد کنیم. حال میخواهیم با  media queriesاشنا شویم. برای استفاده از media queries باید  از دستور زیر ...
فاقد تصویر شاخص

قرارگیری اجزا در یک سایت واکنش گرا

قرارگیری اجزا در یک سایت واکنش گرا   اگر صفحه device خود را به ۱۲  ستون مساوی تقسیم کنید، میتوانید تقسیم شدن اجزا را در این ۱۲ ستون، در انواع سایز دستگاه ها ببینید. میبینید که یک دستگاه با سایز ...
فاقد تصویر شاخص

آشنایی اولیه با طراحی واکنش گرا

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

آموزش animation effects در jQuery

آموزش animation effects در jQuery   کار با slideUp و slideDown: برای مثال میخواهید بخشی از اطلاعات فقط در صورت کلیک شدن باز شود.   <!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="lesson.css"> <script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.5.1.min.js"></script> </head> ...
فاقد تصویر شاخص

آموزش fade کردن در jQuery

آموزش fade کردن در jQuery   در جلسات قبل دیدید که ما برای صفحه خود یک loading اولیه به وجود آوردیم تا تمام کد های صفحه اعمال شود و پس از آن کاربر صفحه اصلی را ببیند. (آموزش ساخت loading در ...
فاقد تصویر شاخص

آموزش events و selectors در jQuery

آموزش events و selectors در jQuery   در این جزوه با چند نمونه از event های مهم jQuery آشنا میشویم. مورد اول دستور click است که با کلید کردن بر روی المان، قصد عوض کردن استایل آن المان را داریم. ...
jquary

آموزش ساخت loading در jQuery با کمک document is ready

آموزش ساخت loading در jQuery با کمک document is ready   گاهی اوقات شما نیاز دارید که صفحات طراحی شما به صورت کامل load شود و پس از آن به کاربر نمایش داده شود. برای این کار لازم است که ...
1 2 3 6