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

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

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

تغییر سایز متن بدون استفاده از واحد پیکسل
(در این پست سعی می کنم بیشتر در مورد تایپوگرافی بنویسم) قدیما هر وقت طرح های حرفه ای رو نگاه می کردم می دیدم بیشترشون برای سایز متن ها از واحد em بجای px استفاده می کنن. حالا دلیل این کار بماند آخر مقاله؟ اما جالب اینجا بود که اگر المانی رو که مثلا اندازش 12px بود رو می خواستی معادل کنی به واحد em بجاش می نوشتن 1.2em یعنی تقسیم بر ده می کردنش. کار ساده ای به نظر می رسید. ما هم گفتیم همه المان هایی که به واحد پیکسل هستند رو بر ده تقسیم و بجاش از em استفاده می کنیم. ولی دیدم خیلی سایزش متفاوت شد. دو تا کلاس ساده به شکل زیر ایجاد کنید: ادامه مطلب …

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

البته برای من و شما که شاید فایل CSS مان 100 خط کد هم نداشته باشد این روش کمی خنده دار به نظر می رسد اما سایتی را تصور کنید که ده ها فایل CSS دارد، قطعا این روش در کاهش اتلاف وقت توسعه دهنده، موثر خواهد بود.

برای حل مشکلاتی که در فوق ذکر شد، از چند خط کد پی اچ پی برای فشرده سازی اتوماتیک CSS استفاده می کنیم. این متد کار را به این نحو برایمان انجام می دهد: 1) به طور معمول مرورگر کاربر، فایل CSS را درخواست می کند 2) سرور با قدرت PHP کدهای CSS را فشرده می کند 3) در نهایت کمپرس شده CSS، به مرورگر ارسال می شود. همه عملیات بدون اینکه کاربر متوجه شود اتفاق می افتد. بهتر از همه اینکه کدهای CSS شما دست نخورده باقی می ماند و شما به سهولت می توانید آن ها را آپدیت کنید. ادامه مطلب …

بی تردید تاثیر استایل ها در زیبایی وبلاگ غیر قابل انکار است. برای اولین بار گروهی تصمیم گرفته اند پنج ام اوریل 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 با صفات زیر ایجاد می کنیم: ادامه مطلب …