توضیحات شرطی - Conditional Comments

سلام

مقدمه
گاهی اوقات در طراحی سایت، شما به مشکل مغایرت طراحی در دو مرورگر فایرفاکس و اینترنت اکسپلورر برخورد می کنید. مثلا text-align در فایرفاکس درست دیده می شود ولی اینترنت اکسپلورر آن را اشتباه نمایش می دهد. البته در صورت کد نویسی صحیح اینگونه مشکلات کمتر پیش می آید.
Conditional Comments، توضیحات شرطی خاصی می باشند که همانند یک اکستنشن در IE نسخه 5 به بالا کار می کنند. Conditional Comments به شما قابلیت تشخیص مرورگر IE و نسخه آن را می دهند.

نحوه استفاده
در زیر یک توضیح ساده که در بین کدهای x-html نوشته می شود را مشاهده می کنید:

<!-- This text will be ignored by the browser. -->

ساده ترین دستور زبان Conditional Comments مانند زیر است:

<!--[if IE]> 
This text will be shown by IE/win ver. 5.0 and higher.
 <![endif]-->

واحد های CSS

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

بخش عمومی واحد توضیحات % درصد in اینچ cm سانتی متر mm میلی متر em 1em برابر با سایر فونت فعلی می باشد. 2em برابر با 2 برابر سایز فونت فعلی می باشد.. مثلا اگر سایز فونت فعلی 12pt باشد، آنگاه 2em به معنی 24pt است. em یکی اتز کاربردیترین واحدد های css می باشد که برای سادگی در دادن اندازه های نسبی به کار می رود. ex ex به معنی x-height است. x-height همان ارتفاع فعلی کاراکتر x است. pt پوینت (point). (یک pt برابر با 1/72 اینچ است) pc پیکا (pica). (یک pc بابر با 12pt است) px پیکسل (pixels). (کوچکترین نقطه در مونیتور)

رنگ ها واحد توضیحات نام رنگ نام یک رنگ. مانند red که همان قرمز است. به نکته زیر جدول توجه نمایید. rgb(x,x,x) مقدار RGB (مانند rgb(255,0,0)) rgb(x%, x%, x%) مقدار RGB بر حسب درصد (مانند rgb(100%,0%,0%)) #rrggbb عددی بر مبنای 16 (مانند #ff0000)

نکته
16 رنگ RGB مهم در ویندوز عبارتند از:
aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow


موفق باشید

My Extensions

سلام

در پی پیشنهاد زیر خط IT برای به اشتراک گذاشتن اکستنشن هایی از فایرفاکس که استفاده می پسندیم، من اکستنشن هایی رو که ازشون استفاده می کنم در زیر نوشتم:

• Access Flickr! 1.2


• del.icio.us 1.2


• Download Statusbar 0.9.4.5.1


• FireBug 0.4.1


• FireFTP 0.94.6


• Google Toolbar for Firefox


• IE Tab 1.3.0.20070110


• StumbleUpon


• Web Developer

لینک های این مطلب:
• اکستنشنهایی که من استفاده می کنم.
• بیایید اکستنشن هایمان را با هم قسمت کنیم !

سایر دوستان هم اکستنشن های مورد علاقشون رو بنویسن.
موفق باشید

گالری تصاویر ارگ بم

سلام

قبلاً در پست مسافرت بم و سفره برنامه نویسی من گفتم که امسال سومین سالگرد زلزله بم، توو بم بودم.
امروز گالری تصاویر ارگ بم (Bam Citadel) بعد از گذشت سه سال از زلزله رو براتون آماده کردم. 23 تا عکس از نماهای مختلف ارگ که در پیکاسا وب آلبوم گوگل آپلود کردم.

Bam citadel

این تصاویر با Canon digital IXUS ۶۵ گرفته شده اند.
موفق باشید

ساخت موتور جستجوی شخصی با استفاده از Google Co-op

سلام

امروز کمی به کنجکاوی در Google پرداختم و به Google Co-op رسیدم. این قسمت قبلا وجود داشت ولی هم اکنو تغییر کرده و بسیار ساده تر شده است. Google Coop قسمت های مختلفی دارد که در این پست فقط به بررسی قسمت Create your own search engine می پردازم.
Google Co-op چیست ؟
Google Co-op یکی از امکانات گوگل می باشد که به شما اجازه ساخت موتور های جستجوی شخصی می دهد. از ویژگی های خاص این موتور های جستجو می توان به موارد زیر اشاره نمود:

• • اجازه استفاده اشخاص خاص با مجوز (دعوت نامه). که البته می توان این گزینه را غیر فعال نمود.


• • لوگوی خاص و ویژه


• • جستجوی در سایت های خاص که بوسیله شخص شما تنظیم می شود. قابل تنظیم بر روی جستجو در تمامی سایت ها ولی با اولویت بیشتر به سایت های مشخص شده توسط شما


• • مدیریت قوی موتور جستجو


• • پیشنهاد دادن جستجوی کلمات خاص به کاربر. مثلاً زمانی که کاربر عبارت "ریاضی" را جستجو می کند، شما کلماتی نظیر "ریاضیات"، "حسابان"، "حساب" و ... به کار بر پیشنهاد می دهید.


• • قابلیت تغییر قالب جستجو نظیر رنگ نتایج جستو و ...


• • Make Money که در ایران کاربرد ندارد.


• • کد خروجی آماده برای قرار دادن در وبلاگ و سایت

جنگ نـــــــه - No War

سلام

«من(ما) جنگ نمی خواهم(نمی خواهیم)»

+ چند لینک:
• نظر یک آمریکایی در مورد وضعیت موجود ایران و آمریکا
• جنگ بد است
• Enough Fear - ترس بس است
• آیا جنگ مادر خونده دیکتاتوری به حساب میاد؟
• من جنگ نمی خوام،من هسته ای هم نمیخوام!

موفق باشید

دو لوگوی قدیمی گوگل

سلام

امروز داشتم توو ویکی پدیا دنبال مطلبی در زمینه زبان برنامه نویسی Python می گشتم که سر از اینجا در آوردم! بعد 2 تا از لوگوی های قدیمی گوگل رو دیدم که خیلی بانمک بودن. گفتم بزارمشون اینجا تا همه ببین:

موفق باشید

وردپرس ۲.۱

سلام

«صدای من را از وردپرس 2.1 می شنوید!»

امروز صبح نسخه 2.1 وردپرس که شدیداً منتظرش بودم از راه رسید. الان تمامی قسمت های ریز و درشت و بمش رو چک کردم. بهم حال داد اساسی. چون که هر اشکالی که فکر می کردم داره تو این نسخه برطرف شده.
مثلا قسمت کامنت ها(نظرات) که نمی تونستم نظرات قدیمی رو ببینم.
یا مثلا بهینه سازی قسمت آپلود که خیلی برام مهم بود.
بعضی جا، جاشون عوض شده! مثلا مدیریت کامنت ها از سایر قسمت ها جدا شده. بعضی لینک ها هم جابجا شدن.
این خاصیت Auto Saving هم منو کشته.
خلاصه از دستش ندین.
چند لینک:
wordpress ۲.۱ آمد!
دانلود آخرین نسخه wordpress
راهنمای نصب
راهنمای بروزرسانی

موفق باشید

wordpress ۲.۱ آمد!

سلام

wordpress 2.1 رسید. بشتابید برای نصب و بروز رسانی.

صفحه دانلود

موفق باشید

first letter در CSS

سلام
مطلب امروز در عین کاربردی بودن در کمتر جایی معرفی شده است. امیدوارم که مفید باشد.

:first-letter
:first-letter یک عنصر غیر واقعی می باشد که در جهت اعمال یک یا چند استایل CSS بر روی اولین حرف(کاراکتر) یک متن مورد استفاده قرار می گیرد.
کد:

div.BigFirst:first-letter {
color: #ff0000;
}

خروجی:

رنگ اولین حرف این پاراگرف قرمز است.

:first-letter بر روی Microsoft® Internet Explorer 5.5(یا جدیدتر) و Firefox پشتیبانی می شود.
اطلاعات بیشتر (more)

موفق باشید

گالری فایرفاکس

سلام

یک گالری شامل تعدادی background با محوریت فایرفاکس رو آپلود کردم.

Firefox

موفق باشید

کاربرد اعلان important در CSS

سلام

گاهی اوقات در بعضی از دستورات CSS با عبارت !important مواجه شده اید. در مورد کاربرد آن چه می دانید؟
به کد استایل زیر توجه کنید:

p {
background-color:#fff ;
color:#000 ! important;
}

p {
background-color:#9cf ;
color:#f00;
}

!important باعث می شود که کد کنار آن بیشترین اولیت را داشته باشد. در کد بالا با وجود اینکه color:#f00 بعد از color:#000 آمده است و در حالت عادی اولویت بیشتری دارد، به دلیل وجود !important کنار color:#000، اولیت نهایی با رنگ 000 است.
کد بالا بعد از اولویت بندی به صورت زیر در می آید:

p {
background-color:#9cf ;
color:#000 !important;
}

اطلاعات بیشتر(more)
موفق باشید

Google AJAX Search API، یک موتور جستجو در وبلاگ شما

سلام و باز هم گوگل

امروز قسمت جدیدی با عنوان Google AJAX Search API را در گوگل پیدا کردم. این قسمت به شما API یک موتور جستو که با تکنولوژی Ajax ساخته شده است را جهت قرار دادن در وبلاگ یا وب سایت ارائه می دهد.
این موتور جستجوی کوچک قابلیت جستجو در Local ، Web ، Video و Blog را داراست. نمونه این موتور جستجو در سمت چپ cheshmak.net قابل مشاهده می باشد.

مراحل ایجاد و بکارگیری Google AJAX Search API
1- به آدرس http://code.google.com/apis/ajaxsearch/signup.html مراجعه نمایید.
2- I have read and agree with the terms and conditions را تیک بزنید و در قسمت My web site URL: آدرس سایت یا وبلاگ خود را وارد نمائید. سپس بر روی Generate API Key کلیک کنید.
3- نمونه کد Google AJAX Search API در قسمت Here is an example web page to get you started: قابل مشاهده می باشد.
تمام شد!

چند نکته و توضیح

جنگ نرم افزار ها

سلام

چند وقت پیش لینک جالب را در OYAX دیدم. این لینک مروبط به تصویری از جنگ نرم افزار ها بود (!) که در زیرد آن را مشاهده می کنید:



مشاهده عکس در سایز اصلی (بزرگتر)

شما در کجای میدان جنگ هستید ؟
موفق باشید

چگونه یک دو در دو شخصی داشته باشیم؟

سلام

به احتمال زیاد شما با سایت دو در دو (doxdo) آشنایی دارید. سایتی که با استفاده از خروجی های سایت های دیگر بروز می شود.
بد نیست بدانید که این سایت با استفاده وردپرس ساخته شده است.

موارد مورد نیاز
1- وردپرس
2- پلاگین WP Autoblog
3- یک قالب

در زمینه مورد اول و سوم مطالب زیادی در وب نوشته شده است و هدف من فقط معرفی پلاگین WP Autoblog می باشد.

پلاگین WP Autoblog
مراحل نصب
1- فایل wp-autoblog.zip را از اینجا دانلود کنید.
2- wp-autoblog.zip را unzip کرده و محتویات آن را در آدرس /wp-content/plugins/ directory سایت تان آپلود نموده و سپس آن را فعال کنید. مطمئن شوید که دایرکتوری wp-autoblog/cache directory قابل نوشتن (writable) می باشد.
3- در قسمت مدیریت ورد پرس به زیر منو Options/WP Autoblog رفته و تنظیمات مورد نیاز را انجام دهید.

من و مکعب روبیک

سلام

«معتاد مکعب روبیک شدم»
چند روز قبل از روی کنجکاوی یک مکعب روبیک(3×3×3) گرفتم. همیشه در فیلم ها مکعب روبیک را می دیدم و کنجکاو بودم که این دیگر چیست.
خیلی ساده بگویم:
6 وجه دارد! (مثل هر مکعبی)
4 قطر اصلی دارد! (مثل هر مکعبی)
از 6 رنگ تشکیل شده است.
خیلی جذاب است
معتاد کننده است
خوب است
(چقدر است گفتم!)

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

چگونه فایرفاکس را متوجه خروجی RSS سایتمان کنیم؟

سلام

اگر با فایرفاکس کار کرده باشید متوجه آیکون در آدرس بار شده اید. البته این آیکون فقط زمانی نمایش داده می شود که فایرفاکس متوجه خروجی RSS سایت شما شود. برای اینکه فایرفاکس را متوجه این موضوع کنید، کد زیر را در داخل بلوک تگ <head> قرار دهید:

<link rel="alternate" type="application/rss+xml" title="TITLE" href="RSS-URL" />

که در آن type نوع نسخه RSS ،TITLE معمولاً نسخه RSS شما (یا هر عنوان دیگری) و RSS-URL آدرس خروجی RSS شما می باشد. در صورتی که چندین نوع خروجی RSS دارید، به ازای هر کدام، کد را جداگانه بنویسید.
به عنوان مثال کد زیر مربوط به همین وبلاگ است:

<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://dev.cheshmak.net/?feed=rss2" />
<link rel="alternate" type="text/xml" title="RSS .92" href="http://dev.cheshmak.net/?feed=rss" />
<link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="http://dev.cheshmak.net/?feed=atom" />

نکته : این کدها با IE 7 و Safari نیز سازگار می باشند.

موفق باشید

یک کد ساده ولی کارآمد CSS

سلام

به احتمال زیاد شما به مشکل margin ها و padding هایی که به صورت ناخواسته به کد های HTML شما اضافه می شوند برخورد کرده اید.
این مشکل بیشتر در تگ های p، form و table دیده می شود. برای اینکه شما خیلی ساده تمامی margin ها و padding ها را برابر صفر قرار دهید، می توانید از کد CSS زیر بهره گیرید:

* {
margin: 0;
padding: 0;
}

گزینشگر (selector) * خصیصه (property) و مقدار (value) موجود را بر روی تمامی عناصر و تگ های HTML به کار می برد.
علاوه بر margin و padding شما می توانید از گزینشگر (*) جهت اعمل فونت، رنگ و ... بر روی تمامی عناصر استفاده نمائید.

منبع (source)
موفق باشید

The Departed (۲۰۰۶) Movie

سلام

«این بود مرده (رد شده)»
دیشب فیلم The Departed محصول سال 2006 را دیدم. واقعاً فوق العاده بود. گاهی آنقدر در فیلم غرق می شدم که حتی صدای زنگ تلفن را نیز نمی شنیدم. اگر نگویم The Departed بهترین فیلمی بود که دیده ام، ولی به جرات می گویم که یکی از بهترین هاست.

درباره فیلم
فیلم The Departed محصول سال 2006 که آن را با نام هایی همچون «مرده»، «رد شده» و ... در زبان فارسی می شناسیم، یکی از برترین فیلم های سال 2006 می باشد.
کارگردان : مارتین اسکورسیزی (Martin Scorsese)
ژانر : جنایی، ماجراجویی، مهیج
رتبه در IMDB (بزرگترین بانک فیلم جهان): 8.4 (تا امروز)
سه بازیگر اصلی :
لئوناردو دیکاپریو (Leonardo DiCaprio)
مت دامن (Matt Damon)
جک نیکلسون (Jack Nicholson)

گالری عکس فیلم

دیدن فیلم خالی از لطف نیست (یعنی حتما ببینین)

موفق باشید

صفحه شخصی گوگل برای شما

سلام
شاید یک بحث قریمی باشد ولی به خاطر علاقه ای که به این صفحه دارم ، خیلی خلاصه درباره آن می نویسم.
آیا از صفحه شخصی گوگل(Personalized Home) استفاده می کنید؟
مطمئنا اگر از طرفداران گوگل باشید، مشاهده صفحه شخصی و استفاده از آن شما را دلسرد نمی کند. این صفحه همانند یک آچار فرانسه عمل می کند و تقریباً تمامی آنچه که شما در زمینه مرور وب نیاز دارید در اختیارتان قرار می دهد.
متعلقات(stuff) فوق العاده زیاد آن که هر روز به تعداد آن ها افزوده می شود می توانند به شما در جهت مرور سایت ها موضوعات گوناگون یاری دهند.
موضوع قابل توجه اینکه همه ی امکاناتی که گوگل به کاربران خود ارائه می دهد(از Gmail گرفته تا Google Reader) را می توان در این صفحه یافت.

چند لینک:
صفحه شخصی گوگل(Personalized Home)
متعلقات(stuff) برای صفحه شخصی در گوگل

موفق باشید

دروس عمومی

سلام
«از دروس عمومی متنفرم»

نمی خواهم بگویم که به دروس عمومی علاقه ندارم. فقط می گویم که از آنها متنفرم. این دروس عمومی همیشه با من سر ناسازگاری داشتند و دارند و خواهند داشت!

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

ال جی S۵۲۰۰

سلام
«یک گوشی جم و جور»

بعد از گوشی سامسونگ A800 نوبت ال جی S5200 شد تا باهاش دست و پنجه نرم کنم. فعلا که راضی هستم و همه چیز خوب پیش می رود. یک گوشی جم و جور و خوش دستِ اداری!

یکی از امکانات جالب آن (برای کسانی که سخت از خواب بیدار می شوند) قابلیت تنظیم 5 زنگ بیداری می باشد. همه مواردی را که به طور عمومی در گوشی های جدید یافت می شود را داراست.

این گوشی (شاید هم همه ی گوشی های مارک ال جی) مانند ماشین RD (آر دی) می باشد. همانگونه که ماشین آر دی از ترکیب پیکان، پژو و ... ساخته شده است، S5200 ال جی هم از ترکیب نوکیا، سامسونگ و ... ساخته شده است.

مطلب زیر به نقل از اینجا می باشد:

S5200 گوشی کشویی بسیار ظریف شرکت ال جی است که تنها به رنگ مشکی در بازار موجود است. این گوشی به یک صفحه نمایش TFT LCD با تعداد رنگ 262k و وضوح تصویر 128x160 پیکسل، مجهز است که این صفحه چه در حالت باز و چه در حالت بسته قابل مشاهده است.

برای مدیر خوب بودن

سلام
«عید غدیرخم مبارک»

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

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

روش بدست آوردن آخرین آی دی ثبت شده در دیتابیس - MySQL

سلام
گاهی اوقات شما نیاز دارید تا آی دی آخرین رکورد ثبت شده در دیتابیس را بدست آورید.
برای این کار شما می توانید query زیر را جهت نمایش آخرین آی دی ثبت شده استفاده نمائید:(در MySQL)
[sql]mysql> SELECT LAST_INSERT_ID();[/sql]
این query آی دی رکورد ثبت شده را بر می گرداند. البته توجه داشته باشید که این دستور درست بعد از دستور INSERT فراخوانده شود.

نکته
در اکثر زبان های برنامه نویسی تابع یا متد آماده ای جهت اینکار وجود دارد. به عنوان مثال:

• تابع mysql_insert_id() در php


• متد getGeneratedKeys() در Java

موفق و سربلند باشید

کتاب الکترونیکی همه چیز درباره Ajax

سلام
این کتاب حاوی اطلاعات مفیدی در زمینه آژاکس (Ajax) می باشد که با مطالعه آن می توانید مهارتی در زمینه ای جکس (آژاکس) پیدا کنید.

مقدمه کتاب :
واژه Ajax سر نام عبارت Asynchronous JavaScript and XML و به معنی جاوا اسکریپت و XML آسنکرون یا نا متقارن است. Ajax فناوری جدیدی است که به کمک آن می‌توان اینترفیس یک برنامه تحت وب را طوری ساخت که وقتی کاربر روی دکمه یا لینکی کلیک می‌کند، کلیه عملیات ارسال اطلاعات و دریافت نتایج در پشت صفحه انجام می‌شود و فقط آن قسمت از اینترفیس که قرار آست اطلاعات جدیدی را به نمایش درآورد تغییر کند بدون اینکه تمام صفحه از نو بارگذاری شود.

نام کتاب: همه چیز درباره Ajax
ناشر کتاب: پایگاه تخصصی نرم‌افزار ایران
وب سایت ناشر: DeveloperCenter.Ir
فرمت: PDF
زبان کتاب: فارسی
تعداد صفحات: 60 صفحه
حجم کتاب: 853 کیلوبایت

منبع : Gooya IT

موفق باشید

سال نو میلادی مبارک

سلام
«کریسمس مبارک»

سال نو میلادی (2007) را به همه کسانی که با سال میلادی سر و کار دارند تبریک می گویم.
امیدوارم سالیان سال پیروز و سربلند باشید

دو لینک :
• تاریخچه درخت کریسمس
• افسانه های درخت کریسمس