فهرست مطالب با موضوع «CSS»

فریم ورک ریسپانسیو Pure

طراحی سایت واکنش‌گرا با فریم‌ورک Pure

در هنگام طراحی سایت برای سازگاری با دستگاه‌های مختلف یا به عبارت دیگر طراحی سایت واکنش‌گرا، استفاده از ابزارهایی که بتواند تغییرات عرض صفحه‌ی نمایش را به صورت مداوم در نظر بگیرد و بر اساس آن تغییراتی در ظاهر سایت به انجام برساند سبب افزایش کیفیت و کاهش زمان مورد نیاز برای طراحی سایت خواند…

بیشتر بخوانید...
roka-logo

محدود کردن عنوان در وردپرس و با استفاده از CSS

یکی از ویژگی‌های جدید در CSS در طراحی سایت، امکان محدود کردن متن و قرار دادن سه نقطه در محل برش خورده است. به دلیل اینکه اندازه‌ی فونت و شرایط مرورگرهای مختلف می‌تواند با یکدیگر متفاوت باشد، بهترین روش برای برش متن و قرار دادن سه نقطه در محل برش، استفاده از این ویژگی CSS…

بیشتر بخوانید...
transparent_css3

پس‌زمینه شفاف در CSS3

یکی از ویژگی‌های جدید در CSS3 امکان تعریف شفافیت برای عناصر و تعیین رنگ پس زمینه شفاف برای پس‌زمینه یا Background است، برای تعریف شفافیت کلی برای یک عنصر می‌توانید از قطعه کد زیر در شیوه‌نامه‌ها استفاده کنید:

مشکل کار در اینجاست که عناصری که در div والد قرار می‌گیرند زیر کمرنگ میشوند. اگر…

بیشتر بخوانید...
em

واحد اندازه گیری em و pt برای طراحی سایت واکنش گرا

اندازه های پیکسل در دستگاه های مختلف، متفاوت است، برای مثال در نمایشگر رایانه، ۱۰ پیکسل، به مراتب بزرگتر از ۱۰ پیکسل در موبایل دیده می‌شود. این اختلاف اندازه به دلیل وضوح بیشتر در دستگاه‌های موبایل و تبلت است. بنابراین هرچند مروگرهای موبایل تلاش می‌کنند تا اندازه‌های پیکسل را با ضرب در اعدادی مناسب، قابل…

بیشتر بخوانید...