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

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

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

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

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

شمارنده ها در CSS (قسمت دوم)

مقدمه در قسمت اول شمارنده ها مفاهیم پایه با ساخت یک مثال ساده مورد بررسی قرار گرفت. در این مطلب می خواهیم روش پیاده سازی شمارنده های چندگانه و تودرتو را بررسی کنیم. شمارنده های تودرتو برای ساخت شمارنده های تودرتو کافی است به جای تابع ()counter از تابع ()counters استفاده کنیم. برای این تابع […]

شخصی سازی list-style-type

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

شمارنده ها در CSS (قسمت اول)

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

after/::before::

after:: و before:: در CSS

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