navicon-transform

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

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

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

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

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

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

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

after/::before::

after:: و before:: در CSS

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

target:

انتخابگر target: از انتخابگرهای نوع pseudo-class می باشد و این امکان را به ما می دهد تا بتوانیم زمانی که بر روی لینک داخلی کلیک شد, CSS آن قسمتی که هدف لینک هست را تغییر دهیم. قطعا شما با لینک های داخلی یک صفحه آشنایی دارید همان هایی که با # تعریف می شوند. استفاده […]

صفحه آرایی با فلکسباکس

صفحه آرایی با فلکس باکس ( Flexbox )

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