ترفندهاي طراحي وب

You are here: خانه

آخرين مطالب

پر طرفدار ترين موضوعات

قبل از IE7 راه حل هاي خوبي قابل استفاده بود براي تشخيص مرورگر هاي ديگه از IE .

1 - child selector command
مرورگر IE استفاده از اين دستور رو ناديده مي گرفت پس ميشد استايلي نوشت كه در تمام مرورگرها به غير از IE كار كنه كه البته در IE7 اين مشكل برطرف شده و ديگه نميشه به عنوان يك ترفند از اون استفاده كرد .
روش كار هم به اين شكل بود :

#content {margin-bottom:3em}
html>body #content {margin-bottom:1em}

بدين ترتيب IE خط اول رو اجرا ميكنه و خط دوم رو ناديده ميگيره و بقيه مرورگرها خط دوم رو هم اجرا ميكنند كه همونجور كه گفتم IE7 خط دوم رو هم اجرا ميكنه .

2 - important!
وقتي كه اين كلمه استفاده ميشه همه مرورگرها به غير از IE اون خاصيت رو با دستورات جديد تغيير نميدن كه البته IE7 اين مشكل رو حل كرده و بدين ترتيب نميشه از اين ترفند هم براي انتساب استايل متفاوت براي IE استفاده كرد .
نمونه راه حلي كه استفاده ميشد :

background: green !important; 
background: red;

همه مرورگرها وقتي خط اول رو اجرا ميكنند به تغييرات خط دوم توجهي نميكنند اما IE6 خط دوم رو هم اجرا ميكرد كه باعث ميشد خط اول خنثي بشه اما همونطور كه گفتم IE7 اين مشكل رو هم حل كرده .

پس به اين نتيجه ميرسيم كه بايد روش جديدي رو استفاده كنيم تا بتونيم مشخصات مورد نظر رو از كليه ورژنهاي موجود IE پنهان كنيم .
روشي كه در حال حاضر جواب ميده استفاده از دستور @import هست كه فعلا مرورگر IE از اون پشتيباني نميكنه و به روشي كه در ادامه اومده ميشه به عنوان يك ترفند براي تشخيص دادن IE از غير استفاده كرد :

@import "noiestayles.css" all;

توجه داشته باشيد كه بايد يك فايل براي مرورگرهاي غير از IE رو ايجاد كنيد .

نظرات (1) | برگزيدن اين صفحه (70) | نقل قول اين مطلب | بيننده: 1556

انتساب دو كلاس CSS

به طور معمول شما مثلا براي يك تگ DIV يك كلاس رو انتساب ميكنيد :

<div class="style1">content</div>

اما واقيعيت اينه كه شما ميتونيد مثلا 2 كلاس CSS رو انتساب كنيد :

<div class="style1 style2">content</div>

توجه داشته باشيد كه بايد با space دو كلاس رو جدا كنيد و نه با , .
در صورتي كه خصوصيات اين دو كلاس با هم مشترك باشند مشخصات آن كلاس كه پايين تر باشه و به عبارتي جديدتر باشه استفاده ميشه .

Adobe AIR

نسخه جديد Adobe Apollo تحت نسخه بتا 1 با نام جديد Adobe AIR منتشر شده كه برخي از مشكلات نسخه قديم رو نداره .
اين تكنولوژي جديد شركت آدوبي كه با اسم اوليه Apollo متولد شد در واقع يك runtime كراس پلتفرم هست براي اجراي صفحات وب به عنوان برنامه هاي دسكتاپ .
نسخه هاي اوليه اون يه سري مشكلاتي داشت كه نتونستم حلش كنم و نسخه نهايي رو هم فعلا نتونستم تست كنم اما اميدوارم كه كامل شده باشه .
طبق انتظار درون اون ميشه از HTML,JavaScript,AJAX و Flex استفاده كرد .
قابل ذكر هست كه SDK و runtime اون به صورت رايگان هست و اگر شما IDE نرم افزار Flex رو كه مبتني بر Eclipse هست خريده باشيد ميتونيد پلاگين Adobe AIR رو روي اون نصب كنيد .
قابليت هاي نسخه جديد :

- Transparent HTML application support

- Windowing API improvements

- Native File Pickers / Browsers

- Server / Service Connectivity API

- Native Menuing API

- Drag and Drop

- Clipboard Support

- Embedded database

- File type/extension registration

مختصر نويسي در مشخصات فونت در CSS

وقتي كه فونت صفحه را با CSS مقدار ميدهيم ممكنه چيزي شبيه به اين از آب دربياد :

<style type="text/css">
<!--
.style1 {
  font-weight: bold;
  font-style: italic;
  font-variant: small-caps;
  font-size: 1em;
  line-height: 1.5em;
  font-family: Tahoma,sans-serif;
}
-->
</style>

تمامي اين تنظيمات به صورت بسيار كمپرس شده آورده شده . وقتي كه شما CSS خودتون رو به صورت دستي بنويسيد و فقط دلتون بخواد كه مقادير رو تايپ كنيد ممكنه استفاده از روش زير بد نباشه :

<style type="text/css">
<!--
.style1 {
  font:bold italic small-caps 1em/1.5em Tahoma,sans-serif;
}
-->
</style>

وقتي كه از اين روش استفاده ميكنيد بايد چند نكته مهم رو مد نظر داشته باشيد :
1 - بايد هر دو مشخصه font-size و font-family رو مقدار دهي كنيد .
2 - font-family بايستي در آخرين قسمت مختصر نويسي قرار بگيره .
3 - font-size بايد قبل از font-family باشه .
4 - در صورتي كه font-weight و font-style يا font-variant رو مقدار دهي نكنيد مقدار پيشفرض normal براي اون در نظر گرفته ميشه . اما به هرحال بهترين پيشنهاد مقدار دهي اون ميتونه باشه .

تغيير ديتا بيس و جدول ايجاد شده به utf-8

خيلي از نرم افزارهاي خدمات هاستينگ مثل CPanel اجازه ساخت ديتا بيس رو حتي در حالت تعداد نامحدود به رابط كاربري خودشون محدود كردند .
اين يعني اين كه حتي اگه به شما ميگن تعداد ديتا بيس نامحدود هست اما نميتوني با اسكريپت PHP ديتا بيس بسازي .
خوب پس براي استفاده از ديتا بيس با مشخصات utf-8 بايد بعد از ساخت اونو تغيير داد .
اين جا كد ساده اي كه اينكار رو انجام ميده بررسي ميكنيم :

<?php
$sql='ALTER DATABASE dbname
CHARACTER SET utf8
DEFAULT CHARACTER SET utf8
COLLATE utf8_general_ci
DEFAULT COLLATE utf8_persian_ci ';
mysql_query($sql);
?>

و براي جداول هم به اين شكل :

<?php
$sql='ALTER TABLE tablename
DEFAULT CHARACTER SET utf8
COLLATE utf8_persian_ci ';
mysql_query($sql);
?>

<< شروع < قبل 1 2 3 4 5 6 7 بعد > پایان >>

صفحه 26 - 30 از 35

فهرست سايت

ورود اعضا

خبر خوان

كاربران آنلاين در سايت

لينكها