$(*).hide()

$(document).ready(function(){ $("*").click(function(){ $(this).hide(); }); });

$("div:animated").hide()

$('a[href^="http"]').hide()

$('a[hreflang|="en"]').hide()

$('img[alt*="pouya"]').hide()

$('img[alt~="pouya"]').hide()

$('a[href$="html"]').hide()

$('div[class="myclass"]').hide()

$('div[class!="myclass"]').hide()

$(":button").css({"border":"3px black solid"});

$(":checkbox").css({"border":"3px black solid"});

$("#container .leftColumn input:checkbox").css({border:"3px black solid"});

$("input:file").css({border:"3px black solid"});

$("input:checked").css({"border":"3px black solid"});

$("input").click(function(){
  $(".log").html( $(":checked").val() + " is checked!" );
});

$("ul.class1 > li").css({border:"3px black solid"});

$("p:contains('pasargad-graphic.com')").css("color", "orange");

$("input:disabled").val("DISABLED");

$("input:enabled").css("border":"1px solid red");

<a></a> <li></li> <td></td>

$("body :empty").text("Empty Tag").css('background','red');

$("li:eq(0)").css("color","blue" );

$("li:eq(1)").css("color","blue" );

$("p:even").css("color","blue");

$("p:odd").css("color","red");

20 دیدگاه برای این نوشته:

1. احمدینا:
   08 Dec 2011 ممنون مفید بود فقط اگر می شود درباره val و attr و var هم آمورش بگذار باز هم ممنون
2. Saeed Fard:
   08 Dec 2011 سلام ، فوق‌العاده بود پويا جان ، واقعا زحمت كشيدي ، يه خسته نباشيده جانانه .. انشا‌الله كه آموزش جي‌كوئري‌ت هم مثل HTML كامل و بي نقص بشه .. ممنونم ، موفق باشي دوست من ../.
3. پويا صادقى:
   08 Dec 2011 مرسی ;)
4. مهران:
   08 Dec 2011 سلام میخوام وقتی موس رفت روی div یک div دیگر داخلش ظاهر شود(مثل کادر پاسخ که روی کامنت های اینجا میاد) البته بدون جاوا و فقط با css میشه راهنماییم کنید ؟ ببخشید اگه بد جایی سوال پرسدم
5. پويا صادقى:
   08 Dec 2011 میتونید Opacity عنصر داخلی رو 0 کنید و با کدی مشابه کد زیر، تعیین کنید که با حرکت موس روی div پدر ، div فرزند شفافیتش 1 بشه.
   .child{opacity:0;} .father:hover .child{opacity:1;}
6. مهران:
   08 Dec 2011 مرسی
7. احمدینا:
   09 Dec 2011 استاد با اجازتون من یک بازتاب از آموزشتان در وبلاگم گذاشتم که اگر کسی به بلاگ من سر زد از این آموزش های خوب بی بهره نماند
8. امیرحسین رهبری:
   19 Dec 2011 سلام وبسایت ما پیج رنک 4 داره و رنک 500 الکسای ایران. ما مایل به تبادل لینک با شما هستیم اگر موافقید ما رو با نام و لینک زیر لینک کنید و در نظر آخرین مطلب اطلاع بدید. نام لینک: دانلود نرم افزار آدرس لینک: http://www.faradownload.com/ مرسی
9. آرآر:
   05 Jan 2012 آقا عالی بود. ممنون
10. احمدینا:
    05 Jan 2012 سلام خسته نباشید سوالی داشتم : من یک قالب وردپرس با قابلیت تصاویر بند انگشتی طراحی کرده ام مشکل این قالب این است که زمانی که به ادامه مطلب مراجعه می شود وسز صفحه نشان داده می شود نه ابتدای صفحه و در انتهای لینک آن پست نیز more-47 یا چیزهای دیگر نظیر more-52 نشان داده می شود می خواستم بدانم این مشکل را چگونه می توانم رفع کنم ؟ ممنون از شما
11. پويا صادقى:
    05 Jan 2012 سلام. برای نمایش متن کامل پست از کد زیردر فایل single.php استفاده کنید:
    <?php echo the_content(); ?>
12. احمدینا:
    05 Jan 2012 مشکلم در استیل دهی اشتباه به ادامه مطلب بود باز هم ممنون که پاسخ دادید
13. احمدینا:
    07 Jan 2012 سلام خسته نباشید ، می خواستم اگر می شود یک شرکت ارائه دهدنده هاست خوب با امکانات مناسب و سرورهای قوی که مشکلاتی نظیر دان شدن سایت و یا دیگر مشکلات را نداشته باشد به من معرفی کنید با تشکر
14. پويا صادقى:
    07 Jan 2012 راستش از ریسلرهای زیادی هاست خریدم ولی هیچکدومشون بدون مشکل نبودن. در حال حاظر از سایت هاست ایران گرفتم. درطول 9 ماه مشکلی نداشتم ولی این ماه دوبار به مدت 12 ساعت سایت داون بود. به خاطر مشکل سرور و تعویض IP
15. احمدینا:
    08 Jan 2012 منم مانده ام از هاست ایران تعریف می کنند ، حالا بصورت آزمایشی یکساله می گیرم ببینم چطوری است فقط شما کدام سرویس را پیشنهاد می کنید ؟ لینوکس سازمانی یا ویژه و سرورهای داخلی اش بهتر اند یا خارجی ؟ ممنون
16. پويا صادقى:
    08 Jan 2012 هاست ایرانی تاحالا نخریدم ، نمیتونم درموردش نظر بندم. درمورد پلان ها هم بسته به نیاز و بودجه خودتون باید انتخاب کنید
17. وب پست:
    11 Jan 2012 به وب سایت شما رای مثبت دادم در (جشنواره وب ایران) برای بهترین طراحی سایت با HTML5 و CSS3 امیدوارم آموزش های بیشتری از شما را داشته باشیم.
18. پويا صادقى:
    11 Jan 2012 ممنونم از لطفتون. راستش یه مدته به خاطر مشغله زیاد، نتونستم قسمت سوم آموزش رو کامل کنم. به محض این که یکم وقت پیدا کنم ادامه آموزش ها رو منتشر میکنم
19. احسان:
    30 Jan 2012 عرض ادب و وقت بخیر. تشکر بابت سایت خوب و مفیدتون. استفاده کردیم... دوست عزیز از چه تابعی باید استفاده کرد تا به کامنت گذاران سایت در صورت پاسخ به کامنتشان ایمیل ارسال شود؟ یه همین قسمت پایین ارسال دیدگاه خودتون... فراوان سپاس
20. پويا صادقى:
    31 Jan 2012 معمولا از پلاگینهای آماده برای اینکار استفاده میشه ولی اگه خودتون میخواین بنویسید، با یه تابع نمیشه این کار رو انجام داد؛ باید با ارسال کامنت برای هر پست ، چک بشه که کدوم نویسنده کامنتهای قبلی درخواست ارسال ایمیل رو کردن، آدرس ایمیل اون ها رو از دیتابیس دریافت کنه و کامنت جدید رو براشون ارسال کنه

در چه سایت هایی استفاده میشه؟

• جی کوئری رایج ترین فریم ورک جاوا اسکریپته و پنجاه و یک و نیم درصد از 10000 سایت پربازدید دنیا دارن از jQuery استفاده میکنن.
• طبق آماری که منتشر شده بیشترین مشتری های jQuery سایت های تجاری هستن. سایت های تجاری 21% مصرف کنندگان jQuery رو تشکیل میدن. بعد از اون سایت های فروشگاهی ، فناوری، خبری ، تفریحی و آموزشی هستن.

نمونه های استفاده از جی کوئری رو کجا پیدا کنیم؟

• فقط کافیه عباراتی مثل jQuery Example رو گوگل کنید تا ببینید چقدر استفاده از jQuery در اینترنت رایجه.

• هیچوقت برای کارهای ساده ای که بدون اسکریپت هم میتونید انجام بدید، از جی کوئری استفاده نکنید.
  اگه با CSS3 و چند خط جاوا اسکریت میتونید به هدفتون برسید ، بیخودی یه فایل 90 کیلوبایتی رو تو مرورگر کاربراتون نچـپـونید!

چطور استفاده کنیم؟

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>

$(document).ready(function(){

YOURCODE

});

$(document).ready(function(){
$(".myclass").click(function(){
$(this).hide();
});
});

حالا یکم کد رو تغییر میدیم ؛ یه button در صفحه میذاریم با کلاس hide_it

و وقتی کاربر روی این دکمه کلیک کنه همه عناصر با کلاس myclass مخفی بشن:

$(document).ready(function(){
$(".hide_it").click(function(){
$(".myclass").hide();
});
});

$(this).hide()

$(".classname").hide()

$("#IDname").hide()

$(div).hide()

13 دیدگاه برای این نوشته:

1. سجاد:
   02 Dec 2011 مرسی پویا خیلی خوبه ،منتظر قسمت های بعدی هم هستیم D:
2. Saeed Fard:
   04 Dec 2011 سلام پويا جان ، خيلي عالي كه اين مطلب رو شروع كردي و اميدوارم تا پايانش ادامه بدي تا يك منبع خوب فارسي در اين مورد بشه ، استفاده كردم دوست من ،، متشكرم .. موفق باشي ../.
3. پويا صادقى:
   05 Dec 2011 ممنونم. سعی میکنم هر هفته یه قسمت بنویسم
4. احمدینا:
   05 Dec 2011 استاد با تشکر ممنون مطلب خوبی بود
5. RaminMT:
   05 Dec 2011 سلام سایت بسیار خوب و مفیدیه و من اکثرا از مطالبش استفاده میکنم فقط امیدوارم زود به زود آپدیت شه منتظر قسمت دومش و ... هم هستم چون میخواستم آموزش ببینم حالا شما داری زحمت میکشی ممنون
6. احمدینا:
   06 Dec 2011 سلام من سوالی داشتم : کد css که برای فوتر استفاده می شود و باعث می شود فوتر به کناره های صفحه بشچسبد یعنی جای خالی از اطرافش نداشته باشد چیست؟ مثلا فوتر خودتان ، آن بخشی که کپی رایت را نوشته اید چگونه کل صفحه را گرفته از یکسری که برای هدر استفاده می کنم استفاده کردم اما جواب نداد اگر می شود راهنمایی ام کنید؟ ممنون
7. پويا صادقى:
   07 Dec 2011 اگه منظورتون اینه که زیر و اطراف فوتر چند پیکسل فضای خالی هست با margin:0 و padding:0 برای تگ body اون فضای حاشیه از بین میره
8. احمدینا:
   07 Dec 2011 خیلی ممنون از شما
9. مریم:
   23 Dec 2011 مرسی از اینکه برای آموزش دیگران وقت میگذارید
10. مهرداد:
    28 Dec 2011 سلام مطالبتون فوق العاده است ... جاوا اسکریپت سبک تره یا جی کوئری؟ و کدوم یکی را ترجیح می دید؟ و چرا؟ اگر یکم شروع کار در مورد syntax جاوا اسکریپت توضیح می دادید خیلی بهتر بود شما گفتید: هیچوقت برای کارهای ساده ای که بدون اسکریپت هم میتونید انجام بدید، از جی کوئری استفاده نکنید. اگه با CSS3 و چند خط جاوا اسکریت میتونید به هدفتون برسید ، بیخودی یه فایل 90 کیلوبایتی رو تو مرورگر کاربراتون نچـپـونید! ولی متاسفانه css3 تو IE ملعون به ویژه نسخه 8 پشتیبانی نمیشه ... البته شما درست می گید که کی اهمیت می ده ولی این اهمیت ندادن مربوط به کاربرای حرفه ای ولی یه مشتری وقتی می بینی سایتش تو IE پیشفرض ویندوزش درست باز نمی شه نیمیگه که IE مشکل داره ... میگه طراح بی سواد بوده و بعد هم کار را نمی پذیره و......... و اما سوال آخر : نمی شه کاری کرد که با به قول شما چسبوندن یه فایل(البته خیلی کم حجم تر از 90kb ) css3 تو هر مروگری شناخته بشه؟
11. پويا صادقى:
    29 Dec 2011 جی کوئری فقط مجموعه ای از توابع جاوا اسکریپته. اینکه از فریم ورک های جاوا اسکریپت استفاده کنیم یا از خود جاوااسکریپت استفاده کنیم ، بستگی داره به نیازمون. مثلا اگه از اسکریپت فقط برای تعیین رویداد چند تا آبجکت ساده بخوایم استفاده کنیم، استفاده از فریم ورک منطقی نیست. ولی اگه تو صفحه مون کلی انیمیشن و رویداد و تغییر خصوصیت داشته باشیم، با توابع جی کوئری خیلی زودتر به هدفمون میرسیم. اینترنت اکسپلورر با css 3 مشکل داره ولی پردازش اسکریپتش هم تعریفی نداره. با اینحال اسکریپت هایی هم هستن که با استفاده از جاوااسکریپت، بعضی از ویژگی های css3 رو در IE8 شبیه سازی کنن. البته من به شخصه برام مهم نیست که کاربر IE نمیتونه کد های css3 رو به درستی ببینه. نمیشه به خاطر تعداد محدودی از کاربرها، جلوی پیشرفت وب رو گرفت.
12. saeed:
    12 Jan 2012 سلام کاش در کنار این اموزشات مثله اچ تی ام ال فایل کامل بخش هارو پی دی اف میگذاشتید + سی اس اس 3
13. پويا صادقى:
    12 Jan 2012 آموزش‌های HTML بر اساس سرفصل‌های W3Schools ، به صورت آموزش قدم به قدم نوشته شده ولی آموزش‌های CSS ، بیشتر با تاکید روی ترفندها و نکته ها نوشته شده و کسی که مقدمات CSS رو بلد نباشه ، PDF براش قابل نیست. آموزش‌های jQuery هم مثل HTML از پایه شروع شده و بر اساس منابع سایت jQuery نوشته میشه. فعلا کامل نیست. آموزش‌ها کامل که شد، نسخه PDF هم براش درست میکنم.

<canvas id="canvas1" width="400" height="200"></canvas>

var c=document.getElementById("canvas1");
var mostatil=c.getContext("2d");
mostatil.fillStyle="#dd00ff";
mostatil.fillRect(0,0,200,100);

var khat=c.getContext("2d");
khat.lineTo(20,50);
khat.lineTo(230,120);
khat.stroke();

var ax=c.getContext("2d");
var img=new Image();
img.src="YourImageURL";
ax.drawImage(img,0,0);

ax.drawImage(img,0,0,400,300);

var mycircle=c.getContext("2d");
mycircle.fillStyle="#FF0000";
mycircle.beginPath();
mycircle.arc(50,50,15,0,Math.PI*2,true);
mycircle.closePath();
mycircle.fill();

var mytxt = c.getContext('2d');
mytxt.font ="13px Courier";
mytxt.fillText("pasargad-graphic.com", 100, 100);

23 دیدگاه برای این نوشته:

1. بهنام ب:
   06 Oct 2011 سلام پویا جان؛ خوبی؟ مثل همیشه از مطالب خوب و مفیدت استفاده کردم. راستش هرچی دنبال صفحه «گزارش خطا» در سایت گشتم پیدا نکردم و برای همین اینجا مزاحمت میشم. آقا من امروز خواستم از مطلب مفید و جدید "آموزش HTML5 Canvas" یه پرینت (پی‌دی‌اف) بگریم تا بعدن سر فرصت بخونم که متوجه شدم که در خروجی، نوشته‌ها و کلن همی چی از راست به چپ میشه و به قول معروف چیدمان صفحه چپ چین میشه! خواستم ببینم این ایراد کوچولو بخاطر طراحی سایت هست یا ایراد از تنظیمات پرینتر من هست!؟ البته من بعدش از مطلبی در سایت «فارسی گیک» (http://www.farsigeek.com/?p=7433) پرینت گرفتم که در پی‌دی‌اف حاصل شده مشکلی نداشت و درست مثل چیدمان خود صفحه وب را پرینت گرفته بود. دیدم حیف ِ سایت خوب و مفید پاسارگاد گرافیک هست و گفتم اینو اطلاع بدم تا اگه این ایراد کوچولو از خود طراحی سایت هستش و با یه کد حل میشه، رفع کنید؛ وگرنه من در تنظیمات پرینترم دنبال رفع این مشکل باشم. آقا پویا آرزوی موفقیت میکنم
2. پويا صادقى:
   06 Oct 2011 ممنون که اطلاع دادی بهنام جان. تو فایرفاکس و اپرا این مشکل رو داشت. مشکل چپ چین برطرف شد و قالب سایت همینطوری که هست پرینت میشه :)
3. آراز:
   07 Oct 2011 سلام من مایل به تبادل لینک با وب سایت شما دوست عزیز هستم وب سایت ما www.ertebatp30.com مرکز دانلود گرافیک
4. محمد صادق:
   08 Oct 2011 درود بر شما من همیشه به سایت شما سر میزنم و از مطالب مفیدش در طراحی قالب جدید وبلاگ استفاده میکنم . خیلی ممنونم از مطالب مفید و ارزشمندتون . درضمن اگر میشه آیدی منو در یاهو مسنجر ادد کنید یه چند تا سوال دارم : msshblog
5. پويا صادقى:
   08 Oct 2011 لطفا سوالتون رو ایمیل کنید. با سپاس
6. محمد:
   18 Oct 2011 با سلام بنده به تازگی یک وبلاگ آموزش گرافیک زدم . برای بالابردن سطح علمی و آشنا شدن کاربران گرافیک با وبلاگ از شما خواهشمندم که منو لینک کنید .
7. Saeed Fard:
   24 Oct 2011 سلام پويا جان . خوبي ؟ آقا پويا مدير سايت پايار وب و حالا يك وب هستم ، راستش به دليل يه سري تغييرات و انتقال سايت يه چند مدت لينكتون از سايتمون پاك شده بود ، كه امروز اضافه شد ، لطفا اگه قابل ميدوني مارو با اسم يك وب لينك كن .. هم دامين قبلي هم جديد در دسترس هستش .. با تشكر .. راستي مطلبت هم خيلي عالي بود ، مثل هميشه خيلي چيزا ياد گرفتم .. موفق باشي دوست من ../.
8. احمدینا:
   11 Nov 2011 سلام استاد ، من چند وقتی بود صفحه index شما را ندیده بود ، واقعا باید تبریک گفت خیلی زیباست
9. پويا صادقى:
   11 Nov 2011 ممنونم :) لطف دارید.
10. abolfazl:
    17 Nov 2011 با چه کدی میشه هر تصویری که کاربر در سایت آپلود میکنه یک متن در سمت چپ تصویر آپلود شده قرار بده؟
11. پويا صادقى:
    19 Nov 2011 لطفا بیشتر توضیح بدید.
12. badali:
    21 Nov 2011 خیلی ممنون خوب بود
13. hoseni_68:
    23 Nov 2011 سلام سايت بسيار زيبا و خوبي داريد ، اگر تمايل داشته باشيد يکديگر را لينک کنيم. سايت 3منيج در زمينه هاي برنامه نويسي ، فروش هاست ، دامين ، نمونه سوال و ... فعاليت دارد. آدرس سايت 3منيج : www.3manage.com در صورت تمايل سايت مارا با عنوان : دانلود پروژه و نرم افزار توضيجات : برنامه نويسي | نمونه سوال | هاست | نرم افزار لينک بفرماييد و اطلاع دهيد تا شما را لينک کنيم با احترام برنامه نويس وب سايت www.3manage.com
14. حسین:
    25 Nov 2011 وبسایت آموزنده و خوبی دارید.. سپاس ;)
15. احمدینا:
    30 Nov 2011 سلام ، اول قالب جدیدت را تبریک می گویم خیلی زیباست ممنون مطلب جالبی بود عین همیشه فقط اگر می شود درباره آموزش پایه ی جی کوئری هم پست هایی بگزارید
16. پويا صادقى:
    30 Nov 2011 شاید باور نکنی ولی همین الان که این کامنتو نوشتی در حال نوشتن پست‌ش هستم!!
17. پويا صادقى:
    30 Nov 2011 ممنون :)
18. jackgonjishke:
    05 Dec 2011 سلام منون از زحماتت پویا جان راستش من دمبال نرافزاری هستم که به محضه این که یه کدی رو توش مینویسی کامپایل شده ی اون رو پاینش یا در یک صفحه ی دیگه نشون میده اگه بتونی این نرم افزارو پیدا کنی واقعان ممنونت میشم چون من خیلی کاردارم بعد باید کل اون هارو 2 ساعت سیو اس اه تی ام ال کنم بعد اجرا کنم 2 ساعت ببین مشکلش چیه دوباره اوپن ویت ................. اگه یه هم چی چیزی هست یا خودت بلدی بنویسی هتما به من بگو ممنون
19. پويا صادقى:
    06 Dec 2011 بیشتر نرم افزارهای طراحی وب این امکان رو دارن. کافیه یه سرور مجازی مثل xampp یا wamp و... نصب کنی و مشخصات localhost رو در نرم افزاری مثل DreamWeaver اضافه کنی. بعد در Dreamweaver پنجره رو در حالت Code &Design قرار بده تا تغییرات رو به صورت زنده ببینی. البته پیشنهاد من اینه که بعد از تکمیل کدهای هر قسمت، با مرورگرهای مختلف صفحه رو چک کنی که مشکلی پیش نیاد
20. jackgonjishke:
    06 Dec 2011 ممنون الان دارم دانلود میکنم
21. prm:
    23 Jan 2012 سلام,ممنون از اطلاعاتی که گذاشتین. میخواستم بدونم میشه یه برنامه مثل این سایت "http://www.drawastickman.com/" با WPF نوشت؟
22. prm:
    23 Jan 2012 منظورم html5 بود .D:
23. پويا صادقى:
    24 Jan 2012 بله با استفاده از Canvas یا SVG

.d3{transform:rotateY(40deg);-webkit-transform:rotateY(40deg);}

.d3{transform:rotateY(180deg);-webkit-transform:rotateY(180deg);}

.d4{transform:rotatex(40deg);-webkit-transform:rotatex(40deg);}

.d4{transform:rotatex(180deg);-webkit-transform:rotatex(180deg);}

18 دیدگاه برای این نوشته:

1. حسین سعیدی:
   27 Jul 2011 آموزش بسیار جالب و کاملی بود مدتها بود که می خواستم آموزش هایی رو که در دیگر انجمن ها میزارم، در سایت خودم بزارم بهت تبریک می گم موفق باشی
2. پويا صادقى:
   27 Jul 2011 ممنون. لطف دارین :)
3. کوروش:
   01 Aug 2011 سلام ببخشید، به نظر شما jQuery بهتره یا MOOtools ???????? برای زیبایی(متحرک سازی و ...) و برای ajax???? ajax برام خیلی مهمه.
4. پويا صادقى:
   01 Aug 2011 من با mootools کارنکردم. به نظر من mootools افکت های خوبی داره ولی jQuery خیلی رایج تره. معمولا هم از jQuery به همراه ajax استفاده میشه. فکر کنم این سایت بتونه به شما کمک کنه
5. milad:
   02 Aug 2011 سلام دوست گرامي من مدير سايت www.parsnaz.ir هستم مي خواستم تبادل لينک کنم. لطفا زود خبر دهيد ممنون عنوان:سايت تفريحي پارس ناز شرح:سايت تفريحي پارس ناز
6. کوروش:
   04 Aug 2011 پس همه ی قابلیت های Ajax تو jQuery وجود داره؟؟
7. پويا صادقى:
   06 Aug 2011 منظورتونو متوجه نشدم!؟ لطفا این صفحه و این صفحه رو مطالعه کنید
8. کوروش:
   07 Aug 2011 سلام اگه تو سایت jquery.com برید، نوشته دانلود jquery minified. جلوش نوشته 31 کیلوبایت. اما وقتی من دانلود کردم تقریبا 90 کیلویابت بود..! ماجرا چیه؟؟ با این وجود سرعت لود شدن صفحه کم نمیشه؟؟؟؟
9. پويا صادقى:
   07 Aug 2011 نمیدونم چرا نوشته 31 کیلوبایت! حجم کد فشرده 89 کیلوبایته ولی این یه فایل اسکریپته و فایل‌های اسکریپت فقط در اولین بازدید کاربر از یک سایت ، تو مرورگر کاربر، کش میشن. پس فقط در اولین لود برای هر کاربر ، کاهش سرعت داریم. علاوه بر این، میتونید از فایلی که روی سرور گوگل آپلود شده استفاده کنید، این فایل توسط سایت های زیادی استفاده میشه و احتمال کاهش سرعت برای اولین بار رو هم کاهش میده :)
10. حمیدرضا شعبانی:
    14 Aug 2011 31 کیلوبایت زمانی هست که فایل رو توسط سرور Gzip میکنید ... موفق باشید
11. پويا صادقى:
    15 Aug 2011 تشکر ;)
12. 20Temp:
    19 Aug 2011 با سلام به مدیر سایت پرمحتوای پاسارگاد گرافیک. پیج رنک سایت ما 2 است اگر مایل به تبادل لینک با ما هستید بسیار خوشحال میشویم. عنوان لینک : بیست تمپ توضیحات : 20Temp | گرافیک آدرس : http://www.20temp.com با تشکر
13. 20Temp:
    20 Aug 2011 سلام. ممنون جناب صادقی. لینک شما نیز درج شد. سپاس
14. اشکان:
    03 Sep 2011 با سلام خدمت شما مدیریت محترم. سایت ای سی پرشیا مایل به تبادل لینک و همکاری با شما میباشد. سایت ما در روز عید سعید فطر بطور رسمی فعالیت خود را شروع کرده و در همین مدت اندک صفحات ایندکس فراوانی در گوگل پیدا کرده.برای ما بازدید واقعی اهمیت دارد و به دنبال بازدید دروغین نیستیم.خودتان بهتر میدانید که امروزه با اسکریپت ها و سایت های فراوانی میشود بازدید دروغین پیدا کرد مثل خیلی از سایت ها. به هر حال خوش حال میشم اگر سایت ما را برای لینک کردن انتخاب کنید و بتوانیم با هم تعامل بیشتری داشته باشیم. اشکان چگینی.مدیر ارتباطات سایت ای سی پرشیا دات کام ashkan@a30persia.com www.a30persia.com
15. علی:
    05 Sep 2011 سلام... با اجازه یه سوالی ازتون داشتم این آموزشگاه هنری طرحستان به گوشتون آشناس؟! آموزشگاه معتبریه به نظرتون؟! خواهشا جواب بدید ممنون
16. پويا صادقى:
    06 Sep 2011 سلام. اطلاعی ندارم...
17. رضا:
    12 Sep 2011 تبلیغات شما در وبلاگ برتر میهن بلاگ : ماهیانه 3000 تومان
18. amir:
    24 Oct 2011 با سلام وب خوب وبا محتوایی دارید اگه با تبادل لینک با ما موافق هستید ما رو با عنوان وطن20 لینک کنید http://www.vatan20.com

-webkit-transform:
-ms-transform:

<div class="container">
<div class="d1">D1</div>
<div class="d2">D2</div>
<div class="d3">D3</div>
<div class="d4">D4</div>
</div>

.container{perspective:600;-webkit-perspective:600;}

.d1,.d2,.d3,.d4{
background:#bbb; width:100px;height:100px;
margin:20px auto;font-size:85px;border-radius:5px;}

translate3d(x, y, z)

.d1{-webkit-transform:scale3d(3,1,1);-ms-transform:scale3d(3,1,1);}

.d4{-webkit-transform: translateZ(300px);-ms-transform: translateZ(300px);}

transform-style: flat;

transform-style: preserve-3d;

.container{perspective:600;-webkit-perspective:600;
transform-style: preserve-3d;-webkit-transform-style: preserve-3d;}

-webkit-perspective-origin:50% 50%;

.container{perspective:600;-webkit-perspective:600;
transform-style: preserve-3d;-webkit-transform-style: preserve-3d;
-webkit-perspective-origin:50px 20px;}

6 دیدگاه برای این نوشته:

1. Saeed Fard:
   13 Jul 2011 ممنون پویا جان بابت این مطالب واقعا عالیت ، متشکر و ممنونم .. موفق باشی دوست من ../.
2. پويا صادقى:
   13 Jul 2011 ممنون :) لطف دارین
3. جابر:
   14 Jul 2011 سلام همانطور که از موضوع پيدا هست،يه سايت با پيج رنک4 دارم-و خواستار تبادل لينک با شما هستم اميدوارم با جواب + شما يک تقابل 2طرفه و صميمانه داشته باشيم www.irmob.net "ايران موبايل" نظر خود را به ايميل afzali.jaber@gmail.com .ارسال نماييد با تشکر از وقتي که براي من گذاشتيد.
4. behnam:
   29 Jul 2011 سلام مطالبتون عاليه اما اگر ميشه اموزش css را يكپارچه كنيد مثل اموزش html خدانگهدار
5. پويا صادقى:
   30 Jul 2011 مرسی بهنام جان. احتمالا از چند وقت دیگه آموزش CSS از پایه هم شروع میکنم :)
6. اسماعیل:
   08 Sep 2011 با سلام و خسته نباشيد سايت خوب و پر محتواي داريد : اگر مايل به تبادل لينک هستيد سايت ما را با عنوان: فارسي تمپ شرح : سامانه تخصصي ابزار گرافيک و طراحي وب سايت لينک کنيد و به ما اطلاع دهيد تا لينک سايت شما در سايت ما قرار گيرد. با تشکر. www.fatemp.ir

.mycolumn{width: calc(30% - 10px);}

.mycolumn{width: -moz-calc(30% - 10px);}

/*IE+9*/
width: calc(30% + 10px);
font-size: calc(10em / 2);
margin: calc(18px * 2);
padding-left: calc(10% - 10px);

/*Firefox+4*/
width: -moz-calc(30% + 10px);
font-size: -moz-calc(10em / 2);
margin: -moz-calc(18px * 2);
padding-left: -moz-calc(10% - 10px);

4 دیدگاه برای این نوشته:

1. Saeed Fard:
   29 Jun 2011 سلام .. ممنون پویا جان .. خیلی عالی و مفید بود ،، من که یادش گرفتم .. موفق باشی ../.
2. Hesam:
   29 Jun 2011 ممنون
3. Mehdi:
   04 Jul 2011 با عرض سلام و خسته نباشید فراوان خدمت شما سایت خیلی باحال و زیبایی دارید میخوستم نظرتون را راجع به تبادل لینک بدونم اگر مایل بودید حتما خبرم کنید و بهم بگید با چه اسمی لینکتون کنم تا من هم بگم با جه عنوانی بنده را لینک کنید ! من منتظر هستم با تشکر فراوان آدرس www.kamyab98.com پیچ رنک 2 گوگل
4. یکی یه دونه:
   14 Aug 2011 این ویزگی رو ندیده بودم! خیلی مفیده...

::-webkit-scrollbar {background:#fff;}
::-webkit-scrollbar-thumb {background:#999; }

::-webkit-scrollbar {
background:#fff;
width:10px;height:10px;
}
::-webkit-scrollbar-thumb {
background:#999;
}

::-webkit-scrollbar {
background:#fff;
width:10px;height:10px;
}
::-webkit-scrollbar-thumb {
background:#999;
border-radius:5px;
box-shadow:inset 0 0 10px #333;
}

::-webkit-scrollbar-corner {
    background:#fff;
}

::-webkit-scrollbar-track{
background:#eee;
border-radius:5px;
box-shadow:inset 0 0 10px #aaa;}

::-webkit-scrollbar {
background:#fff;
width:10px;height:10px;
}
::-webkit-scrollbar-thumb {
background:#999;
border-radius:5px;
box-shadow:inset 0 0 10px #333;
}
::-webkit-scrollbar-corner {
background:#fff;}
::-webkit-scrollbar-track{
background:#eee;
border-radius:5px;
box-shadow:inset 0 0 10px #aaa;}

10 دیدگاه برای این نوشته:

1. Amin:
   06 May 2011 سلام . چند ماه پیش شنیدم که میشه یه صفحه وب رو در چند مرورگر مشاهده کرد و این بیشتر به درد طراحان میخوره واسه اینکه ببینن آیا صفحه ای که طراحی کرده اند تو همه مرورگرها کار میکنن یا نه . من هر چی گشتم چنین سایتی رو پیدا نکردم . البته میگن واسه فایرفاکس اپلیکیشنی وجود داره اما اونم پیدا نکردم . اگه شما هر کدوم از اینا رو سراغ دارین به ما معرفی کنین خیلی ممنون میشیم . با تشکر
2. پويا صادقى:
   06 May 2011 http://browsershots.org http://chromeextensions.org/utilities/ie-tab/ http://addons.mozilla.org/en-US/firefox/addon/ie-view/
3. Amin:
   03 Jun 2011 سلامی دوباره و خسته نباشید . من قبلا این سوال رو از شما پرسیدم و شما هم جواب دادین اما یه چیز دیگه مونده اونم اینکه برای نمایش دادن یک صفحه در صفحه دیگه میشه از آی فریم استفاده کرد و هم فکر کنم جاوا . اما مشکل من اینجاست که پرشین بلاگ اجازه استفاده هیچ کدوم رو نمیده حالا میخواستم بدونم آیا راه حل دیگه ای حست یا نه . با تشکر
4. پويا صادقى:
   05 Jun 2011 تا اونجایی که میدونم، پرشین بلاگ با جاوااسکریپت مشکلی نداره. فایل جاوااسکریپتی که iframe داره رو یه جای دیگه آپلود کنید(external javascript)
5. Amin:
   06 Jun 2011 خوب اگه آپلود کنم چطوری اونو فراخونی کنم اگه میشه کد کاملش رو در اختیارم بگذارید خیلی ممنون
6. پويا صادقى:
   06 Jun 2011 <script type='text/javascript' src='URL'></script>
7. reza:
   27 Jun 2011 سلام ! رنک 5 شدی ! تبریک میگم :دی
8. پويا صادقى:
   27 Jun 2011 !wow اصلا انتظار نداشتم از 2 یدفه بشه 5! ممنون رضا :)
9. mohammad:
   10 Nov 2011 سلام ممنون عالی بود به منم سر بزن اینا هم سایت های منه تبلیغ http://persiantablig.ir/ عاشقانه http://asheganeh.ir/
10. بهزاد:
    17 Nov 2011 سلام همکار عزیز پیج رنک وب من +۳ هست و تقریبا رشد قابل توجهی در ۱ ماه اخیر در سایت الکسا داشتم . اگر با تبادل لینک موافقید خبرم کنید . http://7psd.ir/

5 دیدگاه برای این نوشته:

1. ben:
   15 Mar 2011 salam saite ziba va por mohtavaiee darid mitoonam behetoon pshnahade tabadole link bedam agar mova fegha hastid saite man ra ba name اصفهان فان va addresse www.esffun.ir link konid va dar sait nazar bogzarid ta 5 saate bad link mishavaid mochakeram my yahoo id: bad_boy10024
2. ben:
   20 Apr 2011 ssalam saite zibaiee darin aia mayell be tabadole link ba saite man hastid agar mayel hastid saite man ra ba moshakhasate zir link konid va naza r bogzarid www.esffun.ir اصفهان فان mochakeram
3. admin:
   09 Jul 2011 سلام برای تبادل لینک ایمیل زدم http://www.patugh.ir/ pagerank 5 اگه موافق بودید تیتر و آدرستونو برای ما ارسال کنید با احترام
4. مهرداد:
   28 Dec 2011 سلام من می خوام در حالت active یا hover یک div یا ... یه سری از خاصیت های اون div را تغییر بدم ولی این تغییر باقی بمونه و وقتی که موس از روی اون قسمت کنار رفت (در حالت hover) خاصیت ها به حالت اول بر نگرده ... مثلا اگه ارتفاع اولیه یه div 100px است و در حالت hover یا ... 400px است این تغییر فقط یک بار انجام بشه و دیگه به حالت اولیه بر نگرده ... به نظر شما میشه با css چنین کاری کرد؟
5. پويا صادقى:
   29 Dec 2011 از نظر منطقی نه. نمیشه. چون رویداد hover فقط تا زمانی اجرا میشه که اشاره گر موس روی المنت مورد نظر باشه. برای اینکار به رویدادهایی مثل mouse in و mouse out احتیاجه که با جاوا اسکریپت قابل پیاده سازی اند

<div class="div1"></div>

.div1{width:300px; height:100px; background:#1B86F1;}

.div1{width:300px; height:100px; background:#1B86F1;
-webkit-animation-name:anime1;}

.div1{width:300px; height:100px; background:#1B86F1;
-webkit-animation-name:anime1;
-webkit-animation-duration:5s;}

.div1{width:300px; height:100px; background:#1B86F1;
-webkit-animation:anime1 5s;}

@-webkit-keyframes anime1{}

@-webkit-keyframes anime1{
from {width:50px;}
 to {width:300px;}
}

@-webkit-keyframes anime1{
0%{width:50px;}
100%{width:300px;}
}

@-webkit-keyframes anime1{
0%{width:50px;}
20%{width:30px;}
55%{width:200px;}
90%{width:180px;}
100%{width:300px;}
}

-webkit-animation-iteration-count:1;

-webkit-animation-iteration-count: infinite;

-webkit-animation-direction:normal;

-webkit-animation-direction:alternate;

-webkit-animation-delay:3s;

-webkit-animation-play-state:running;

-webkit-animation-timing-function:ease;

15 دیدگاه برای این نوشته:

1. IRANHEX:
   22 Feb 2011 خیلی جالب بود . ممنون
2. پويا صادقى:
   22 Feb 2011 ;)
3. ben:
   16 Mar 2011 salam mer30 shoma link shodid saite khili zibaiee darid lotfan id man roo add konid yahoo id : bad_boy10024
4. splintercell:
   05 Jul 2011 سلام پویا جان. آقا یه سئوال توی وبلاگت وقتی ماوس میره روی پیوندها یک بکگراند خاکستری که دوطرفش دوتا خط سبز داره ایجاد میشه. اگر زحمتی نیست کد css این رو اینجا برام بنویس.ممنون میشم. آخه از شما پنهون دارم css رو یاد میگیرم و به راهنمایی دوستانی مثل شما احتیاج دارم.
5. پويا صادقى:
   05 Jul 2011
   a:hover{border-right:3px solid #8cc700; border-left:3px solid #8cc700; color:#000; text-decoration:none; text-shadow:0 -1px 0 #fff; border-radius:3px; -moz-border-radius:3px; -o-border-radius:3px; -webkit-border-radius:3px; border-bottom:1px solid #888; background-color:#ddd;}
6. splintercell:
   06 Jul 2011 ممنونم پویا جان. اگر اجازه بدی باز هم برای پرسیدن سئوالهام مزاحمت خواهم شد.
7. nadia:
   16 Nov 2011 salam man ye soal daram vase porojam. mikham 2ta aks ke width esh ziade, automatic akse aval az samte chap be samte rast scrol kone bade namayeshe in ax mahv she va akse dovom az samte rast be samte chap scrol peyda kone. mamnoon misham ke rahnamaeem konin dar in mored.
8. احمدینا:
   26 Nov 2011 ممنون عالی بود فقط می شود یک دمو از این کدها هم بگذارید
9. پويا صادقى:
   27 Nov 2011 در هر قسمت کاملا توضیح دادم که هر کد چه کاری انجام میده. فکر نمیکنم احتیاجی به دمو باشه
10. vahid mohamadi:
    29 Nov 2011 میخواستم بپرسم گه چطوری میشه رنگ متونی که هایلایت میشن رو عوش کرد مثلا وقتی یه متنی رو توی وب سایتمون هایلایت میکنن رنگ هایلایت رنگ آبی پیشفرض مرورگر نباشه؟ ممنون
11. پويا صادقى:
    29 Nov 2011 با استفاده از CSS زیر (اولی برای فایرفاکس و دومی برای کروم و سافاری و اپرا و...)
    ::-moz-selection{} ::selection {}
12. shahram:
    24 Dec 2011 salam poya jan mamnom az matalebe ke dar site mizarid man daram 1 site ba DW css5 tarahi mikoan hala soalam ineek mikham 1 form besazam ke user ha etelaat mesl esm famil va ro por konnad va 1 dokmeh SUBMIT bezaram hala nemidonam in buttom SUBMIT je tori kar mikoneh mitoni rahnamaeei koni lotfan merci
13. پويا صادقى:
    24 Dec 2011 در خصوصیت action دکمه submit باید آدرس صفحه‌ی داینامیکی رو بذارید که اون صفحه داینامیک (که می‌تونه با PHP یا ASP درست شده باشه) کارش اینه که اطلاعات فرم رو ذخیره کنه
14. فرزین سیف الهی:
    29 Jan 2012 سلام پویا. قبلا درباره ی یک قسمتی از CSS ازت سوال کرده بودم، خیلی خوب جوابم رو دادی. مرسی. حالا این حرکت اشیاء رو که تو هم توی سایتت داری رو کامل برای من اگه میتونی بنویس. مثل حرکت دکمه های Share که بالای مطلب هست و به سمت چپ حرکت میکنه. فقط اگه کامل توضیح بدی ممنون می شم. مرسی. منتظرم.
15. پويا صادقى:
    30 Jan 2012 با استفاده از hover استایلی رو تنظیم میکنیم که موقع حرکت موس روی هر المنت دیده میشه. برای ایجاد حالت انیمیشن هم از توابع زمانبندی CSS3 استفاده میشه. transition رو در کلاس/ID المنت قرار میدیم، بعد از اون هر حرکتی که اون المنت بخواد انجام بده حالت انیمیشن داره

-webkit-transition: all 1s ease;

@-webkit-keyframes tfs{from{margin-left:0px;}to{margin-left:300px;}}
.divtfs *{width:100px; height:25px; background:#FFCA4F; border:1px solid #F90; margin-bottom:2px; text-align:center}
.div1tfs{-webkit-animation:tfs 3s linear infinite alternate;}
.div2tfs{-webkit-animation:tfs 3s ease-in infinite alternate;}
.div3tfs{-webkit-animation:tfs 3s ease-out infinite alternate;}
.div4tfs{-webkit-animation:tfs 3s ease-in-out infinite alternate;}

<div class="divtfs">
<div class="div1tfs">linear</div>
<div class="div2tfs">ease-in</div>
<div class="div3tfs">ease-out</div>
<div class="div4tfs">ease-in-out</div>
</div>

8 دیدگاه برای این نوشته:

1. Amin:
   22 Jan 2011 سلام . میخوام وقتی روی یک عکس و یا یک دکمه موس رفت طرحش عوض بشه عین وب خودتون منوی بالا حالت عادی سفیدن اما وقتی موس رفت روش نارنجی میشه حالا هر جوریش رو گذاشتید اشکالی نداره فقط یاد بده بهمون خیلی ممنون اگه آموزش بدید اگه css باشه خیلی بهتره
2. پويا صادقى:
   22 Jan 2011 آموزش ساخت دکمه با CSS3
3. Amin:
   16 Feb 2011 سلام و خسته نباشید . سوالی دارم در رابطه با زمان عکس ها . آیا میشود کاری کرد که کاربر وارد سایت بشه و عکس پشت زمینه اول لود بشه و یه جور کدی چیزی قرار بدیم که بقیه عکسها پس از 10 ثانیه دیگه باز بشن اگه چنین چیزی امکان داره خوشحال میشم آموزش بدید . منتظرم
4. پويا صادقى:
   21 Feb 2011 سلام. در پست "حرکت اشیا با CSS3" یه نمونه آموزش دادم. برایهر المنت میتونید keyframe ایجاد کنید و زمانبندی کنید
5. محمد:
   04 Jun 2011 سلام.ممنون از آموزش های خوبتون.خیلی خوب میشه اگه انتهای کار یه نمونه از اون چیزی که آموزش دادین بزارین.ممنون !!
6. پويا صادقى:
   05 Jun 2011 کدهایی که آخر پست گذاشتم رو تو یه فایل html قرار بدید، میشه نمونه :)
7. احمد احمدی:
   25 Nov 2011 خسته نباشی آقا پویا کارت خیلی خوبه هم خلاقی و هم حرفه ای ! موفق باشی ...
8. پويا صادقى:
   26 Nov 2011 ممنونم :)

7 دیدگاه برای این نوشته:

1. مجید:
   19 Jan 2011 سلام وب بسیار زیبا و پر محتوایی دارید من شما را لینک کردم اگه مایل بودید منو با نام "اطلاعات در موردکامپیوتر" لینک کنید.www.in-pc.blogfa.com
2. ابوالفضل:
   22 Feb 2011 تبادل لینک می کنی ؟
3. خشایار:
   09 Apr 2011 سایت واقعا #1 داری لطفا فایلهارو روی mediafire اپ نکن این سایت در ایران فیلتر شده بنظرم از 4shared استفاده کنی بهتره اگه لینک مستقیم بدی که عالی میشه برای این هم از هاست های رایگاه معتبر استفاده کن که تو خرج هم نیفتی من خودم این کارو کردم وتاحالا خیلی خوب بوده به امید موفقیت های بیشتر
4. پويا صادقى:
   10 Apr 2011 ممنون. اونوقع که این پست رو نوشتم فیـلتـر نبود. عکس‌ها به صورت آنلاین اینجا هست :)
5. رضاگرافیک:
   17 Jul 2011 سلام.داداش خوبی: من مدیر سایت رضاگرافیک هستم 15 سالمه: از آشناییم خوشبختم: سایت رضاگرافیک قصد تبادل لینک با شما دارد: نام: رضاگرافیک توضیح: مرجع گرافیک و طراحی آدرس http://www.rezagraphic.ir لطفا بلینکید و بعد خبر بدهید تا شمارو لینک کنم ؟همکار عزیز منتظر جوابتم.
6. mnrlsd:
   15 Aug 2011 اگه میتونی تو یک سایت دیگه مثل persiangigآپلود کن
7. پويا صادقى:
   15 Aug 2011 الان که مدیافـایـر فیـلتـر نیـست

7 دیدگاه برای این نوشته:

1. ابراهیم رئیسی:
   02 Jan 2011 سلام خسته نباشید خیلی خوب و مفید بودممنون
2. مانی:
   02 Jan 2011 کاملا باهاتون موافق هستم.امیدوارم روزی بشه که همه آخرین نسخه مرورگر محبوبشون رو روی سیستم عاملشون نصب کنند.به امید آن روز!
3. سعید:
   11 Jan 2011 موافقم ...
4. پويا صادقى:
   11 Jan 2011 به به! آقا سعید :)
5. خودمم:
   12 Apr 2011 سلام.مرسی مزیت استفاده از مرورگر جدیدومتوجه شدیم حالا چرا دانلود نمیشه؟؟؟؟؟؟؟؟؟
6. پويا صادقى:
   13 Apr 2011 دانلود میشه، مشکلی نداره روی لینک Download Latest Version در ستون سمت راست کلیک کنید و اگه دانلود شروع نشد، روی If not then please click this link کلیک کنید.
7. iranaforum:
   06 Aug 2011 سلام دوست عزيز اگه با تبادل لينک موافقيد ما را با نام زير لينک کنيد و به ما خبر بدهيد تا شما را با چه نامي لينک کنم ايرانا فروم | سايت تفريحي http://www.iranaforum.com/ اگه حتي تبادل لينک هم نميکنيد حتما خبر دهيد پيچ رنک ما :3 يا حق

9 دیدگاه برای این نوشته:

1. سعيد:
   26 Oct 2010 سلام دوست عزيز.. شما لينك شديد..لطفا ما رو با نام "ســــوپر دانلـــود" يا "دانلـــود بهتريــن ها" لينك كنيد.. با تشكر../.
2. محسن کریمی:
   08 Nov 2010 سلام خسته نباشید. مطالب جالب و خوبی ارایه میکنید. امیدوارم ادامه داشته باشه!
3. محسن کریمی:
   08 Nov 2010 سلام مطالب خوب و جالبی ارایه میکنید. امیدوارم ادامه داشته باشه. موفق باشید
4. پويا صادقى:
   08 Nov 2010 ممنون :) شما هم وبلاگ خوبی دارید
5. فرهاد:
   12 Nov 2010 وبسایت جالبیه ممنون بابت معرفی
6. reza:
   30 Mar 2011 اين افزايش سرعت در مرورگرها جديد با html5 (سخت افزاري) آيا بايد قطعات کامپيوتر هم ساپورتش کنه؟ اگه بله از کجا بايد بدونيم که قطعهامون ساپورتش ميکنن
7. پويا صادقى:
   03 Apr 2011 از نظر سخت افزاری فقط اتصال اینترنت مهمه و پردازش اونقدر سنگین نیست که به CPU یا Ram یا گرافیک بالا نیاز داشته باشه
8. مهیار:
   24 Jun 2011 شاید سوالم ربطی به موضوع نداشته باشه، عکس رو خودت طراحی کردی ؟ عکس تایتل رو ؟
9. پويا صادقى:
   25 Jun 2011 تقریبا :‌) آیکون مرورگرها رو به عکس اضافه کردم و کنتراست رو تغییر دادم

10 دیدگاه برای این نوشته:

1. Hesam:
   06 Oct 2010 ممنون
2. ahmad:
   07 Oct 2010 kheili khoobe
3. نیوشا:
   08 Oct 2010 مرسی...مطلب به درد بخوری بود
4. مهرداد:
   17 Oct 2010 سلام ممنون :) من هم لینک کردم
5. آشنا:
   16 Jan 2011 من کاملاً با این مطلب موافقم. به همین دلیل میخوام به عنوان یه بازدید کننده ، یک انتقاد کوچیک از قالب سایتتون بکنم که به نظر من کمی نامناسبه. در چشم من ، نوار سمت چپ سایت شما ، کمی پهن تر از حدّ معمول به نظر میاد. بهتره نوار سمت راست رو که حاوی اصل مطلب هست ، کمی پهن تر کنید و از پهنای نوار سمت چپ ، کم کنید. این جوری خیلی قشنگ تر میشه
6. di76:
   29 May 2011 سلام خدمت شما دوست عزیز: یک درخواست از شما دارم،اونم اینه که اگه میشه و وقت دارید یک قالب برای وبلا من درست کنید.اما رایگان میشه؟
7. di76:
   29 May 2011 با سلام دوباره. چون میگم رایگان چون 12 سالمه و پدر و مادرم واسم تره هم خورد نمیکنن چه برسه به این که برای سفارش قالب بهم پول بدن. اگه لطف میکنی قالبو میسازی،این آدرس دقیق وبلاگ من: www.best98.blogveb.com در سیستم blogveb
8. پويا صادقى:
   29 May 2011 طراحی وب زحمت داره و هرکاری که زحمت داره هزینه هم داره. شما میتونید از قالب‌های رایگانی که تو اینترنت موجوده استفاده کنید یا اگه دوست دارید خودتون طراحی کنید، باید زبان HTML رو برای شروع یاد بگیرید و بعد CSS و JS و PHP و... موفق باشید
9. BEHNAM:
   26 Jul 2011 سلام خيلي ممنون از سايتت مفيد تون - سايت شما هم سايت تميزي هست :)
10. پويا صادقى:
    27 Jul 2011 مرسی :)

32 دیدگاه برای این نوشته:

1. مهرداد:
   18 Sep 2010 من وقتی نصبش کردم مشکل با فونتاش دارم ، مثلا صفحه اول گوگل رو باز می کنم همه چیش بهم ریختست نسخه اینگلیسی رو هم گرفتم با این حال فکر نمی کنم این مرورگر بتونه در نزد کاربران حرفه ای اینترنت ، developer ها و برنامه نویس ها جایی داشته باشه
2. پويا صادقى:
   18 Sep 2010 من این مشکلی که گفتید رو ندارم. احتمالا مشکل از ویندوز شماست... با این که نسبت به نسخه 8 خیلی پیشرفت کرده، اما با جمله آخرتون موافقم :)
3. مجتبی:
   18 Sep 2010 من به شخصه بعید میدونم ! چون راهی که چند ساله بقیه مرورگرها شروعش کردن تازه آی ای داره واردش میشه و خیلی مونده تا بتونه به پای اون ها برسه
4. مهیار:
   18 Sep 2010 ولی به نظره من IE با این نسخه شروع خوبی خواهد داشت شاید نزد کاربران حرفه ای جایی نداشته باشه (فعلا) ولی به نظرم میتونه سرعت ریزش کاربران IE را بشدت کاهش بده
5. علیرضا:
   18 Sep 2010 ممنون لوگوی مطلب خفنه کار خودته؟
6. پويا صادقى:
   18 Sep 2010 بله :) پوستر ارباب حلقه ها بود که تغییرش دادم
7. پسرک:
   20 Sep 2010 متنرفم از ie :D بعد از شیرین کاری های IE6 یه حسی بهم می گه این ماکروسافتم یه چیزیش میشه ها :D دنیای لینوکسی دنیای قشنگ تریه :D
8. امیررضا:
   23 Sep 2010 وقتی ورژن جدیدی از IE میاد یعنی طراح های وب باید یه خط دیگه به قسمت HEADER طرحشون اضافه کنند! :D و حالا این کد همون هســـــــت!!! یا نه خدا میدونه. 100% عوامل ستون پنجمی در این شرکت مانع پیشرفت درست و حسابی این مرورگر شدند...
9. رضا:
   25 Sep 2010 آيا روي ويندوز XP هم قابل نصب است ؟
10. پويا صادقى:
    25 Sep 2010 نه. فقط برای ویستا و 7 هست. کاربران XP باید کم کم با IE خداحافظی کنن :)
11. فرهاد:
    02 Oct 2010 مطلب جامع و مفيدي بود. اينترنت اكسپلورر جديد براي اينكه بتونه دوباره به جمع مرورگرهاي حرفه‌اي برگرده بايد فكري كنه. آبروي از دست رفته‌ي IE همونطور كه به مرور زمان بر باد رفت بايد به مرور زمان هم برگرده. اگر مايكروسافت كمي به فكر دلجويي دز طراحان هم باشه به نظرم تا چندسال ديگه ميتونه يكي از مدعيان در رابطه با مرورگرهاي اينترنتي باشه. اما فعلا من خودم به شخصه فقط براي چك كردن كارهام از اين نسخه استفاده ميكنم و به نظرم فرق چنداني با مرورگرهاي ديگه نداره و هيچ نوآوري خاصي در اون به كار نرفته. ممنون از مطلب جامع و زيباتون. موفق باشيد.
12. پويا صادقى:
    02 Oct 2010 ممنون :) بله. متاسفانه IE هنوز کمبودهای زیادی داره...
13. حامد:
    08 Oct 2010 ۱- جستجو در نوار ابزار رو سال‌های زیادی است که اپرا داره قبل کروم. ۲- اون آخری (InPrivate) اگه اشتباه نکنم تو نسخهٔ ۸ IE وجود داشت. ۳- بازم اگه اشتباه نکنم اون قسمت افزونه هم جدید نیست. نسخهٔ ۲۰ IE هم که بیاد، واسه من به درد نمیخوره چون واسه سیستم‌عامل من، آرچ، مرورگرش وجود نداره. مرورگرهایی خوب هستند که به تمام کاربران توجه کنند مثل فایرفاکس، اپرا و کروم که برای همه‌ٔ سیستم‌عامل‌ها مرورگرشون رو منتشر می‌کنند.
14. ++MJKH:
    18 Oct 2010 مطلبتون خیلی ناقصه! در ضمن به قول حامد: in private حتی در نسخه ی 7 وجود داشت. قابلیت سنجاق کردن و دیدن تمام تب ها در تسکبار هم در نسخه ی 8 وجود داشت ( درضمن این قابلیت ها مخصوص ویندوز هفتٍ و در ویستا کاربرد نداره چون فقط 7 دارای چنین تسکبار و با چنین قابلیت هایست!) در مطلب چیزی درباره ی عدم پشتیبانی فلش نگفتید. و همچنین نسخه ی جدید سیلور لایت تازه پشتیبانی از HTML5 مهمترین ویژگی هست که باید اون رو در اول می ذاشتید. 1 سوال داشتم : آیا Fire Fox 3.6 از اچ تی ام ال 5 پشتیبانی می کنه؟ لطفا آدرس چند سایت که با HTML5 ساخته شدند را قرار دهید با تشکر
15. ++MJKH:
    18 Oct 2010 خیلی با حاله به وجد اومدم حتما به لینک زیر برید و درباره ی IE9 , HTML5 اطلاعات عملی و عینی بدست بیارید. در اونجا می تونید یک فرایند رو در انواع بروزر ها مقایسه کنید و برتری های IE9 رو ببینید. کافیست با مرورگرهای مختلف خود وارد صفحات بشید. اون وقت خودش نام مرور گر تون رو مینوسه و در عین حال که خود متوجه برتری IE9 می شوید با این حال اطلاعت عددی در مورد فرآیند رو ثبت می کنه! حتما سر بزنید! http://ie.microsoft.com/testdrive/
16. پويا صادقى:
    18 Oct 2010 این پست شامل قابلیت های ie9 (که خود مایکروسافت اعلام کرده) بود + بررسی های خودم روی این نسخه است :) درمورد inPrivate ؛ بنده ادعا نکردم که این قابلیت در نسخه 8 بوده یا نبوده! inPrivate یکی از ویژگی هایی هست که در ie9 وجود داره و من هم عنوان کردم. درمورد سنجاق کردن تب ها ، این جمله‌ی منه: اینترنت اکسپلورر 9 تنها برای ویندوزهای Vista و 7 ارایه شده. پس باید کاملا با این سیستم عامل مایکروسافت هماهنگ باشه؛ شما میتونید tab های مرورگر رو مستقیما از taskbar ببینید: فکر نمیکنم معنی این سه جمله، چیزی که شما گفتید باشه... درمورد HTML 5 + جواب سوال شما: HTML5 مجموعه‌ای از فناوری های جدید وب هست که میشه گفت با CSS3 و جاوا اسکریپت تعامل زیادی داره. هنوز هیچ مرورگری از همه فناوری‌های این مجموعه پشتیبانی نمیکند.(+) هر مرورگری داره سعی میکنه بیشتر از بقیه، از قابلیت های نسخه پنجم این زبان پشتیبانی کنه. این پشتیبانی، در فایرفاکس 3.6 کمه ولی در نسخه 4 بتا خیلی بیشتره. (+) گالری سایت هایی که از html5 استفاده میکنند + ویژگی‌های HTML5 + CSS3 + JS (که در این پست معرفی کرده بودم) صفحه HTML5 در سایت اپل / قابل اجرا با مرورگر های تحت وبکیت (گوگل کروم و سافاری) دموهای HTML5 نمونه های canvas که در اینجا معرفی کردم diveintohtml5 phpguru
17. پويا صادقى:
    18 Oct 2010 من Google Chrome 8 و Firefox 4 رو به جای IE9 به شما توصیه میکنم :) (لطفا یه نگاهی به این صفحه و جدول پایین صفحه بندازید)
18. وحيد:
    11 Nov 2010 من نميدونم اين نصبش چرا اينجوريه... بعد از اينکه فايل نصب را اجرا ميکنم تا نيمه نصب ميره وپيغامميده براي آپديت به سايت مايکروسافتي که ادرسشو داده بريد من رفتم همه پکيجايي هم که گفت را نصب کردم اما بازم مشکل داره ونصب نميشه.کسي به اين مشکل خورده؟
19. پويا صادقى:
    11 Nov 2010 شاید نسخه اشتباه رو دانلود کردید
20. وحيد:
    12 Nov 2010 سلام خودم هم اول اين فکروو کردم اما باز هم رفتم از سايت خود مايکروسافت مستقيما دانلود کردم چيزي حدود 18 مگابايت
21. پويا صادقى:
    12 Nov 2010 چه اروری میده؟
22. آشنا:
    16 Jan 2011 درسته که بعد از دیگران شروع کرده ، امّا شتاب پیشرفتش از همه بیشتره. من پیشبینی می کنم نسخه ی 10 بتونه از همه ی رقبا جلو بزنه. نظر شما چیه؟
23. آشنا:
    16 Jan 2011 در ضمن ، از نظر امنیتی ، من فقط اینترنت اکسپلورر ماکروسافت رو قبول دارم. منظورم از امنیت ، چیز دیگست. مثلاً موزیلا فایرفاکس ، اطلاعاتی از صفحات بازدید شده توسّط شما رو در اختیار سازمان کثیف CIA قرار میده. تو این دوره و زمونه ، برای کارهای محرمانه و خصوصی ، اصلاً نمیشه از هر مرورگری استفاده کرد. مخصوصاً اگه کارتون سیاسی باشه ، دائم از طریق همین مرورگرها تحت نظر هستید. اگرچه IE الآن بهتر از اونا نیست ، امّا لا اقل امنیتش بیشتره
24. پويا صادقى:
    16 Jan 2011 خیلی زوده درمورد اینتزنت اکسپلورر 10 نظر بدیم، چون نسخه پایدار اینترنت اکسپلورر 9 هنوز منتشر نشده! درسته که نسخه 9 نسبت به نسخه 8 پیشرفت خیلی زیادی داشته، اما هنوز نتونسته خیلی از باگ‌های تفسیر کد رو برطرف کنه. فکر نمیکنم نیازی به گفتن باشه که IE اصلا در انشار نسخه ، شتاب نداره! (درمقایسه با مرورگرهای دیگه): IE6 - aug 2001 IE7 - oct 2006 IE8 - march 2008 IE9 - 2011 حالا با شتاب (!) کروم مقایسه کنید: Chrome4 - jan 2010 Chrome5 - may 2010 Chrome6 - sep 2010 Chrome7 - oct 2010 Chrome8 - dec 2010 Chrome9 - jan 2011 Chrome10 - jan 2011 حالا درمورد آینده اینترنت اکسپلورر ؛ طبق آمار استفاده سیستم عامل ها در دسامبر 2010 ، جمعا 45.3% کاربران از win7 و vista و mac استفاده میکنن. پس فقط 45.3% کاربران جهان میتونن از IE9 استفاده کنن! درصورتی که IE تو Mac طرفدار چندانی نداره و مصرف کروم و فایرفاکس هم روی ویندوز داره افزایش پیدا میکنه. از طرفی، 47.2% کاربران اینترنت (کاربران xp) مجبورن برای داشتن یه مرورگر بروز ، IE رو برای همیشه کنار بذارن! پس حتی از نظر تئوری هم IE آینده خوبی نداره...
25. پويا صادقى:
    16 Jan 2011 با این دیدگاهی که شما دارید، بیشتر باید به مایکروسافت که یه شرکت آمریکاییه مشکوک باشید، تا بنیاد موزیلا (که یه شرکت غیر انتفاعیه و مربوط به یه کشور خاص نیست!) این حرف شما که "فایرفاکس اطلاعات کاربر رو در اختیار C.I.A قرار میده" بیشتر شبیه یه جوکه! اگه استفاده شما از اینترنت اینقدر حساس و امنیتیه که C.I.A به دنبال اطلاعات شماست ، بهتره از اینترنت استفاده نکنید! چون C.I.A که هیچی، یه هکر از آنگولا هم میتونه یه spyware وارد کلاینت شما کنه و اطلاعات مرورگر شما رو بدست بیاره :)
26. احمد:
    07 Apr 2011 من تا يك هفته پيش از اينترنت اكسژلورر استفاده ميكردم كه يك روز دوستم به خانه اومد و با هم در اينترنت سرچ ميكرديم كه به من گفت اين چه مرورگريه كه استفاده ميكني و به من مرورگر فايرفاكس وگوگل كروم را پيشنهاد داد كه انصافا الآن ميفهمم كه قبلا از چه مرورگري افتضاح استفاده ميكردم فايرفاكس و گوگل كروم يه چيز ديگه است حتما از اين مرورگرها استفاده كنيد و تحت تاثير نام شركت مايكروسافت قرار نگيريد.
27. اقا:
    29 Sep 2011 ها
28. مجید مسیح زاده:
    10 Oct 2011 به نظر من اینترنت اکسپلورر 9 نه اونقدری که مایکروسافت گفت زیباست و نه سریع. اینترنت اکسپلورر افتضاحه. فایرفاکسو عشقه.
29. وب پست:
    31 Dec 2011 طریقه نصبش چطوریه؟ آیا باید نسخه قبلی را ابتدا آنینستال کرد و یا همینجوری آپگرید میشه؟ اگر نکته خاصی داره بگید؟
30. پويا صادقى:
    31 Dec 2011 با نصب نسخه 9 نسخه قبلی آپگرید میشه و نیازی حذف نسخه قبلی نیست. روی ویندوز ویستا و سون قابل نصبه. موقع دانلود ، دقت کنید که اگه ویندوزتون 32 بیتی هست ، ورژن 64 بیتی رو دانلود نکنید
31. maede:
    20 Jan 2012 baraye vindoze xp chikar konam
32. پويا صادقى:
    21 Jan 2012 مایکروسافت دیگه از xp پشتیبانی نمیکنه و مجبورید از مروگرهای دیگری مثل گوگل کروم ، موزیلا فایرفاکس ، اپرا یا سافاری استفاده کنید.

در این پست “قالب بندی لینک‌های وردپرس” رو از نظر SEO بررسی میکنیم

permalink ها تاثیر مهمی در موتور جستجو دارند ؛ وردپرس این قابلیت رو میده که لینک پست‌ها رو به صورت دلخواه قالب بندی کنیم.

در پنل تنظیمات > پیوند یکتا (Settings > Permalinks) میتونید نوع قالب‌بندی لینک رو تنظیم کنید.

4نوع قالب وجود داره:

• پیشفرض: این نوع لینک کوتاه ترین لینک رو برای پست ها ایجاد میکنه ولی نوع لینک داینامیکه و به شدت با موتور جستجو مشکل داره.
• روز و نام: نام پست به همراه تاریخ روز ، ماه و سال نمایش داده میشه که یکم طولانیه.
• ماه ونام: مثل حالت قبلی ، با این تفاوت که “روز” رو شامل نمیشه. عددهایی که به عنوان تاریخ در لینک قرار میگیره ارزشی برای موتور جستجو نداره و فقط url رو طولانی تر میکنه
• عددی: دقیقا مثل حالت اول ، با این تفاوت که آدرس داینامیک نیست و به جای اون از کلمه archives استفاده شده.(مسلما از حالت اول خیلی بهتره)

اما در بخش ساختار دلخواه میتونیم به صورت دلخواه url رو قالب بندی کنیم. میتونیم از نام پست ، نام تگ ، نام دسته ، نام نویسنده ، کلمات دلخواه و… استفاده کنیم:

• %year% سال انتشار پست
• %monthnum% ماه انتشار پست
• %day% روز انتشار پست
• %hour% ساعت انتشار پست
• %minute% دقیقه انتشار پست
• %second% ثانیه انتشار پست
• %postname% نام پست
• %post_id% عدد id پست
• %category% دسته بندی پست
• %tag% تگ پست
• %author% نویسنده پست

سال ، ماه ، روز ، ساعت ، دقیقه و ثانیه فقط اعدادی هستن که باعث طولانی شدن url میشن و این (url های طولانی) برای موتورهای جستجو جالب نیست.

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

استفاده از نام نویسنده پست هم میتونه مفید باشه، اگه به انگلیسی نمایش داده بشه.

category و tag فقط در صورتی میتونه مفید باشه که برای هر پست فقط یک برچسب و فقط یک موضوع انتخاب کنیم !

خوب! این کارتقریبا غیر ممکنه ، چون خیلی مواقع نوشته ما به چند موضوع تعلق داره و درمورد برچسب ، فلسفه وجود برچسب اینه که به هر نوشته ای نسبت داده بشه! به همین دلیله که وردپرس توصیه کرده که از tag و category در پیوند یکتا استفاده نکنیم

فقط درصورتی که اطمینان دارید هرگز برای یک پست ، بیشتر از یک category استفاده نکرده اید (و استفاده نخواهید کرد!) قرار دادن category (به همراه نام پست) در پیوند یکتا از نظر سئو میتونه مفید باشه:

/%category%/%postname%/

در غیر این صورت، بهترین انتخاب استفاده از postname است:

/%postname%/

که url نوشته شما به اینصورت میشه:

www.yoursite.com/your-post-name

اگه چند نوشته با یک اسم داشته باشید و هنگام ارسال پست ، permalink رو تغییر ندید، وردپرس به نوشته های بعدی یک عدد اضافه میکنه. مثل:

pasargad-graphic.com/blog/wordpress-permalink-seo/

pasargad-graphic.com/blog/wordpress-permalink-seo-2/

• هنگام ارسال پست، حتما پیوند یکتا رو تغییر بدید.
• با حذف کلمات اضافی ، url رو کوتاه کنید.
• کلمات کلیدی که در عنوان استفاده کردید رو حذف نکنید.
• موتورهای جستجو با url های زبان انگلیسی راحت ترند.

مثلا وقتی عنوان پست “10 نکته برای افزایش امنیت وبلاگ وردپرس شما” باشه، پیوند یکتا میتونه این باشه:

wordpress-security-tips

39 دیدگاه برای این نوشته:

1. پیام رحمانی:
   08 Sep 2010 عالی. آفرین.
2. پیام:
   09 Sep 2010 یک آموزش حرفه ای و موثر درود بر شما
3. پیام:
   09 Sep 2010 فقط یک سوال؟ آیا فارسی بودن نام پستها مشکلی داره؟؟؟ یعنی گوگل مشکلی نداره باهاش؟؟؟؟نصبت به انگلیسی با تشکر
4. حسین:
   09 Sep 2010 بسیار عالی بود. من از /%category%/%postname%/ استفاده می کنم و مشکلی نیست فعلا و سرعت ایندکس شدن هم خوبه، فقط نمی دونم چرا تگ ها دیر ایندکس می شوند؟
5. پويا صادقى:
   09 Sep 2010 خیلی از سایت‌ها از کلمه‌های پارسی در URL استفاده می‌کنند و تاثیر منفی روی SEO نداره. اما مشکل اینجاست که حروف پارسی به UTF-8 نیاز دارن و همه سایت ها و همه موتورهای جستجو با این یونیکد آدرس‌ها رو ایندکس نمی‌کنند.
6. پويا صادقى:
   09 Sep 2010 میتونید از افزونه‌های All in one SEO pack و Google XML Sitemaps استفاده کنید :)
7. پیام:
   09 Sep 2010 دمت گرم پویا جان کارت درسته. فعلا گوگل داره تمام لینکها رو indexمیکنه...بدون مشکل با فارسی بودن نام پستها بقیه موتورهای جستجو هم به نظرم مهم نیستن زیاد. بازم ممنون
8. حسین:
   09 Sep 2010 سلام مرسی از مطلب مفیدتون فقط یه سوال.من الان از حالت پیش فرض برای لینک ها استفاده میکنم. حالا با مطالعه این مطلب تصمیم گرفتم که از این روش : /%postname%/ استفاده کنم.به نظر شما مشکلی نداره؟؟؟؟؟ممنون میشم نظر بدین و منو راهنمایی کنین. با تشکر
9. محمد:
   09 Sep 2010 مقاله خوب و کاملی بود.
10. mamal:
    09 Sep 2010 خيلي ممنون من از اين تيپ استفاده ميكنم اول postname رو گذاشتم بعد category چون نامك دسته ها رو فارسي انتخاب كردم توي گوگل اول category هست بعد post name يعني بر عكس اون چيزي هست كه توي پيوند يكتا تنظيم كرده خيلي هم خوب ايندكس ميكنه
11. [یک منتقد]:
    09 Sep 2010 ممنون. من همین دیروز داشتم به این مسئله فکر می کردم که چیکار کنم. اما متاسفانه هنوز نمیدونم واقعا چیکار کنم. البته من الان از /%category%/%postname%/ استفاده میکنم. خوبه به نظر شما؟
12. پويا صادقى:
    10 Sep 2010 فقط مشکلی که بعد از تغییر لینک‌ها پیش میاد اینه که مدتی (کمتر از یک ماه) طول میکشه تا گوگل آدرس های جدید پست‌های وبلاگ شما رو پیدا کنه. اگه از sitemap و google webmaster tools استفاده می‌کنید، میتونید این زمان رو کمتر کنید :)
13. پويا صادقى:
    10 Sep 2010 استفاده از category در آدرس ، از نظر سئو مفیده ولی در سایت وردپرس توصیه شده که از tag و category استفاده نکنیم. البته سایت های زیادی دیدم که استفاده میکنن و مشکلی نداشتن. حالا انتخاب با خودتونه :)
14. امین:
    10 Sep 2010 tnx a lot
15. سلام:
    10 Sep 2010 سلام دوست من من ميخواستم يه سيستم اواتار مثل شما تو سايتم بزارم ولي كدهايي كه داده بوديد بلد نبودم استفاده كنم واقعا كارتون محشره كمكم ميكنيد ؟؟؟؟؟؟
16. پويا صادقى:
    10 Sep 2010 از افزونه Custom Avatars For Comments استفاده کنید :) http://wordpress.org/extend/plugins/custom-avatars-for-comments/
17. محسن:
    10 Sep 2010 با سلام . آقا پویا میتونید راه حلی برای این مشکل ما پیدا کنید ؟ http://forum.persianscript.ir/f56/%D8%AA%D8%BA%DB%8C%DB%8C%D8%B1-%D9%BE%DB%8C%D9%88%D9%86%D8%AF-%DB%8C%DA%A9%D8%AA%D8%A7-%D8%9F-3129/
18. Pooria:
    10 Sep 2010 ایده ی جالبی است...
19. پويا صادقى:
    11 Sep 2010 فکر نکنم بشه. مگه این که افزونه ای واسه این کار ساخته شده باشه
20. دانلود کتاب:
    11 Sep 2010 دوست عزیز! اگر ما آدرس نوشته ها را انگیسی تغییر بدیم، استفاده سئو از آن نبرده ایم، که نوشته اید "موتورهای جستجو با url های زبان انگلیسی راحت ترند." این قابل قبول است اما چه ربطی به سئو دارد؟ موتورها با فارسی بودن عنوان ها مشکلی ندارند، فقط آدرس هایی که زبانای غیر از اینگلیسی دارند، به علت چون تبدیل به کد؛ طولانی تر هستند، گوگل این موضوع را مدت ها پش حل کرده و عنوان های طولانی که زبانی غیر از انگلیسی دارند منفی حساب نمی شوند.
21. masoud:
    11 Sep 2010 ممنون دوست عزیز عالی بود
22. پويا صادقى:
    12 Sep 2010 ممنون از نظرتون. درمورد نداشتن تاثير منفى زبان غير انگليسى بر رفتار گوگل، موافقم. همونطور كه تو كامنت هاى قبلى گفتم، خيلى از سايت ها استفاده ميكنند و تاثير منفى نداشته. اما همه موتورهاى جستجو ، يكى بودن كد %D8%A7 و حرف "الف" رو تشخيص نميدن :) و در مورد سئو ، هر تغيير مثبتى(بهينه سازى) كه روى سايتى انجام بشه تا اون سايت در موتور هاى جستجو جايگاه بهترى كسب كنه ، من بهش ميگم سئو !
23. زهلون:
    13 Sep 2010 سلام دوست من . آیا استفاده از افزونه های سئو برای وردپرس هم واقعا مفید هست؟من از All in one seo pack استفاده میکنم ولی تاثیری ندیدم. آیا حذف کنم؟یا بماند؟
24. hossein:
    14 Sep 2010 بسیار عالی فقط راهی رو برای زودتر ایندکس کردن گوگل اگر می شناسین به ما هم بگین تبلیغات رایگان در اینترنت http://ad.fruzan.com
25. احسان:
    14 Sep 2010 سلام دوست عزیز .... واقعا توصیه های خوبی بود ...... اگر میشه سایت من رو یه نگاهی بنداز ببین چرا سرعت ایندکس شدنم تو گوگل کمه ؟!!!! لطفا حتما جواب رو برام ایمیل کن .... ممنون ... موفق باشی
26. پويا صادقى:
    14 Sep 2010 با اين افزونه ميتونيد تگ title و متاتگ هاى مربوط به هر پست رو ويرايش كنيد كه تاثير مثبتى داره.
27. پويا صادقى:
    14 Sep 2010 در Google webmaster tools‏ ميتونيد ميزان Crawl‏ شدن سايت رو كم يا زياد كنيد. اما ايندكس شدن بيشتر بستگى به رعايت نكته هاى سئو (مثل استفاده از سايت مپ و...) داره
28. محمد:
    23 Oct 2010 سلام من از حالت /%postname%/ استفاده میکنم اما نمیدونم چرا حالا وقتی تغییرش میدم انگار که css قالب لود نمیشه حتی حالت های پیش فرض هم میزارم قالب میریزه به هم و فقط با حالت /%postname%/ درست باز میشه و چزای دیگه مثه پست آی دی و ... قالب رو میریزه به هم ، میشه کمک کنید ؟
29. پويا صادقى:
    23 Oct 2010 اگه تو مرورگرهای دیگه هم همین مشکل پیش میاد ، قالبتون مشکل داره.
30. محمد:
    23 Oct 2010 وقتی پست آی دی رو گذاشتم بعد از پس نیم درست شد اما وقتی پست آی دی رو میزاشتم قبل از پست نیم میریخت به هم ، چرا اینطوره؟
31. پويا صادقى:
    24 Oct 2010 تا حالا چنین چیزی ندیده بودم ، اطلاعی درمورد این مشکل ندارم! :|
32. Omid:
    10 Dec 2010 سلام ! تقریبا یک سوال بی ربط گفتم شاید شما بدونید جایی ندیدم و به جز شما کسی رو ندارم که ازش بپرسم ! اگر به سایتم برید میبینید که وقتی از پلاگین limit کردن جملات استفاده میکنم در بعضی موارد وقتی داره جمله رو قیچی میکنه و ... میزاره یک علامت سوال میزاره قبلش چطور میشه این علامت رو حذف کرد اصلا میشه ؟ لطفا حتما جواب بدید ممنون
33. پويا صادقى:
    10 Dec 2010 من علامت سوالى نميبينم :| كدوم قسمت؟
34. Omid:
    10 Dec 2010 در قسمت اول ( آخرین سیستمهای درآمدزا ) 4رمی ! چون این مشکل تو کم کردن کلمات هست من دیدم تابلویه رفتم لینک اون تصاویر بالا رو هم برداشتم چون اونا خیلی بیشتر علامت سوال داشت "سیستم تبلیغات کلیکی �..." این منظورمه �
35. پويا صادقى:
    13 Dec 2010 احتمالا مشکل از خود پلاگین هستش که باید صبر کنید نسخه جدیدش بیاد. +میتونید خودتون پلاگین رو ویرایش کنید و اگه جایی کارکتر � داشت، اون کارکتر رو بردارید، که احتمالا درست میشه...
36. hossein:
    15 Jan 2011 دست شما درد نکنه برای یاد دادن و یاد گرفتن لحظه ای درنگ نکنید
37. مهدی:
    21 Jan 2011 با سلام من امروز بصوزت کاملا اتفاقی با سایت شما آشنا شدم و تونستم مشکل بزرگی رو کی توی تنظیم قالب وردپرسم داشتمو حل کنم. نکته ای که می خوام اینجا بگم اینکه حرف((برای یاد دادن و یاد گرفتن لحظه ای درنگ نکنید)) دوستمون حسین خیلی قیمتی مخصوصا قسمت اول آن، که متاسفانه امروزه شاهد بی میلی در یاد دادن دانسته های علمی خود به دیگران هستیم و خاضر نیستیم تجربیات و دانش خود را در اختیار دیگران(در حد معقول آن) قرار بدیم من بارها شده که به مشکلی برخوردم ولی متاسفانه توی فروم و سایتهای ایرانی به جوابم نرسیدم و با گشت کوتاه در سایتهای انگلیسی زبان به جوابم رسیدم. نمی دونم چرا ما از دادن زکات علم که همانا نشر اونه طفره می ریم و خساست بخرج میدیم. به نظر من اگر امروزه هر کس به اندازه یک هزارم دانسته هاشو به دیگران یاد می داد جایگاه علمی و فرهنگی ما امروزه در دنیا بهتر از این بود.
38. رامین:
    06 May 2011 سلام دوست عزیز من کار با ورد پرس رو اصلا بلد نیستم اگه میشه یک توضیح کامل برای ایمیل من بفرست
39. رهبر بختیاری:
    14 Jan 2012 سلام فقط خواستم ازتون تشکر کنم چون این پستتون خیلی کارمو راه انداخت تشکرم

وبلاگ!

وبلاگ‌ها قسمت بزرگی از وب 2 به حساب میان. این که هر کاربر بتونه محتوا تولید کنه و با دیگران به اشتراک بذاره، دلیل خوبی برای رایج شدن “وبلاگ” بود.وبلاگ ، می‌تونه در زمینه های مختلفی استفاده بشه و حتی میتونیم اون رو به عنوان زندگی مجازی وبلاگنویس در شبکه وب ، ببینیم.

خوشبختانه در چند سال اخیر، وبلاگ‌های پارسی‌زبان رشد زیادی کردند ولی هنوز از نظر تولید محتوا از بسیاری کشور‌ها عقبیم. این عقب‌موندگی تولید محتوا ، بخشی به‌خاطر نفوذ نه‌چندان زیاد اینترنت در جامعه و بخشی به‌خاطر کپی و تکثیر محتوا به‌وسیله برخی وبلاگ‌نویس‌های تازه کاره. به همین دلیل ، بخشی از محتوای وبلاگ‌های پارسی‌زبان ، از وبلاگ‌های دیگر رونوشت شده ، و یا با محتوای بی ارزش و اسپم منتشر میشن. البته این مشکل درمورد همه زبان‌ها وجود داره و فقط مشکل وبلاگ‌های پارسی نیست ؛ اما همیشه  محتوای مفید باید بیشتر باشه.

روز 31 آگوست (9 شهریور) به عنوان روز وبلاگ شناخته شده و به همین مناسبت ، و همراه با دیگر وبلاگ‌ها ، 5 وبلاگ مفید پارسی رو بهتون معرفی می‌کنم.

انتخاب این وبلاگ‌ها به سلیقه شخصی خودم بوده و امیدوارم برای شما هم مفید باشه

“مهرداد نایب” در این وبلاگ درمورد تازه‌های وب و فناوری می‌نویسه. “مهرداد نایب” یک کارشناس IT است و در زمینه اینترنت و شبکه فعالیت میکنه و در وبلاگش مطالب خوبی منتشر میکنه.

http://www.vizviz.net

---

این وبلاگ در زمینه سینما و تلویزیون نوشته میشه و نوشته‌ها و خبرهای جالبی درمورد سینما و تلویزیون در اون منتشر میشه.

http://www.nasimaneh.com

---

وبلاگ کیبرد آزاد که توسط “جادی” نوشته میشه. “جادی” یکی از وبلاگ‌نویس‌های قدیمیه که در وبلاگش درمورد آزادی بیان ، فناوری اطلاعات و نرم‌افزارهای متن‌باز می‌نویسه.

http://jadi.undo.it

---

نوشته هایی درباره اینترنت ، نرم افزار ، ادبیات و فناوری رو میتونید در وبلاگ تک‌نویس بخونید

http://www.1nevis.com

---

“کاوشگر” به گفته خودش “یک عاشق فدورا ، اپرا ، وردپرس و دنیای وب” هست و چندتا افزونه معروف وردپرس توسط ایشون نوشته شده که برای اطلاعات بیشتر میتونید یه سر به وبلاگش بزنید

http://www.moallemi.ir

7 دیدگاه برای این نوشته:

1. صادق:
   31 Aug 2010 خوشحالم که در جنبش روز جهانی وبلاگ شرکت کردید. :) وبلاگ‌های خوبی رو معرفی کردید که چند تایی‌شون رو می‌شناختم و بقیه رو هم به لیست خواندنی‌هام اضافه کردم
2. احمد - وبلاگ رسانه:
   31 Aug 2010 ممنون بابت معرفی وبلاگها من سه تاشون رو از قبل دنبال می‌کردم اما این دوتای دیگه برام جالب بودن ممنون
3. بابک:
   31 Aug 2010 سلام . ممنون از این که نسیمانه رو قابل دونستید و باعث افتخاره که در لیستتون وبلاگ من رو معرفی کردید. سپاس فراوان.
4. علیرضا:
   31 Aug 2010 ممنون استفاده کردیم
5. پويا صادقى:
   01 Sep 2010 تشکر می‌کنم از همه دوستان. امیدوارم شاهد پیشرفت بیشتر وبلاگ‌های پارسی‌زبان باشیم :)
6. سروش:
   07 Sep 2010 مرسی.جالب بود.
7. کاوشگر:
   11 Sep 2010 ممنون بابت معرفی :) مطالب شما در زمینه‌ی طراحی وب و گرافیک بسیار عالی هست که همیشه لذت می‌برم ازشون. موفق باشی.

CSS sprite چیست؟

ترفندی برای کاهش حجم ، و زمان بارگذاری صفحه.

مرورگر برای بارگذاری هر کدام از اجزای صفحه (مانند تصاویر ، فایل های CSS و جاوا اسکریپت و…) یک درخواست (Request) به سرور ارسال می‌کند تا سرور ، فایل درخواستی را برای مرورگر بفرستد. ارسال هر Request و دریافت پاسخ آن ، بخشی از زمان بارگذاری صفحه است.

به این تصویر توجه کنید:

.my_div{background:url(sprite.png) width:155px; height:40px;}

.title{background:url(sprite.png);

font-family:Constantia; font-weight:bold; font-style:italic; font-size:44px;text-shadow:1px 1px 0 #eee;
color:#FF9900; padding:0 0 9px 20px;}

.title{background:url(sprite.png) 0px -105px;

font-family:Constantia; font-weight:bold; font-style:italic; font-size:44px;text-shadow:1px 1px 0 #eee;
color:#FF9900; padding:0 0 9px 20px;}

.icon6{background:url(sprite.png) -92px -84px;
width:18px; height:20px;}

25 دیدگاه برای این نوشته:

1. پويا صادقى:
   22 Aug 2010 ممنون :)
2. مهرداد:
   22 Aug 2010 مطلب خوبی بود
3. کاوشگر:
   24 Aug 2010 آموزش بسیار خوبی بود! فقط یه سوال داشتم و اون اینکه برای اینکه چند تصویر رو بخوایم توی یک فایل پشت سر هم بزاریم که هیچ نکته‌ی خاصی نداره؟ یعنی با هر نرم‌افزار ویرایش تصویری می‌شه این کارو کرد؟ مکان قرار دادن‌ها پشت سر هم و فاصله‌شون مثلا باید برای همه یکسان باشه؟
4. پويا صادقى:
   24 Aug 2010 سلام :) فقط درمورد تصاویری که باید تکرار بشن(مثل گرادینت پایین، تو تصویر نمونه) باید طوری قرار بگیره که قابلیت تکرار شدن رو داشته باشه. مثلا همون گرادینت، می‌تونست در سمت چپ یا راست تصویر قرار بگیره؛ ولی در این حالت دیگه نمی‌تونست به صورت افقی تکرار بشه. نرم‌افزار فرقی نمی‌کنه... و فاصله‌شون؛ می‌تونه هر مقداری باشه. اما فاصله کمتر بین اجزای تصویر،حجم فایل رو کمتر می‌کنه. مهم نیست فاصله اجزا یکسان باشه،فقط باید با تنظیم مکان بکگراند به قسمت دلخواه برسیم.
5. علیرضا:
   25 Aug 2010 این مطلب واقعا عالی بود. یاد گرفتم. تشکر
6. نیما:
   25 Aug 2010 ممنون. منتظر این آموزشتون بودم. حتا" به دردم میخوره. راستی یک سوال از فید برنر. اگر کسی توی خبرنامه فید برنر ثبت نام کنه ولی روی ایمیل فعالس ازی که براش میره کلیک نکنه ما خودمون میتونیم اون ایمیل رو دستی فعال کینم؟
7. پويا صادقى:
   25 Aug 2010 صاحب ايميل بايد حتما روى لينک فعال سازى كليک كنه تا تاييد بشه كه كاربر مايل به دريافت خبرنامه هست.
8. احمد:
   30 Aug 2010 مطلب بسيار خوبي بود ممنون ، اگر آموزش css را هم مثل html تبديل به pdf مي كرديد عالي مي شد
9. پويا صادقى:
   30 Aug 2010 ممنون. آموزش های CSS که گذاشتم ، "از پایه" نیست. یعنی درس‌های مقدماتی کار با CSS نیست که PDF کنم. بیشتر آموزش جزئیات CSS3 و ترفند ها و نکته‌های CSS ــه.
10. selina:
    13 Sep 2010 سلام. واز توضیحات کامل و جامعتون متشکرم.راستش معمولا" توی قلبم از همه تشکر میکنم وکم پیش می یاد کامنت بذارم.اما چند وقت بود می خواستم این مطلب رو سرچ کنم .وقتی نوشته شما رو در اینمورد دیدم خیلی ذوق کردم.
11. پويا صادقى:
    14 Sep 2010 ممنونم :) و خوشحالم كه اين نوشته براتون مفيد بود
12. شهاب الدین رفیعی:
    16 Sep 2010 سلام . من از این تکنیک برای سایتم استفاده کردم . واقعاً تاثیر داره . اما برای بعضی از عکس ها نمیشه . چون کلاً واسه بعضی ها قاطی میکنه . من با اینکه حجم قالبم یکم زیاده ولی به بهترین نحو تونستم حجم قالب رو بیارم پایین . برای من سرعت سایت بسیار مهمه . الان حجم وبسایتم 79 کیلو بایت شده . اما یک سوال دارم . اونم اینکه به جایی رسیدم که تنها مشکلم اینه که 13 درخواست عکس از سرور میشه . قالبم عکس زیاد داره و بیشترش رو نمیشه یکی کرد . به نظر شما راه دیگه ای نیست ؟ یا مثلاً شوه ای که بشه همون عکس ها رو هم با هم ادغام کرد . .
13. پويا صادقى:
    16 Sep 2010 ادغام عكس هايى كه repeat نميشن كار سختى نيست. براى كاهش حجم تصاوير هم راه هاى زيادى مثل كاهش رنگها و انتخاب فرمت مناسب و... وجود داره
14. javad:
    08 Oct 2010 مرسی
15. حامد:
    16 Oct 2010 جالب بود، تا حالا فکر میکردم باید تصاویر سایت رو تیکه تیکه کرد تا زمانی که کاربر منتظره یه قسمتی از سایت نشونش داده بشه هر چند چون نتیجه اش جالب نیست خودم این کار رو نمیکردم :)
16. حامد:
    16 Oct 2010 یه چیز دیگه که یهو دیدم انگار شما هم برای عکس نظرات سایتتون از همین ترفند استفاده کردید :) زیر این عکس پیشفرض عکس یه خورده از عکس گربه پیداست :)
17. پويا صادقى:
    16 Oct 2010 راستش نه! تو قالب این وبلاگ فقط این عکسا sprite شدن: http://goo.gl/aIJS http://goo.gl/IYYg پلاگینی که واسه آواتار استفاده کردم ، به فایل های جداگانه برای عکس آواتار ها احتیاج داره که نمیتونستم sprite کنم. اون مشکل هم به خاطر margin بود که درستش کردم :)
18. مسعود:
    15 Jan 2011 سلام،می خواستم بدونم این دستورات توی IE هم اجرا میشه ؟
19. پويا صادقى:
    15 Jan 2011 بله
20. حسین سعیدی:
    27 Jul 2011 سلام مطلب بسیار خوبی بود، اما یک نکته ای وجود داره، به نظر من این روش زمانی کارامد هست که شما احتمل بدید که کاربر، به بیش تز 60% عناصر سایت شما رو بازدید می کنه!
21. پويا صادقى:
    27 Jul 2011 وقتی صفحه لود میشه، همه عناصر داخل صفحه هم لود میشن. پس میشه همه تصاویری که در اون صفحه استفاده شدن ، داخل یک فایل قرار بگیرن. قرار نیست همه تصاویر n صفحه مختلف از یک سایت رو در یک فایل قرار بدیم :)
22. alireza:
    08 Oct 2011 سلام، میشه در مورد تصاویر اسپریت شده ای توضیح بدید که وقتی موس روی اون میره تصاویر بصورت موشن در میان و مختصات اون تغییر میکنه؟ یه چیزی مثل اولین عکسی که داخل این پست هست(اسب ها)، میخوام وقتی عکس روی یک تگی رفت، بکگراند اون شروع به حرکت کنه. مثلا: از background-position: 0px 0px تا background-position: 1000px 0px سایت گوگل از این افکت زیاد استفاده میکنه، میشه اگر با جاوا اسکریپت هستش کد اون رو بصورت دمو بگزارید؟ ممنون از لطف شما.
23. پويا صادقى:
    08 Oct 2011 باید از توابع زمانی CSS3 استفاده کنید. اینجا آموزش دادم: http://www.pasargad-graphic.com/blog/css3-timing-function/
24. jvd:
    10 Dec 2011 سلام براي ايجاد CSS Sprites براي لنجمنم ميتونم ازتون كمك بگيرم؟
25. پويا صادقى:
    11 Dec 2011 مراحل ساخت sprites رو توضیح دادم. اگه سوالی دارید، بفرمایید

.my_element{
background-color:#036;
background-image:url(image.gif);
background-position:20px 10px;
background-repeat:repeat-x;
}

.my_element{
background:#036 url(image.gif) 20px 10px repeat-x;
}

.my_element{color:#ff0000;background-color:99ee11;}
.my_element{color:#f00;background:#9e1;}

.some_element{width:15px;height:15px; background:url(image.png) -71px -34px; }

background-color: expression( (new Date()).getHours()%2 ? "#B8D4FF" : "#F08A00" );

/* Slow Code: */

.div1{background:#ccc;}
.div2{background:#ccc;  color:#F00;}
.div3{background:#ccc;}
.div4{background:#ccc;  margin:5px 2px;}
.div5{background:#ccc;}

/* Fast Code: */

.div1,.div2,.div3,.div4,.div5{background:#ccc;}
.div2{color:#F00;}
.div4{margin:5px 2px;}

<p class="decorated">A paragraph of decorated text</p>
<p class="decorated">Second paragraph</p>
<p class="decorated">Third paragraph</p>
<p class="decorated">Forth paragraph</p>

<div class="decorated">
<p>A paragraph of decorated text</p>
<p>Second paragraph</p>
<p>Third paragraph</p>
<p>Forth paragraph</p>
</div>

.div1{color:red;}
.div1{color:green;}

28 دیدگاه برای این نوشته:

1. نیما:
   19 Aug 2010 آقا کارت درسته واقعا" ایول. خیلی از آموزشات چیزی یاد گرفتم بازم ادامه بده. راستی من فایل style.css میتونم براتون ارسال کنم بگین کدوم کداش اشتباه نوشته شده و کدوما بهتره چجوری باشه؟
2. آل‌يس:
   19 Aug 2010 سلام متشكرم از توضيحات كامل و كاربردي. يه مطلب به عنوان پيشنهاد: ظاهر كدهايي كه مطالبتون هست خيلي زيباست ولي يه مشكل هست و اون اينه كه وقتي موس روي اون حركت مي‌كنه شماره خط‌ها حذف مي‌شه. من نمي‌دونم اين حالت رو براي چي گذاشتيد ولي يك مقدار خواندن كدها رو سخت مي‌كنه. به خاطر كم بودن فاصله سطر كدها، براي خواندن آنها مجبور به انتخابش هستم و با ماوس اور اين حالت پيش مياد. البته اين وبلاگ متعلق به شماست و اختيارش رو داريد. باز هم متشكرم.
3. آل‌يس:
   19 Aug 2010 اگه براي خاطر اين، شماره خط‌ها حذف مي‌شه كه بايد بگم من كدها رو كپي كردم و هم در notepad‌ و هم در web developer كپي كردم و در هر دو حالت شماره خط‌ها هم آمدند. البته بگما من از IE8 استفاده مي‌كنم. ممكنه به خاطر اون باشه؟
4. نیما:
   21 Aug 2010 میشه در مورد استفاده از روح در تصاویر! بیشتر توضیح بدین؟
5. نیما:
   21 Aug 2010 . یک سوال دیگه ربطی به این موضوع نداره. فیدبرنر رو میشه کاری کرد که تمام مطلب رو برای طرف نفرسته و فقل خلاصه ای از مطلب رو بفرسته تا طرف برای خوندنش به سایت مراجعه کنه؟
6. نیما:
   21 Aug 2010 ممنون از پاسخگوییتون اول اینکه منتظر آموزش استفاده از روح در تصاویر هستم. دوم اینکه منظورتون از گذاشتن فید کامل برای کاربر چی بود؟
7. نیما:
   21 Aug 2010 ببخشید ها من اصلا" کار فید رو نمیدونم چیه. مگه یکی از کارای فید این نیست که مثلا" میشه به عنوان خبرنامه ازش استفاده کرد؟ یعنی بهش وقت بدی بگی هر روز یکبار مطالب به روز شده سایت رو برای اون کسانی که عضو میشن ارسال کن؟ بعد همه نوع ایمیل میتونن توش عضو بشن دیگه آره؟
8. نیما:
   21 Aug 2010 ممنون. خوب چجوری میتونیم ازش به عنوان خبرنامه استفاده کنیم؟
9. پويا صادقى:
   23 Aug 2010 اعتبار كد سى اس اس رو ميتونيد از لينک زير بررسى كنيد: http://jigsaw.w3.org/css-validator
10. پويا صادقى:
    23 Aug 2010 ممنون از پيشنهادتون. وقتى موس روى كد ميره شماره خط حذف ميشه تا كاربر بتونه كد رو كپى كنه! اگه شماره حذف نشه ، كسى كه كد رو انتخاب و كپى ميكنه تا ازش استفاده كنه ، مجبوره شماره خط كه همراه كد كپى شده رو دستى پاک كنه… ولى درمورد فاصله خطوط، چشم فاصله رو بيشتر ميكنم :)
11. پويا صادقى:
    23 Aug 2010 شماره ها رو برداشتم. سایز متن هم بزرگتر کردم ;)
12. پويا صادقى:
    23 Aug 2010 باشه. سعى ميكنم تو يه پست كاملا درموردش توضيح بدم
13. پويا صادقى:
    23 Aug 2010 بله. در تب optimize‏ و در قسمت‎ summary burner ‎‏ ميتونيد اين كار رو انجام بديد. البته پيشنهاد ميكنم فيد كامل رو حتما براى كاربر بذاريد. :)
14. پويا صادقى:
    23 Aug 2010 کاربر از فید استفاده می کنه ، تا برای دریافت نوشته های جدید به سایت مراجعه نکنه. پس فیدی که فقط خلاصه مطلب باشه، برای کاربرانی که از طریق خبرخوان ها (مثل گوگل ریدر) مطالب رو دنبال میکنن، مناسب نیست. بنابراین علاوه بر فید خلاصه مطالب ، یک فید کامل(شمال متن کامل هر نوشته) هم برای کاربران قرار بدید :)
15. پويا صادقى:
    23 Aug 2010 فید ، محتوای خالص وبلاگه. [+] این که به عنوان خبرنامه میشه ازش استفاده کرد، یکی از امکاناتیه که سایت feedburner فراهم کرده. استفاده اصلی فید ، ارسال محتوای خالص سایت به کاربره. کاربر با استفاده از نرم افزارهای خبرخوان نوشته‌های جدید رو دریافت میکنه. خبرخوان های آنلاین مثل گوگل ریدر و Bloglines . خبرخوان های تحت سیستم عامل مثل FeedDemon یا خبرخوان هایی که داخل مرورگر ها تعبیه شده اند مثل فایرفاکس ، اپرا و...
16. پويا صادقى:
    23 Aug 2010 در فیدبرنر ، در تب Publicize قسمت Email Subscriptions
17. علیرضا:
    24 Aug 2010 سلام. خیلی عالی بود. منم قسمت «استفاده از روح در تصاویر» رو متوجه نشدم. یعنی چطور در قسمت کدها مشخص می‌کنیم که از کدوم قسمت عکس استفاده بشه؟
18. پويا صادقى:
    24 Aug 2010 آموزش استفاده از CSS Sprites یا همون "روح در تصاویر"
19. امیررضا:
    28 Sep 2010 این که همه عکسها رو در یک تصویر جمع کنیم، تا تعداد requestها کمتر بشه، خیلی عالیه. فقط من نمیدونم چطور مثل گوگل این آیکونهای وب سایتم رو که در یک عکس قرار دادم بعدش بتونم دقیق pixel بدم. برنامه ای هست که همه آیکونها رو خودش کنار هم بذاره و کد css رو بده؟ ممنون
20. پويا صادقى:
    29 Sep 2010 محل پیکسل ها رو میتونید با خط کش های فتوشاپ پیدا کنید :) اما نرم افزاری که کد CSS بده فکر نکنم باشه...
21. farzad:
    30 Sep 2010 راهی هست مرورگر اول style.css و قالب رو لود کنه، بعدش تصاویر موجود در پستها لود بشن؟ چون توی مرورگر opera قالب من اول بهم ریخته نمایش داده میشه ،بعد کم کم کامل میشه. من کدی پیدا نکردم که بشه باهاش تصاویر پستها رو بعد از لود کامل قالب و نوشته نمایش بده. مثل سایت یاهو
22. پويا صادقى:
    02 Oct 2010 اين بستگى به مرورگر داره . اما يه ابزارى براى jQuery‏ هست به اسم lazy load‏ كه عكس هاى هر بخش صفحه رو تا وقتى كه اون بخش اسكرول نشده, لود نميكنه. يعنى وقتى به پايين صفحه اسكرول ميكنيد, عكس هاى پايين صفحه لود ميشن. البته من هنوز ازش استفاده نكردم و تا همين حد اطلاع دارم
23. javad:
    08 Oct 2010 واقعا مطلب مفیدی بود موفق باشید
24. محسن شایان:
    18 Nov 2010 ممنون مفید بود.
25. hossein:
    15 Jan 2011 امروز بعد از مدتها وب گردی یک سایت خوب و پرمحتوا پیدا کردم و اون هم همین سایت هست
26. حامد:
    05 Apr 2011 این استفاده روح در تصاویر در مرور گر های اکسپلوره جواب نمیده راه ی رو سراغ ندارین که بشه با همه مرور گر ها سازگار کرد css مونو
27. مجید قضنفری:
    26 Sep 2011 سایت و مطالبت خوبه فقط به این دقت نکردی که کدهای html که برای اموزش میزاری به صورت escape شده و اشتباه نمایش داده میشن
28. پويا صادقى:
    02 Oct 2011 اصلاح شد. با سپاس