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

You are here: خانه

آخرين مطالب

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

نسخه جديد 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);
?>

روشهاي ليست كردن المنتهاي يك صفحه

شما معمولا چجوري المنتهاي يك صفحه رو كنترل ميكنيد ؟
getElementById و getElementsByTagName دو تا تابع خوب هستند براي اين كار اما باز هم دست آدم خيلي بسته هست .
فكر كنيد چند تا فيلد متني داريد كه نياز داريد گروه بندي بشن و مثلا در يك لحظه 10 تا شو disable كنيد !
استفاده از getElementsByTagName باعث ميشه همه فيلدهاي TEXT غير فعال بشن و استفاده از getElementById هم ميتونه خيلي وقت گير باشه .
در صورتي كه فرم شما قابليت اضافه كردن فيلد رو هم داشته باشه و از قبل مشخص نباشه ID فيلد چيه اونوقت ديگه هيچي . البته بازم راه داره اما خيلي سخت ميشه .
خوب به نظر شما چرا تابعي با نام getElementsByClass وجود نداره ؟
فكرشو كنيد ! كارهاي زيادي ميشه انجام داد .
خوب اشكال نداره چون يكي از دوستان اين تابع رو به صورت دستي ايجاد كرده . البته به صورت متد از كلاس document نبايد استفاده بشه بلكه به صورت يك تابع معولي .
در زير كد اين كلاس رو ميبينيم :

<script language="javascript">
function getElementsByClass( searchClass, domNode, tagName) {
  if (domNode == null) domNode = document;
  if (tagName == null) tagName = '*';
  var el = new Array();
  var tags = domNode.getElementsByTagName(tagName);
  var tcl = " "+searchClass+" ";
  for(i=0,j=0; i<tags.length; i++) {
    var test = " " + tags[i].className + " ";
    if (test.indexOf(tcl) != -1)
      el[j++] = tags[i];
  }
  return el;
}
</script>

نكته : نمونه هاي ديگري هم هستند كه تفاوت زيادي با اين كد ندارند :
http://javascript.internet.com/snippets/getelementsbyclass.html
http://www.dustindiaz.com/getelementsbyclass/
http://domscripting.com/blog/display/18

Javascript compressors

چند وقت پيش كه يك كتابخانه جاوا اسكريپت رو ميخواستم دانلود كنم ديدم دو تا نسخه داره يكي مخصوص دولوپرز و ديگري فقط براي استفاده .
برام جالب بود كه حجم دومي پايين تر از اولي بود . من نسخه دولوپرز رو دانلود كردم چون فكر كردم مثلا توضيحات زيادي داره اما ديدم چيز اضافه اي در اون فايل وجود نداره !
به خاطر همين كنجكاو شدم ببينم فايل فشرده شده چجوري كم حجم شده . ترفند جالبي بود با استفاده از eval كد جاوا اسكريپت رو كمپرس كرده بودند !
يادمه چند وقت يكي از دوستان ميگفت چون فايل جاوا اسركيپتم خيلي حجيمه ميخوام با امكانات PHP اونو فشرده كنم . خوب اونم راه حل خوبيه اما وقتي از هر دو روش استفاده بشه ديگه خيلي فشرده سازي خوبي ميشه .
در حال حاضر سه تا كمپرسور رايگان هست كه اولي خيلي راحت تره نمونه كارش هم تبديل فايل 51 كيلو بايتي به 21 كيلو بايت هست: