بی تردید تاثیر استایل ها در زیبایی وبلاگ غیر قابل انکار است. برای اولین بار گروهی تصمیم گرفته اند پنج ام اوریل 2006 را روز عریان شدن طرح ها از استایل بنامند تا بدین وسیله اهمیت و تاثیر شیوه نامه ها یا همان استایل ها در میان سایر المان های وب آشکار شود. وبلاگ ها و وب سایت های پشتیبان این طرح، به مدت 48 ساعت بدون استایل خواهند بود. برای سهولت در حذف استایل از طرح در راس موعد مقرر، می توان از زبان برنامه نویسی پی.اچ.پی کمک گرفت:

< ?php
function is_naked_day() {
$start = date('U', mktime(-12,0,0,04,05,date('Y')));
$end = date('U', mktime(36,0,0,04,05,date('Y')));
$now = time();
if ( $now >= $start && $now < = $end ) {
return true;
} else {
return false;
} } ?>

تابع is_naked_day یک تابع ساده است که شروع موعد را در پارامتر start و پایان آن را در end قرار می دهد و توسط یک دستور شرطی نتایج بررسی می شود.برای استفاده از آن کافیست بجای کد خالص ورودی استایل که در تگ header قرار دارد، دستورات زیر را جایگزین کنید: ادامه مطلب …

هشدار: این عمل صرفا یک تکنیک به شمار می ره و به هیچ وجه استفاده از اون در صفحات وب توصیه نمی شه. در پست عناصر کاذب در CSS گفتیم استفاده از این عناصر فراگیر نشده چون مرورگرها به طور کامل هنوز این المان ها رو پشتیبانی نمی کنند. در این پست مثالی رو بررسی می کنیم که به اهمیت این المان ها و کاربرد های متعدد آن ها پی ببرید و به پشتیبانی نکردن IE از این المان ها بیشتر افسوس بخورید.

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

تا اینجا یه حالت مقدمه بود اما اصل مطلب: ما قصد داریم به کمک CSS آدرس ایمیل رو پنهان کنیم. برای این کار مشخصه ای از CSS با صفات زیر ایجاد می کنیم: ادامه مطلب …

در میان عناصر تعریف شده در CSS مجموعه ی انگشت شماری از عناصر قرار داد که به عناصر کاذب یا Pseudo Elements معرف اند ( گاهی اوقات آن ها را کلاس های کاذب هم می نامند) با اینکه کاربرد های متنوع و جالبی دارند اما کمتر کسی را دیده ام که از آن استفاده کند. شاید دلیل آن این باشد که هنوز اینترنت اکسپلورر آن ها را به طور کامل پشتیبانی نمی کند، اما برای کسانی که زیاد به IE علاقه ای ندارند ایده مناسبی است.

معروفترین آن ها دو عنصر before و after است. اما قبل از توضیح این دو لازم است عنصر content را نیز بشناسید. این عنصر در CSS2 تعریف شده و به طور خودکار محتویات را قبل یا بعد از یک انتخابگر CSS پیوست می کند. به عبارت دیگر نوع مولفه را تعیین و متعاقبا چگونگی نمایش آن را بیان می کند و همیشه با before و after بکار می رود.

اما خود before و after برای کنترل مقدار عنصر content به کار می رود. به طوری که after مقدار را بعد از مولفه قرار می دهد و before مقدار را قبل از آن. معروفترین مقادیری که عنصر content می تواند اختیار کند به شرح زیر است:

String : همانطور که از نامش پیداست یک رشته را اختیار می کند که می تواند یک علامت خاص یا یک واژه باشد. نمونه زیر را ببینید، عنصر نامبرده علامت ~ را اختیار کرده است. به طوری که این علامت قبل از مولفه li قرار می گیرد: ادامه مطلب …

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

اغلب افراد برخی از این مختصر نویسی ها را می دانند اما عده کثیری از آن ناآگاهند. با این راهکار، چندین مشخصه در یک خط خلاصه می شود. بنابراین نه تنها مختصر نویسی صفت ها و عناصر CSS، موجب کاهش حجم فایل و بارگذاری زودتر آن می شود، بلکه تا حد قابل ملاحظه ایی از شلوغی و نامرتبی فایل می کاهد (درمورد نکته دوم در پست های آینده مفصل بحث خواهد شد) چندین ویژگی برای مختصر نویسی موجود است. برای جزئیات بیشتر پیشنهاد می کنم مشخصات W3C CSS را مطالعه کنید (این بدبخت بیچاره W3C چرا فیلتر شده؟ البته بدبخت ماییم که نمی توانیم از امکانات آن استفاده کنیم)

در اولین مبحث به رنگ ها می پردازیم. بهترین روش عمومی برای کاربرد رنگ در CSS استفاده از آن در مبنای شانزده (هگزادسیمال) بین 00 تا FF است، که قبل از آن نیز علامت پوند (#) می آید. هر رنگ 6 رقم طول دارد، دو رقم برای هر بایت.

دو رقم اول برای درجه رنگ قرمز، دو رقم دوم درجه رنگ سبز و و دو رقم آخر شدت رنگ آبی را نشان می دهد. نکته ای که بیشتر افراد نمی دانند این است که هر رنگ مبنای 16 از سه جفت تشکیل شده است، شما می توانید یک رقم از هر جفت رنگ امن را حذف کنید. برای مثال مقدار 336699 با 369 برابر خواهد شد. ادامه مطلب …