navicon-transform

ساخت آیکون همبرگر با css

امروزه با افزایش کاربران موبایل ها و تبلت ها, آیکون منوی مخصوص این دستگاه ها که معروف به آیکون همبرگر است بیشتر به چشم می خورد. در این مطلب قصد معرفی چند دمو برای تغییر شکل دادن این آیکون در موردهای استفاده متفاوت را داریم. پشتیبانی مرورگر ها ie Chrome Firefox Safari Opera 9+ ساختار […]

circular-menu

پیاده سازی منوی دایره ای

در این اینجا قصد ساخت یک منوی دایره ای داریم که می توان از آن برای منو اشتراک گذاری یا منوهایی با محتوای دیگر چه در صفحات وب و چه در نرم افزارهای موبایل استفاده کرد. پشتیبانی مرورگر ها ie Chrome Firefox Safari Opera 10+ توجه داشته باشید که در این مطلب ما کدهای اصلی […]

offcanvas

پیاده سازی منو برای موبایل و تبلت

در این مطلب قصد بررسی نحوه ساخت یک‌ منوی ساده و‌ کاربر پسند را برای دستگاه های موبایل و‌ تبلت داریم. تلاش می کنیم که ساخت این دمو را به صورت مرحله ای انجام دهیم و برای هر مرحله کدهای آماده را برای بررسی کردن در دسترس شما قرار دهیم. پشتیبانی مرورگر ها ie Chrome Firefox Safari […]

box-model box-sizing playground

زمین بازی box-sizing

در اینجا قصد معرفی ابزاری برای یادگیری و بررسی بهتر ویژگی box-sizing و همینطور درک مفاهیم پایه مثل عرض و ارتفاع و همینطور border و margin و padding را داریم. اگر با مفهموم box-sizing آشنا نیستید بهتر است اول نگاهی به این مطلب داشته باشید. در سمت چپ بالای این ابزار قادر به تغییر ویژگی […]

box-sizing

از ویژگی box-sizing برای تغییر روش اندازه دهی به یک عنصر بر اساس مدل قسمت بندی آن استفاده می شود. هر عنصر از لحاظ مدل قسمت بندی دارای چهار ناحیه است که این نواحی شامل ناحیه محتوا (content-box), ناحیه فاصله داخلی (padding-box) و ناحیه حاشیه (border-box) و در نهایت ناحیه فاصله خارجی یا (margin-box) هستند. […]

css-filters-tool

تولیدکننده فیلترهای CSS

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

معرفی فیلترها در CSS

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

استفاده از ویژگی های جدول در Css

کاربردهای مفید جدول در CSS

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

animate.css

کتابخانه انیمیشن های CSS یا Animate.css

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

زمین بازی فلکسباکس

زمین بازی فلکس باکس

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