انیمیشن ها در css

انیمیشن ها در css

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

ایجاد دکمه حالت تیره (دارک مود) با جاوا اسکریپت

ایجاد دکمه حالت تیره (دارک مود) با جاوا اسکریپت

دکمه Dark mode یک حالتی است که بعضی از سایت ها در اختیار کاربران خود می گذارند و کاربران می توانند سایت آنها را با حالت تیره مشاهده کنند. در گذشته نیز نحوه ی درست کردن دکمه ی شب و […]

دکمه ها در HTML و CSS – انیمیشن دادن به دکمه ها

دکمه ها در HTML و CSS – انیمیشن دادن به دکمه ها

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

ویژگی های جدول ها در HTML

ویژگی های جدول ها در HTML

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

حداقل و حداکثر عرض و ارتفاع در HTML & CSS | خصوصیت min-height و max-height

حداقل و حداکثر عرض و ارتفاع در HTML & CSS | خصوصیت min-height و max-height

در طراحی صفحات وب بعضا باید ارتفاعی را مشخص کنیم تا عناصر دیگر را شامل بشود. به طور مثال یک فرم را طراحی کرده ایم و می خواهیم در زیر آن یک عکس قرار بدهیم. با استفاده از min height […]

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

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

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

آموزش ساخت آیکون منو با کمک transform

آموزش ساخت آیکون منو با کمک transform

امروز قصد داریم در این آموزش نحوه ی ایجاد آیکون منو با transform را به شما آموزش دهیم. در ابتدا یک آیکون منو ساده که تشکیل شده از سه خط بر روی یکدیگر هستند را آموزش می دهیم، سپس سراغ […]

آموزش ساخت دکمه ی همبرگری منو بصورت ضربدری در CSS

آموزش ساخت دکمه ی همبرگری منو بصورت ضربدری در CSS

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

افزودن گرادینت به پس‌زمینه با CSS

افزودن گرادینت به پس‌زمینه با CSS

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

تگ input در HTML

تگ input در HTML

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

استایل دادن به کمک CSS

استایل دادن به کمک CSS

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

ساخت تصویر آواتار با HTML & CSS

ساخت تصویر آواتار با HTML & CSS

در آموزش امروز قصد داریم تا نحوه ایجاد تصاویر آواتاری که در سایت ها مشاهده می کنید را بررسی کنیم. در انتهای آموزش شما خواهید توانست یک تصویر آواتار همانند زیر ایجاد کنید. پس تا انتها همراه آموزش “ساخت تصویر […]