در وردپرس نسخه ۲٫۶ به بالا شاهد ۲ قسمت در هنگام آپلود تصاویر هستیم. یکی قسمت چیدمان هست که شما در اون مشخص می کنید یه تصویر سمت راست، چپ یا وسط در مطلب به نمایش در بیاد. و قسمت دیگه هم قسمت Caption هست که در اون می تونید توضیحاتی رو زیر یه عکس بنویسید. مثل عبارت ” لوگوی مرورگر گوگل ” در مطلب قبل. به تصویر زیر توجه فرمائید:

این توضیح یا همون Caption برای تصویر هست

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

برای هماهنگ سازی قالب با قسمت چیدمان عبارت زیر را به فایل style.css در پوشه پوسته ( قالب ) خودتون اضافه کنید:

img.alignleft, div.alignleft {
	float:left;
	margin:0 0.5em 0.5em 0;
}
img.alignright, div.alignright {
	float:right;
	margin:0 0 0.5em 0.5em;
}
img.aligncentered, div.aligncentered, img.aligncenter, div.aligncenter {
	text-align:center;
	margin:0 auto;
}

برای هماهنگ سازی قسمت دوم یعنی توضیحات هم کد زیر رو به فایل style.css اضافه کنید :

div.wp-caption {
	padding:5px;
	background-color:#F3F3F3;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-align:center;
	border:1px solid #DDD;
}
div.wp-caption p.wp-caption-text {
	margin:0;
	padding:3px 0 0 0;
	color:#000;
	font-size:11px;
}

البته مسلمه شما می تونید بسته به قالب و استایل خودتون این مقادیر رو تغییر بدید …

کاربران وردپرس.کام:
انتخاب و استفاده کنید:
Cutline – Day Dream – Digg ۳ Column – Fadtastic – Garland – Green Marinee – Regulus – Sandbox۱.۰ – Solipsus – Whiteasmilk و به زودی : prologue

 این ۷ تا هم دوباره بازسازی شده پس می تونید دوباره دریابیدشون:
Almost Spring – Ambiru – Blix – Freshy – MistyLook – Ocean mist – Pool

اطلاعات بیشتر …

چند روز پیش داشتم با حسین مزیدی صحبت می کردم. صحبت های مختلفی در مورد وردپرس شد مخصوصا قسمت قالب ها یا همون پوسته های وردپرس.
اون شب قرار شد که آقای مزیدی بره و طی یک نظرسنجی از کاربران وردپرس.کام لیستی از ۵ پوسته محبوب این سرویس رو که هنوز فارسی نشده انتخاب کنه و برای من بفرسته و منم طی نهایتا ۲ هفته استایل راست به چپ اون پوسته ها رو آماده کنم.

نظرسنجی خیلی زود منتشر شد و تعدادی نظراتشون رو گفتند ولی هنوز به نظرم جا داره. اگر کاربر وردپرس.کام هستید بهتری به این آدرس رفته و نظر خودتون رو راجع به فارسی کردن ۵ پوسته دیگر اعلام کنید.

اما امروز صبح یکی ۲ ساعتی حس انجام کار در من شکوفا شد و من هم دست به کار شدم و ۲ قالب به نام های SandBox و White as Milk رو برای وردپرس معمولی ( قابل نصب بر روی هاست ) آماده و فارسی کردم.

قالب اول : SandBox
این قالب داستان جالبی داره. عده ای که این قالب رو در شروع کار نوشتند معتقد بودند ظاهر وبلاگ مهم نیست. مهم مطالبی هست که نوشته می شه.
با همین تفکر قالبی درست شد با نام SandBox. یک قالب ساده و بسیار کم حجم اما با کد نویسی فوق العاده. بدون شک بهترین و حرفه ای ترین کدنویسی در بین تمامی قالب های درست شده برای وردپرس برای این قالب هست به طوری که این قالب از یک طراحی ساده تبدیل به یک پروژه شده که برای خودش سایت اختصاصی، انجمن های اختصاصی، ویکی ، SVN و … داره.

اگر شما مایل به نوشتن یک قالب برای وردپرس هستید استفاده از سندباکس به عنوان شروع کار می تونه گزینه بسیار مناسبی باشه ( البته به علت کمی پیچیده بودن کدها برای شروع توصیه نمی شه ).

خلاصه اینکه این پوسته همه چیز داشت جز یک استایل راست به چپ که امروز آماده شد. سر فرصت استایل رو براشون می فرستم تا در نسخه بعدی قرار بگیره ولی فعلا می تونید این قالب رو که بصورت فارسی شده و راست به چپ است از این آدرس دانلود و استفاده کنید.
× قالب مذکور تنها روی نسخه ۲٫۳ به بالای وردپرس قابل نصب است.

قالب دوم: White as Milk
به قول دکتر مزیدی بعضی قالب ها در عین سادگی هیچ وقت کهنه نمی شن. این قالب هم یکی از اوناس. قالبی بسیار سبک و ساده و استاندارد.
این قالب تقدیم می شه به تمامی دوستانی که سادگی زیاد رو می پسندند. جهت مشاهده قالب و دانلود اون به این آدرس مراجعه کنید…

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

اما شاید بشه گفت مهمترین خبر پشتیبانی خوب اینترنت اکسپلورر از استاندارد های جهانی هست بطوری که سازندگان آن قول دادند که این مرورگر در حالت ” نمایش استاندارد ” تست Acid 2 رو بدرستی نمایش خواهد داد.

اینطور که پیداست این نسخه شامل ۲ موتور پردازشی هست. یکی استاندارد هست که بطور کامل از استاندارد ها پشتیبانی می کنه ( یعنی اگر سایت شما در فایرفاکس به درستی نمایش داده بشه ( و یا اپرا ) در این نسخه نیز درست نمایش داده می شه ( البته به این شرط که مایکروسافت درک درستی از تعریف استاندارد ها داشته باشه )).

اینطور که پیداست مایکروسافت واقعا درک کرده که باید در این زمینه تلاش خودش رو بیشتر کنه. توجه داشته باشید که نسخه ششم اینترنت اکسپلورر برای سال ۲۰۰۱ بود و چندین سال مایکروسافت هیچ علاقه ای به افزایش قابلیت های مرورگرش نشون نداد.
یک دلیل دیگه که می تونه در عرضه نسخه هشتم بفاصله ای تقریبا نزدیک نسبت به نسخه ۷ می تونه شکست نسخه ۷ باشه. جایی که هنوز بعد از یک سال از عرضه اینترنت اکسپلورر ۷ کاربران آن بسیار کمتر از نسخه ۶ آن است.

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

× احتمال می ره که نسخه هشتم اینترنت اکسپلورر ابزاری برای مهاجرت از ویندوز اکس پی به ویستا باشه با این صلاح که نسخه ۸ تنها بر روی ویستا قابل نصب خواهد بود.

منبع : وبلاگ اینترنت اکسپلورر 

یکی از مهمترین قسمت های یک سایت ( و وبلاگ ) ستون کناری اون هست. در این مطلب قصد داریم آموزش کوتاهی داشته باشیم در رابطه با یکی ۲ تا ترفند در رابطه با طراحی این ستون با استفاده از زبان CSS.

من برای نوشتن این مطلب از کارهای این آقا استفاده کردم پس می تونید به این آدرس برید و نمونه کارها دیدن کنید.
مزیت کار در این هست که هر گزینه یک تصویر داره و وقتی نشانگر موس روی گزینه مورد نظر می ره تصویر دیگری به نمایش در می یاد.

ارزش کار زمانی مشخص می شه که کد استفاده شده بسیار تمیز و کوتاه باشه و از جاوا اسکریپت هم استفاده نشده باشه و از همه جالبتر توی اینترنت اکسپلورر ۶ هم بدون مشکل به نمایش در بیاد.

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

تمام کد های بکار رفته در منوهایی که در این صفحه مشاهده می کنید تقریبا به یک صورت می باشد. ما برای آنالیز کد Tab Menu 2 رو انتخاب کردیم.

منوی ما در داخل یک تگ div با شناسه menu2 قرار گرفته. در ابتدا ما یک استایل کلی به این تگ می دهیم. استایل داده شده مشابه زیر می باشد:

#menu2 {
border: 1px solid #D8D5D1;
width: 200px;
}

در خط اول ما یک خط به دور منوی مورد نظرمون کشیدیم با رنگی که به تصویر به کار رفته بخوره. در خط دوم نیز پهنای مشخص ۲۰۰ پیکسل رو تعیین کردیم. توجه داشته باشید که پهنای داده شده در این قسمت باید هم اندازه با تصویر بکار رفته در این طرح باشه.
همچنین برای فاصله از اطراف هم می تونید از دستور margin استفاده کنید.

حالا به قسمت بعد می رویم. این منو نیز همانند دیگر منو ها در بین تگ های ul قرار گرفته. در اینجا ما باید یک استایل کلی به این تگ بدیم:

ul {
list-style-type:none;
margin:0;
padding:0;
}

در حقیقت ۳ خط کد استفاده شده در قسمت بالا پیش فرض مرورگرها رو صفر و از بین می بره. برای از بین نخوردن طرح باید این دستورات اجرا بشه. با این کد دستورات نوشته شده به تمام تگ های ul اعمال می شه. اگه شما اینو دوست ندارید می تونید به جای استفاده از ul برای استایل دادن از عبارت div#menu2 ul استفاده کنید که دستورات به کار رفته فقط برای این قسمت اعمال بشه.

طبق اصول کار گزینه ها باید بین تگ li قرار بگیرند. نیازی با دادن استایل برای li نیست پس یک مرحله داخل تر می رویم. جایی که لینک ها مشخص می شه. اصلی ترین قسمت کار همین قسمت یعنی استایل دادن به تگ a هست.
در این قسمت ما باید ۳ استایل به این تگ بدیم. استایل اول به خود تگ a:

#menu2 li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

3 خط اول مربوط به یک هک در CSS برای رفع مشکل مرورگر اینترنت اکسپلورر نسخه ۵٫۵ هست.
در خط چهارم ما یک ارتفاع ۲۴ پیکسلی دادیم. در مورد اینکه چرا این ارتفاع انتخاب شده در ادامه توضیح می دهیم. در خط آخر نیز ما تعیین کردیم که لینک ها در این قسمت خط زیرشون حذف بشه.
در ادامه ما به تگ a در زمانی که بصورت لینک است و زمانی که اون لینک بصورت بازدید شده است استایل می دهیم:

#menu2 li a:link, #menu2 li a:visited {
color: #3688BA;
display: block;
background: url(menu2.gif);
padding: 8px 0 0 30px;
}

در خط اول ما به لینک ها رنگ مورد نظر رو دادیم. در خط بعدی با دستور display: block تگ a موجود در این قسمت رو از حالت inline به block تغییر می دهیم. با استفاده از این کار عمل لینک به کل قسمت اعمال می شه.
در خط بعدی ما یک تصویر رو برای پشت زمینه این قسمت قرار دادیم. تصویر ما ۲۰۰ پیکسل عرض و ۶۴ پیکسل طول داره.
در آخرین خط نیز ما با دستور padding ما ۸ پیکسل از بالا به ارتقاع تگ a اضافه کردیم.
اگر توجه داشته باشید ما در قسمت قبل نیز یک ارتفاع ۲۴ پیکسلی داده بودیم که با این ۸ پیکسل مجموعا ۳۲ پیکسل می شه.
بدین صورت و دادن ارتفاع مشخص تنها ۳۲ پیکسل اول تصویر به نمایش در میاد و این یعنی ما دقیقا نصفه اول تصویر رو می بینیم.

در آخرین مرحله هم باید یک استایل دیگه به تگ a زمانی که نشانگر موس روش می ره تعریف بشه:

#menu2 li a:hover {
color: #3688BA;
background: url(menu2.gif) 0 -32px;
padding: 8px 0 0 32px;
}

خط اول و سوم تقریبا کارشون رو توضیح دادیم در قسمت قبل. تنها تغییر مهم در این قسمت خط دوم هست. ما مثل قسمت قبل همون تصویر رو به عنوان پس زمینه به این قسمت دادیم و تنها با اضافه کردن عبارت ۰ -۳۲ طوری نمایش تصویر رو تنظیم کردیم که از ارتفاع -۳۲ پیکسلی به نمایش دربیاد و این یعنی نمایش قسمت دوم تصویر.

همانطور که ملاحظه کردید نحوه کار بسیار ساده و راحت هست.
این یکی از ترفند های بسیار جالب CSS هست که در قسمت های دیگه هم می شه ازش استفاده های جالبی کرد.
× توجه داشته باشید که نسخه ۶ اینترنت اکسپلورر دستور :hover را فقط به تگ a قبول می کنه.
× در کل این دستور بعضی مواقع با اینترنت اکسپلورر ۶ با مشکل مواجه می شه بنابراین حتما بعد از انجام این مراحل حتما کارتون رو در این مرورگر تست کنید.

شاید یکی از جذابترین دستورات CSS در طراحی سایت درصد شفاف بودن یک قسمت هست.

شما برای شفاف کردن یک قسمت می تونید از کد زیر استفاده کنید:

.transparent_class {

 filter:alpha(opacity=50);

 -moz-opacity:0.5;

 -khtml-opacity: 0.5;

 opacity: 0.5;

}

توضیح کد بالا:
- دستور opacity :
این دستور مهمترین دستور بین کدهای بالا هست. این دستور بین در مرورگرهای جدید و استاندارد نظیر فایرفاکس – اپرا – سافاری بدون مشکل کار می کنه.
- دستور filter : این دستور مختص مرورگر اینترنت اکسپلورر هست که متاسفانه هنوز از استاندارد ها پشتیبانی نمی کنه و استاندارد های خاص خودش رو داره.
- دستور -moz-opacity : این دستور برای مرورگرهای قدیمی موزیلا که از دستور اول پشتیبانی نمی کنند استفاده می شه.
- دستور -khtml-opacity : این دستور نیز برای مرورگرهایی که از موتور پردازشی وب کیت ( نسخه های قدیمی ) استفاده می کردند استفاده می شه نظیر نسخه های قدیمی سافاری.

× مثال بالا کلاس transparent_class را ۵۰% شفاف می کند.
× با توجه به اینکه کاربران گروه سوم و چهارم بسیار کم هستند بنابراین شما می تونید از این دستورات صرف نظر کرده و در کدهای خود از ۲ دستور اول استفاده کنید.
× ترتیب دستورات مهمه.

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

a img:hover {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

جواب: متاسفانه در اینترنت اکسپلورر نسخه ۶ دستور hover تنها برای لینک ها کار می کنه بنابراین کد مورد نظر در این مرورگر مشکل خواهد داشت ( مشکلی در نسخه ۷ اینترنت اکسپلورر نمی باشد ).
راه حل: شما می تونید به لینک های مورد نظرتون یک کلاس بدید بعد با توجه به اون کلاس و تگ لینک این دستور را اجرا کنید :

a.transeffect:hover {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

منبع: CSS Tricks

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

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

Trident: موتور استفاده شده در مرورگر اینترنت اکسپلورر که پراستفاده ترین در بین کاربران است. این موتور توسط مایکروسافت ساخته و توسعه داده می شود ( می شود؟ ).
Trident نسخه ۴ در اینترنت اکسپلورر ۶ و نسخه ۵ در نسخه ۷ اینترنت اکسپلورر مورد استفاده قرار گرفته.
آمار استفاده در دنیا:
- نسخه ۳ ( استفاده شده در نسخه ۵٫۵ اینترنت اکسپلورر ): حدود ۱٫۵%
- نسخه ۴: حدود ۳۵%
- نسخه ۵: حدود ۲۰%
آمار استفاده در ایران:
- نسخه ۳: حدود ۰%
- نسخه ۴: حدود ۵۰%
- نسخه ۵: حدود ۱۶%

× پشتیبانی از استاندارد ها: بسیار ضعیف
- نسخه ۴ :
HTML / XHTML > حدود ۷۳%
CSS 2.1 > حدود ۵۱%
CSS 3 > حدود ۱۰%
DOM > حدود ۵۰%
- نسخه ۵ :
HTML / XHTML > حدود ۷۳%
CSS 2.1 > حدود ۵۶%
CSS 3 > حدود ۱۳%
DOM > حدود ۵۱%

موتور پردازشی Trident علاوه بر اینترنت اکسپلورر در دیگر محصولات مایکروسافت نظیر اوت لوک و مدیاپلیر نیز استفاده می شود.
از دیگر مرورگرهایی که از این موتور پردازشی استفاده می کنن می شه به Avant ، Maxthon ، نت اسکیپ اشاره کرد.
از برنامه هایی که از این موتور استفاده می کنند می شه به بیشتر فید خوان های تحت ویندوز ، winamp و Real Player اشاره کرد.

Gecko: این موتور پردازشگر توسط موزیلا ساخته و گسترش داده می شود. از نظر کاربران رتبه دوم رو در اختیار داره و در مرورگرهایی مثل فایرفاکس ، نت اسکیپ ، Flock و … استفاده می شود.
نسخه ۱٫۸ آن در مرورگر هایی که هم اکنون موجود هستند مورد استفاده قرار گرفته و نسخه ۱٫۹ آن در مرورگرهای بتا نظیر فایرفاکس ۳ در حال استفاده و گسترش است.
آمار استفاده در دنیا:
- حدود ۳۷%
آمار استفاده در ایران:
- حدود ۳۰%

× پشتیبانی از استاندارد ها: بسیار عالی
- نسخه ۱٫۸ :
HTML / XHTML > حدود ۹۰%
CSS 2.1 > حدود ۹۲%
CSS 3 > حدود ۲۴%
DOM > حدود ۷۹%

معروفترین مرورگرهایی که از این موتور استفاده می کنند عبارتند از: فایرفاکس – موزیلا – نت اسکیپ – مکستون – Camino – SeaMonkey
از برنامه هایی که از این موتور پردازشی استفاده می کنند می شه به محصولات موزیلا از جمله تاندربیرد اشاره کرد و بعضی از فید ریدر ها در ویندوز و لینوکس.

Presto: موتور پردازشی مرورگر اپرا که تنها در این مرورگر مورد استفاده قرار می گیره و توسط سازندگان آن گسترش پیدا می کنه.
آمار استفاده در دنیا:
- حدود ۱٫۵%
آمار استفاده در ایران:
- حدود ۵%

× پشتیبانی از استاندارد ها: بسیار عالی
- نسخه استفاده شده در اپرا ۹ :
HTML / XHTML > حدود ۸۵%
CSS 2.1 > حدود ۹۴%
CSS 3 > حدود ۱۹%
DOM > حدود ۸۴%

از برنامه هایی که از این موتور پردازشی استفاده می کنند می توان به مرورگرهای نینتندو Wii ، نوکیا ۷۷۰ اشاره کرد.

WebKit: موتور پردازشی مرورگر سافاری شرکت اپل.
آمار استفاده در دنیا:
- حدود ۱٫۶%
آمار استفاده در ایران:
- حدود ۰%
× پشتیبانی از استاندارد ها: در حد مطلوب و خوب

از معروفترین مرورگرهایی که از این موتور استفاده می کنند می شه به سافاری ، شیرا ، Konqueror و Konqueror اشاره کرد.

× موتور های Gecko و WebKit اپن سورس هستند.
× مرورگرهای مکستون و نت اسکیپ ۲ موتور پردازشی Trident و Gecko را درون خود دارند.
× مرورگر Epiphany از موتور های Gecko و WebKit استفاده می کند.

منابع: ویکی پدیا – Farhadi’s Blog – w3schools

یکی از هدف هایی که برای پروژه وردپرس فارسی در نظر گرفته شد حمایت از سرویس WordPress.com ، تبلیغ و ترویج اون بود . چندی پیش در این مطلب مشکلات این سرویس رو نوشتیم . هدف اصلی ما برطرف کردن تمام مشکلات گفته شده هست حتی ما پیگیر مسئله مسدود شدن صفحه فارسی این سرویس نیز شده ایم و هستیم .

در اولین قدم مشکل CSS و طراحی بخش مدیریت هست که فکر کنم با ارائه فایل های CSS جدید به وردپرس تا حدودی این مشکل رفع بشه ( تقریبا مشکل وردپرس معمولی حل شده هست ولی برای وردپرس.کام مطمئن نیستم ) .

قدم دوم بهبود قالب های این سرویس هست چیزی که کاربران خیلی ازش ناراضین و در حقیقت فقط ۲ یا ۳ تم قابل استفاده است . در مرحله اول بهبود این تم ها برای زبان فارسی ما ۷ تم رو به نام های زیر هم اکنون آماده کردیم :
Blix ، MistyLook ، Freshy ، Almost Spring ، Pool ، ocean-mist و ambiru .
بزودی فایل های ساخته شده برای این تم ها به وردپرس.کام فرستاده می شه و پس از اون می تونید به راحتی از این تم های جدید استفاده و لذت ببرید .
× این کار با همکاری مهیار عزیز انجام شده و در حقیقت بیشتر فایل ها کار ایشون هست .
× بزودی چندین تم دیگر هم آماده می شه و این کار تا زمان آماده کردن تمامی تم ها متوقف نمی شه .

+ مطالب فارسی :

- پنج سایت که هر دانشجویی قبل از تحقیق باید ببیند ( + )
- فایرفاکس و پنجره تنظیماتش ( + )
- GOM Player یعنی همه چیز ( + )
- AideRSS ، سایتی برای پردازش فیدها ( + )
- چای “نت ویبس” با قند پارسی ( + )
- کارخانه اورکات‌سازی به شرط چاقو (‌ + )
- سیستم رای گیری و امتیاز دهی در وبلاگ و سایت ( + )
- نوشتن فارسی در فایرفاکس ( + )
- ویکیپدیا، بازیگرانش و نقش ما ( + )
- ۹ ادیتور برتر زبان PHP ( + )
- چک کردن آمار وبسایت با Xinu ( +‌ )
- بیست برنامه‌ی رایگان و Open Source قدرتمند-قسمت اول ( + )
- سریع و مصور در رابطه با لایو رایتر و مایکروسافت ورد ( + )
- فایرفاکس چگونه وب را به آتش کشید ( + )
- توییتری برای تجمل گرایان ( + )
- Tahoma فونتی پراستفاده اما بی روح ( +‌ )
- با Update Checker، همیشه به روز باشید ( + )
- ۵ راه ساده برای ذخیره فایل هایتان بر روی اینترنت ( + )
- توضیح نویسی فایل‌های CSS ( + )
- پنجاه سایت برتر سال از دید مجله‌ی Time ( + )
- با اکستنشن ThumbStrips ، هیچ سایتی را گم نمی‌کنید ( + )
- Python زبانی برای تمام فصول ( + )
- در انتظار اعجوبه ای دیگر از اپل باشید (‌ + )
- آمار پیشرفت فایرفاکس در مقابل اینترنت اکسپلورر ( + )
- بهینه سازی ادیتور وردپرس برای فارسی ( + )
- هما ، دستیار ایرانی کاربران اوبونتو ( + )
- اوبونتو برای مادربزرگ ( + )

+ مطالب انگلیسی :

- بیش از ۵۰ ابزار برای تورنت ( + )
- ۱۵ ابزار فایرفاکس برای گوگل ریدر ( + )
- آنچه در موردی که در مورد طراحی جدید ویدئو پلیر یوتیوب نمی دانید ( + )
- یک کامپیوتر رایگان و اپن سورس ( + )
- بیش از ۴۰ ابزار فایرفاکس در رابطه با وبلاگ نویسی ( + )
- ساخت فرم ارتباط در PDF ( + )
- آموزش گوگل ریدر برای مبتدیان ( + )
- بیش از ۳۰ ابزار  برای کار با ویکی (‌ + )
- نه چیزی که فایرفاکس باید از سافاری بیاموزد ( + )
- بیش لز ۳۰ ابزار برای کار با تگ ها ( + )

مطالب فارسی :

- افزونه ی توییت.برای فارسی زبانان ( + )
- مایکروسافت، اوبونتو را عرضه کرد ( + )
- چند نکته در مورد گوگل ریدر ( + )
- نمایش صحیح فارسی در فید بلاگر ( + )
- چگونه تصاویر دیجیتالی خود را با پیکاسا سازمان دهی کنیم ( + )
- شخصی سازی محل قرار گرفتن حروف کیبرد در اوبونتو ( + )
- وب ۲، نسخه‌ای جدید برای وب ( + )
- کارگران مشغول بازی هستند! ( + )
- نصب قالب Ubuntu Studio بر رویUbuntu Feisty ( + )
- تامبلر محبوب قلبها ( + )
- دسته‌بندی در وردپرس ( + )
- نسخه‌های اختصاصی یوتیوب برای ۹ کشور ( + )
- گوگل Mashup ( + )

مطالب انگلیسی :

- چرا دابل کلیک را خریدیم ، گوگل می گوید ( + )
- ویندوز XP را ویستا کنید ( +‌ )
- چند تا فایرفاکس دارید ؟! خوب هماهنگشون کنید ( + )
- معرفی سرویس دهندگانی در زمینه ارائه آمار و ارقام برای سایت ها و وبلاگ ها ( + )
- مقایسه ۴ تلویزیون اینترنتی ( + )
- بین گوگل ریدر و توییتر پیوند بزنید ( + )
- ۹۰ ابزار آنلاین در رابطه با تصاویر ( + )
- برنامه ای جهت ادیت CSS با دو نمای اینترنت اکسپلورر و فایرفاکس ( + )
- ۱۲ تا از بهترین شبکه های موسیقی در اینترنت ( + )
- ۵ چیزی که شما از آفیس گوگل نمی دونید ( + )
- ۱۹ ترفند و ابزار برای بهبود گوگل ریدر ( + )
- ۲۳ تولبار وب ۲ ای برای فایرفاکس ( + )
- منو ها رو در Gnome سریعتر کنید ( + )
- اوبونتو از نظر مایکروسافت کاملا معتبر است ( + )