سلام

امروز تصمیم گرفتم یه مطلب بنویسم، به چند دلیل

یک اینکه من هاستم رو همونطور که احتمالن میدونین از یک سرویس خارجی (یعنی justhost ) گرفتم و از همه چیش هم راضی ام به شدت اما متاسفانه حدود یک هفته ی پیش به من ایمیلی زدن مبنی بر اینکه وبلاگ شما هوتوتو! و اسم ایران، در کنار کوبا و چند کشور قشنگ دیگه بود که شامل تحریم های این سرویس دهنده شده…

خلاصه اینکه این چند روز که وبلاگ داغان بود تقصیر من یکی نبود! ولی شما منو ببخشین، بقیه رو هم ببخشین به خاطر من، خدا، حالا هرکی، بخشیدن کلن خوبه…

مورد بعدی اینکه من یه آیپاد ۸ گیگ ۲جی داشتم که بهمن ماه گرفته بودم، بعد حدود ۳ ماه پیش فروختمش به دلایلی نه چندان گفتنی، و نه چندان خوشایند… خلاصه اینکه همسری دارم برتر از گل نمیدونم چی چی و اینا که برای تولدم یه آیپاد ۳۲ گیگ گرفت تا بترکه چشم حسود و بدخواه مدخواه ها و اینا… خلاصه اینکه دیروز داشتم تو cydia میچرخیدم که دیدم یه چیزی به اسم wifi sync گذاشته که البته برای فروش بود به قیمت ۱۰ دلار..

امروز کمی چرخیدم و نتونستم فایل سالم و کرک شده ی این برنامه با فرمت ipa رو پیدا کنم، ولی تونستم یه جایی یه فایلی با یه فرمتی (یعنی deb ) پیدا کنم، که چون یکم پیچیده شد روند نصب برنامه گفتم آموزشش رو بذارم اینجا ملت حالشو ببرن، هوممم؟

مراحل کار:

۱-در cydia برنامه ی openssh رو سرچ کنید، نصب کنید

۲-برنامه ی sbsetting رو هم نصب کنید از همون cydia و بعد دستگاه هم ری بوت کنید واسه قشنگی…

۳- برنامه ی winscp رو از این لینک دانلود کنید .

۴- فایل deb مورد نظر برای نصب روی آیفون / آیپاد هم از اینجا دانلود کنید.( لینک مستقیم نیست )

WiFi sync 1 cracked

5- و در آخر هم برنامه ی مورد نیازمون برای نصب روی ویندوز برای استفاده از مودم وایرلس برای شناختن آیپاد و sync کردن  از این لینک قابل دریافت است:

WiFi sync 1 Win client

توضیحات:

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

در برنامه دقت کنید که ssh روشن باشه و در پایین صفحه هم یک آی پی آدرس داده شده که شما باید از این برای ارتباط با دستگاهتون از طریق کامپیوتر استفاده کنید، برنامه ی winscp که دانلود و نصب کردیم اجرا میکنیم و در قسمت host name آی پی نوشته شده در SBsetting رو مینویسیم و در قسمت user name واژه ی ” root ” و در قسمت پسورد از کلمه ی ” alpine ” استفاده میکنیم، و روی login کلیک میکنیم (میتونین روی save کلیک کنید تا مجبور نباشید هر بار این مرحله رو تکرار کنید.

اگه سوالی پرسیده شد روی yes کلیک کنید، حالا محیط برنامه شدیم، وارد فولدر tmp به آدرس private >var >tmp میشیم و فایل deb دانلود شده رو که حجمی حدود ۳۰ کیلوبایت داشت رو میکشیم توی فولدر

حالا فقط مونده نصب این برنامه، برای اینکار روی دکمه ی ترمینال در برنامه کلیک میکنیم (در منوی برنامه آیکونی مشکلی رنگ داره) _ برای باز کردن ترمینال میتونیم از کلیدهای ترکیبی ctrl + t استفاده کنیم _ روی ok کلیک میکنیم، در قسمت enter command خط کد زیر رو مینویسیم:

dpkg -i /tmp/wifi_10.deb

و منتظر میشیم فایل نصب بشه، حالا برای استفاده از این برنامه و sync کردن بدون استفاده از سیم یو اس بی کافیه winclient که دانلود کردیم رو نصب و اجرا کنیم و همینطور فایل wi-fi sync رو روی آیفون/آیپاد خودمون اجرا کنیم، با این کار میتونیم فایلهارو بدون سیم با استفاده از itunes بین دو دستگاه sync کنیم، این کار سرعت کمتری نیسبت به کار با سیم یو اس بی داره اما کلن سیم کلی دردسر داره و همراه داشتنش هم بعضی وقتها سخته و در شرایطی این برنامه خیلی به درد میخوره…

یک نکته ای هم بگم، پسورد تمام آیفون ها و آیپاد ها همین alpine هست پس امن نیست اصلن، سعی کنید هرسری کارتون با نصب برنامه های deb یا هر کار دیگه ای که مربوط به ssh میشه تمام شد، از طریق sbsetting خاموشش کنید تا مشکلی پیش نیاد براتون

نکته بعدی اینکه من این برنامه رو با همین ترتیبی که دیدین روی آیپاد ۳۲ گیگ با iOS4  جیلبرک شده از طریق سایت jailbreakme.com که همین دیروز هم ارائه شد.

یک نسخه مک هم برای این برنامه هست که من تست نکردم، میذارم برای دوستانی که مک دارن، اگه تست کنن نتیجه رو بگن ممنون میشم.

لینک رپیدشیر نسخه مک : http://rapidshare.com/files/387247913/wifisync.zip

همین دیگه! امیدوارم چیزی رو جا ننداخته باشم، این پست مثل همه ی پست های دیگه ام بدون ادیت و کاملن آنلاین نوشته شده، ایرادی چیزی بود، لطف کنین بگین ، ممنون…

موفق باشین، خوشحال هم باشین، سلامت هم باشین، پولدار هم اگه نیستین بشین، اگه هستین هم کمک کنین و اینا…

© TeneT, 2010. | لینک مطلب | 7 نظر | اضافه کردن به del.icio.us
تگ ها: iphone, ipod, itunes, sync, آیتیونز, آیفون, آیپاد, آیپاد تاچ, انتقال بی سیم فایلها, وای فای

از وردپرس ۲٫۹ یک امکان خیلی خوب به وردپرس اضافه شد و اون امکان اضافه کردن تصاویر بندانگشتی (یا همون thumbnail) به پست ها بود که از خیلی وقت پیش کلی راه کار و پلاگین براش ارائه شده بود و خب نیازش واقعن حس میشد.

در دو مطلب میخواهیم دو تا کار ساده انجام بدیم ، یکی اینکه تصاویر بندانگشتی رو به قالبمون اضافه کنیم و دو اینکه یاد بگیرم چطوری یک اسلایدشو از این تصاویر در قسمتی دلخواه از وبلاگمون قرار بدیم تا از یک دسته ی خاص ، تصاویر بند انگشتی تعدادی مشخص مطلب رو بگیره و اونارو با یک افکت زیبا و با قدرت جی کوئری نمایش بده

۱- افزودن امکان نمایش به قالب وبلاگ

اولین کاری که باید بکنیم (و امکانش از ورژن ۲٫۹ به وردپرس اضافه شده) اینه که به وردپرس بفهمونیم قالب ما از تصاویر بندانگشتی پشتیبانی میکنه و یه سری تنظیمات لازم که بسته به کارمون میتونه متفاوت باشه رو انجام بدیم

در functions.php  موجود در فولدر تم مربوطه میریم و کد زیر رو وارد میکنیم:

<?php

if (function_exists('add_theme_support')) {
add_theme_support( 'post-thumbnails' );
}

?>

خط اول یک شرط میکنه که اگر تابع add_theme_support که از ورژن ۲٫۹ اضافه شده وجود داشت (یعنی وردپرس ما به روز بوده و کمتر از ۲٫۹ نیست) از تابع استفاده کنه و به وردپرس بفهمونه که قالب از امکان نمایش thumbnail بهره میبره.

البته شاید زیاد نیازی به اون if  هم نباشه و میتونیم یک راست کد زیر رو وارد کنیم:

<?php add_theme_support('post-thumbnails'); ?>

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

حالا با قرار دادن کد زیر در هرجای قالب ( به طور مثال فایلهای single.php  یا index.php یا هرجای دیگه که حلقه ی مطالب قرار دارد) میتونیم تصویر مربوط به هر پست رو نمایش بدیم.

<?php the_post_thumbnail(); ?>

توجه کنید که این کد رو باید داخل حلقه ی پست ها قرار بدین ( حلقه چیست؟ )، اگه چیز زیادی از حلقه نمیدونین کد

<?php the_content(); ?>

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

این تابع هم مانند دیگر توابع آرگومان هایی داره که بررسی میکنیم،

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

the_post_thumbnail('medium');

Large : این آرگومان هم بالاترین کیفیت موجود رو استفاده میکنه.

the_post_thumbnail('large');

و در آخر برای تنظیم سایز تصاویر از حالت زیر میتونیم استفاده کنیم:

the_post_thumbnail( array(100,100) );

به همین راحتی!

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

در درس بعدی که امیدوارم زیاد نوشتنش زمان نبره و تنبلی نکنم تو انتشارش یاد میگیریم که چطوری این تصاویر رو به صورت اسلاید در قسمت مورد نظرمون در وبلاگ قرار بدیم

موفق و خوشحال باشین

بای

© TeneT, 2010. | لینک مطلب | 17 نظر | اضافه کردن به del.icio.us
تگ ها: thumbnail, تصاویر بند انگشتی, قالب, وردپرس

سلام

من مدتیه مطلب ننوشتم و دلیلش هم اینه که ترجیح میدم ۱ مطلب خیلی خوب بنویسم تا ۱۰ تا مطلب خوب یا ۱۰۰ تا معمولی! _حداقل از نظر خودم خوب باشه کافیه! هرچند امیدوارم شما هم خوشتون بیاد.

امروز به ذهنم رسید یک ویدجت اپرا که برای توییت کردن برای خودم و بعضی از دوستان ادیت کرده بودم رو به شما معرفی کنم و در عین حال آموزشی باشه برای اینکه چطور ویدجت های اپرا رو ادیت کنیم!

اگر مطالب آموزش طراحی سایت من رو خونده باشین حتمن الان دیگه آشنایی خیلی خوبی با html و css دارین و میتونین کاملن بفهمین من چی میگم.

ما برای این آموزش به آخرین ورژن مرورگر اپرا _که در حال حاضر ورژن ۱۰٫۵۰ است _ نیاز داریم، که از سایت اصلی اپرا به آدرس www.opera.com قابل دریافته

برای دانلود ویدجت ها هم که حتمن میدونین از منوی   opera>widgets>Get widgets یا از آدرسhttp://widgets.opera.com/ میتونین به ویدجت های اپرا دسترسی داشته باشین، ویدجت مورد نظر این پست هم از آدرس http://goo.gl/b4Qu قابل دسترسیه.

خب از اینجا میریم سراغ ادیت ویدجت، برای اینکار اول از همه اپرا رو باز میکنیم و کلیدهای ترکیبی ctrl+shift+i رو میزنیم. صبر میکنیم تا dragonfly لود شه.

توضیح بدم که dargonfly تقریبن کاری مشابه inspect elements در کروم و افزونه ی فایرباگ در فایرفاکس انجام میده.

بعد از اینکه dragonfly لود شد وارد تب settings میشیم و روز Remote Debug کلیک میکنیم و تیک مربوطه رو میزنیم، در قسمت port هم هر پورت آزادی که بخواهین رو میتونین وارد کنین و در آخر هم روی apply کلیک میکنیم.

بعد وارد ویدجت مورد نظر میشیم و روش کلیک راست میکنیم و از قسمت settings وارد Remote Debugger  میشیم، اگه دقت کنید الان inspect element یا همون dargonfly روی ویدجت فعال شده و ما میتونیم به راحتی بفهمیم کدوم قسمت ویدجت با چه تگ، آی دی و یا کلاسی نوشته شده.

الان ما دیگه کارمون مثل ادیت کردن یک صفحه ی html ساده است و کاری که ما میخواهیم انجام بدیم هم که فقط با css کار داره، اما فایلهای این ویدجت کجا هستن؟

اگه زمانی که این ویدجت رو دانلود کردین با مرورگر اپرا بوده باشین که خب میتونین وارد قسمت دانلود ها شده و بعد روی ویدجت کلیک راست کنین و open folder رو بزنین تا فایل ویدجت رو پیدا کنین، اگر هم با مرورگر های دیگه دانلود کردین که خب حتمن میدونین کجا دانلود شده!

من میرم و فایل ویدجت رو کپی میکنم توی دسکتاپم و بعد فرمتش رو از wgt به zip تغییر میدم، و فایل رو آنزیپ میکنم.

همونطور که میبینید فایلهای مربوط به ویدجت همه در یک فولدر هستند که البته ما فقط با یکی از فایلها کار داریم و اون هم در پوشه ی styles و با نام v2.css هست.

در تصویر قبلی ما میخواستیم کلاس قسمتی که آخرین توییت نوشته میشه رو پیدا کنیم و اون رو در فایل css ویرایش کنیم، برای این کار روی قسمت مورد نظر کلیک کردیم و در dragonfly ویرایش مورد نظرمون رو روش اعمال کردیم (البته این فقط به منظور تست بوده و بعد از بستن ویدجت تغییرات ایجاد شده به حالت اول برمیگردن، برای همین ما فایل ویدجت رو آنزیپ کردیم تا بتونیمم تغییرات رو در فایلهاش اعمال کنیم!

v2.css رو باز میکنیم و کد آی دی و کلاس مورد نظر که در تصویر قبل مشخص کرده ام رو پیدا میکنیم.

#latest .text

برای پیدا کردن یک عبارت در ادیتور های متن هم حتمن میدونین که میتونیم از کلیدهای ترکیبی Ctrl+F استفاده کنیم

در خط ۹۴ آی دی latest و در زیر مجموعه ی اون کلاس text رو داریم که باید direction رو به راست به چپ یا همون rtl تغییر بدیم! برای این کار خط زیر رو به این قسمت اضافه میکنیم:

direction:rtl;

تا داشته باشیم:

#latest .text {
        direction:rtl;
        height: 65px;
        padding: 5px;
        background: transparent url('../images/status_bg_middle.png') 0 0 repeat-x;
}

باز به ویدجت برمیگردیم تا قسمت های خراب دیگه رو هم درست کنیم.

با کلیک بر روی قسمتی که توییت یکی از دوستان شما در توییتر رو در بر میگیره میفهمیم که کلاس قسمت توییتهای دوستان entry هست، با این حساب باز به ویرایشگر متن خودمون برمیگردیم و direction کلاس entry رو هم به rtl تبدیل میکنیم.

الان در خط ۳۶۶ داریم:

.entry {

  direction:rtl;

  background: #fff url(../images/bg_tweet_separator.png) 50% 100% no-repeat;

  padding: 8px 5px 8px 10px;

  line-height: 1.4em;

  overflow: hidden;

}

حالا فونت رو هم تاهوما کنیم که این یکی خیلی منو آزار میده! میریم و توی فایل v2.css تگ body رو که معمولن در قسمت های بالایی فایلهای استایل یا همون css ها هستند پیدا میکنیم و کد زیر رو بهش اضافه میکنیم:

font-family: tahoma;

به همین راحتی تمام متنهای داخل ویدجت تبدیل به تاهوما میشن(برای تست میتونین در همون dragonfly این کارها رو انجام بدین و بعد وارد فایل ویدجت بشین تا خیالتون راحت باشه که کار درست رو انجام دادین! )

حالا تقریبن شکل و قیافه ی بهتری داره ویدجتمون، اما میتونیم بهترش هم بکنیم! اگه دقت کنید توییت ها یه کم چسبیده اند به عکسهای نویسنده هاشون، برای اینکه بفهمیم توی چه کدی باید تغییر ایجاد کنیم میریم و روی یکی از عکسها کلیک میکنیم، همونطور که توی عکس هم مشخصه سمت راست یک padding داره که اگه توی dragonfly نگاه کنید ۱۰ پیکسل از راست هست، من اون رو به ۳ پیکسل تغییر میدم و از این طرف هم برای اینکه یک فاصله ای از متن داشته باشه یک margin-left برابر با ۵ پیکسل بهش میدم.

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

با بررسی قسمت textarea که محل توییت کردنه میفهمیم که آی دی مربوط به این قسمت doing هست که در فایل css فونتش مشخص شده که sans-serif است که میریم و به tahoma تغییرش میدیم و یک direction راست به چپ (rtl) هم میدیم بهش.

این هایی که گفتم در حد یک آشنایی بود برای شما که میخواهین شروع کنین به کارهای این چنینی!

ینی مثلن یک افزونه ی فایرفاکس، کروم هم که میبینین میتونین به راحتی ادیتش کنین، و همین طور ویدجت های اپرا، کم کم از ادیت میتونین دست به کار بشین و برسین به ساخت ویدجت یا افزونه! که البته نوشتن اصلن قابل مقایسه با ادیت کردن نیست!

امیدوارم این مطلب کمکی به شمایی که به این کار علاقه دارین کرده باشه!

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

ویدجت توییتر

موفق و پیروز و خوشحال باشید

به امید دیدار

© TeneT, 2010. | لینک مطلب | 8 نظر | اضافه کردن به del.icio.us
تگ ها: browser, css, dragonfly, firebug, inspect elements, opera, opera widget, آموزش سی اس اس, افزونه اپرا, اپرا, توییتر, توییتر فارسی, فارسی سازی, فایرباگ, ویدجت

در نسخه ی ۴ امکان استفاده از افزونه (همان add on در فایرفاکس ) یا به اصطلاح خود گوگل extension رو داره یعنی اینکه برنامه نویسها به راحتی میتونن امکاناتی به این مرورگر اضافه کنن

این افزونه ها بر خلاف فایرفاکس تاثیر زیادی روی سرعت کار با مرورگر ندارن، نصب سریع و آسونی دارن و معمولن سبک و بسیار کار آمد هستن

من در این پست سعی دارم تعدادی از اکستنشن هایی که خودم استفاده میکنم به شما معرفی کنم.

one number

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

البته هرکدام از این چهار امکان در افزونه های جداگونه هم هستن که اگه نیازی به سه امکان دیگه ندارین میتونین فقط یکی رو نصب کنین!

Proxy Switchy!

افزونه ی دیگه که کارش از اسمش معلومه! شما ممکنه مثل من از چند برنامه ی فیل کش! استفاده کنید! با این افزونه به راحتی میتونین تنظیمات برنامه های مختلفتون رو ذخیره کنید و با یک کلیک بینشون سویچ کنید! (من که رسمن عاشقشم!)

AdBlock

اگر این افزونه رو ندیدین باید بدونین که از معروفترین های فایرفاکس بوده و هست و همینطور در کروم پر استفاده ترین اکستنشنه و هفته ای بیش از ۱۰۰ هزار نفر روی کروم نصبش میکنن! اگه میخواهین از شر تبلیغات خسته کننده که سراسر وب رو گرفته  خلاص شین این افزونه برای شماست!

Google Translate

دوست دارین وقتی وارد یک سایت غیر از زبان خودتون میرین به صورت اتوماتیک اون سایت رو به زبون قابل فهمتر برای خودتون تبدیل کنید؟ با این افزونه و با قدرت سرویس ترجمه ی گوگل این کار با یک کلیک صورت میگیره!(توی قسمت تنظیمات میتونین زبونهایی که نیاز به ترجمه شون ندارین وارد کنین، مثلن من انگلیسی و فارسی رو ترجمه نمیکنم ولی بقیه رو اتوماتیک به انگلیسی میخونم)

IE Tab Classic

شما هم با دیدن این e کهیر میزنید؟ دوست ندارین اصلن طرف اینترنت اکسپلورر برید اما مجبورید برای استفاده از سایتهای دانشگاه و بانکها از این برنامه استفاده کنید؟ این اکستنشن برای شماست! با نصب این افزونه شما میتونین در داخل کروم از اینترنت اکسپلورر استفاده کنید و دیگه سالی چند باری که میرفتید سراغش هم نرید!

RSS Subscription Extension plus

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

Chromed Bird

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

goo.gl

اگه پست” یک ترفند ساده برای کوتاه کردن آدرس در اپرا” من رو خونده باشین حتمن یادتونه که چقدر راحت میشد یک آدرس چند متری!! رو تبدیل به یک آدرس کوچیک کرد! حالا با این افزونه میتونید با یک کلیک این کار رو در کروم انجام بدین بدون اینکه لازم باشه به صفحه ی دیگه ای وارد بشین! وقتی در صفحه ی آدرس مورد نظر هستین روی دکمه ی این افزونه در سایدبار کلیک کنید و آدرس کوتاه شده اش رو تحویل بگیرید!( به جای این اکستنشن میتونین از URL shortener هم استفاده کنیدامکانات بیشتری هم داره، البته من علاقه ای بهش ندارم و goo.gl رو ترجیح میدم!)

۳xy Undo Close tab

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

persian jalali calender

تقویم شمسی میخواهین؟ این افزونه ی فارسی که توسط یک ایرانی هم آماده شده رو نصب کنید تا همیشه یک تقویم روی میز کار کروم خود داشته باشید! یک تقویم بسیار ساده که همینش مورد پسند من واقع شد! سادگیش! تنها ایرادی که میشه بهش گرفت شاید طراحی نه چندان دلچسبش و فونتشه که امیدوارم به زودی “تاهوما” شه.

Speed Dial

حتمن میدونین که در صفحه ی اول اپرا میتونین سایتهایی که زیاد سر میزنید رو قرار بدین تا با یک کلیک واردشون بشین، این اکستنشن هم تقریبن همین کار رو انجام میده! با نصب speed dial شما تا ۴۸ سایت رو میتونین توی صفحه ی اول کروم قرار بدین

TinEye Reverse

یک تصویر در سایتی دیدین که کیفیت خوبی نداره و شما در به در دنبال همون تصویر با ابعاد بزرگتر میگردین؟ چرا شانستون رو امتحان نمیکنید و اینبار برعکس سرچ نمیکنید؟!! سایت  www.tineye.com برای همین کار ساخته شده! و این اکستنشن هم کار با این سایت رو راحت تر میکنه! کافیه بعد از کلیک کردن روی این دکمه روی عکس مورد نظرتون کلیک کنید تا براتون وب رو بگرده و عکس مشابه اش رو پیدا کنه! شاید شانس با شما باشه، کی میدونه!

Chrome TV

این هم آخرین اکستنشن که معرفی میکنم، من یکی رو که به وجد آورد وقتی تست کردم و دیدم با اینترنت ۱۲۸ کیلو بیتیِ داغون هم میشه به تمام تلویزیون های دنیا دسترسی داشت! اونهم با دانلود کردن این افزونه ی کمتر از ۵۰۰ کیلوبایتی! برای مواقعی که بین فوتبال و اخبار تو خونه دعواست بیاین پای کامپیوتر و شبکه ی مورد علاقه تون رو بدون مزاحم تماشا کنید!

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

خلاصه اینکه اگر روی این لینکها کلیک کردین و چیزی ندیدین به این خاطر که این از اون سایتهاییه که مارو تحریم کرده! پس از روش هایی که بلدین وارد شوید!!

© TeneT, 2010. | لینک مطلب | 28 نظر | اضافه کردن به del.icio.us
تگ ها: add on, extension, آر اس اس ریدر, افزونه, اکستنشن, اینترنت اکسپلورر, جیمیل, فایرفاکس, کروم, گوگل ریدر, گوگل ویو, گوگل کروم

در ادامه ی پست قبلی با عنوان  کروم یا فایرفاکس؟ #۱ این مطلب رو در مورد سرعت و امکانات دو مرورگر ادامه میدم

در مطلب قبل راجع به امنیت دو مرورگر صحبت کردیم و نتیجه این شد که هیچکدوم وضع نگران کننده ای ندارن و زیاد نمیشه تمایزی بین این دو قائل شد. اما از نظرهای دیگه چی؟ شاید یکی از مهمترین مسائل برای ما که وضعیت اینترنتمون خیلی خنده داره سرعت مرورگرها باشه

این مساله برای مرورگرها هم خیلی مهمه و هر بار و با هر ورژن جدید تر سعی در سریعتر کردن سرعت بارگزاری(download) صفحات وب کنند، فایرفاکس ۳٫۶ که آخرین ورژن منتشر شده ی این مرورگر هست سرعت بهتری نسبت به ورژن قبلی (۳٫۵) داره ولی کروم همچنان سریعتر از فایرفاکسه.

سرعت نه فقط در باز کردن صفحات، بلکه در بالا اومدن برنامه هم خیلی مهمه به هرحال هر کسی دوست داره وقتی روی یک برنامه کلیک میکنه بلافاصله اون برنامه باز بشه و حوصله اش رو سر نبره! در این مورد هم کروم سریعتره، و معمولن در کمتر از ۱ ثانیه باز میشه اما فایرفاکس مدت بیشتری زمان میبره، (اگر افزونه هم داشته باشین که دیگه خیلی بیشتر!)

نکته ی جالب اینه که فایرفاکس ۲٫۵ سرعت بهتری نسبت به ۳٫۶ داره!

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

تجربه ی شخصی خود من در استفاده از این دو مرورگر هم با این نمودار کاملن سازگاره! فایرفاکس بعضی وقتها واقعن اعصاب خورد کن میشه، همین الان ۷ ثانیه طول کشید تا فایرفاکس من باز شه در صورتی که کروم با وجود اینکه ۹ اکستنشن روش نصب کردم تو کمتر از یک ثانیه باز شد! این خیلی برای من به شخصه مهمه!

اما در عوض  کروم در استفاده از رم اصلن کم نمیذاره! همونطور که در مطلب قبلی(+)  گفتم کروم برای هر صفحه یک پروسس جدا باز میکنه ، اما مجموع استفاده ی رم توسط این پروسس ها بیشتر از حالت مشابه در فایرفاکسه!

البته از نظر من و طبق تجربه ای که مخصوصن با کامپیوتر قبلی داشتم این بوده که فایرفاکس شناگر ماهریه! یعنی کافیه چهارتا دونه پلاگین (افزونه) روش نصب کنین تا به تنهایی ۲۰۰ ۳۰۰ مگابایت رم رو اشغال کنه! اما اکستنشنهایی که روی کروم نصب میشن تاثیر چشمگیری روی سرعت مرورگر نمیذارن!

در پست بعدر بیشتر راجع به اکستنشنها حرف میزنم.

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

در مورد جاوا اسکریپت فایرفاکس هیچ حرفی برای گفتن در مقابل کروم نداره! هیچ حرفی:

اگه نمیدونین بدونین که از مهمترین مسائل در سرعت بارگزاری صفحه همین جاوا اسکریپته! و تقریبن هیچ سایتی رو نمیتونین پیدا کنین که توش از جاوا اسکریپت استفاده نشده باشه، و همینطور که در تصویر میبینیم سرعت موتور کروم بیشتر از ۳ برابر فایرفاکسه!

—

اینها بیشتر حرفهای سایتهای مختلف و تستهای تخصصی انجام شده روی این مرورگرها بود! اما از اول هدف من این بود که تجربه ی خودم رو در استفاده از این دو مرورگر بگم!

چرا کروم؟

1. من کاری به آمارها ندارم! ولی واقعن اگه شما اینترنت ۵۶ کیلوبیتی دارین حتمن حرف منو راحت میفهمین و  قبول میکنین که فایرفاکس از نظر سرعت بارگزاری اونجوری نیست که تو آمارهاست! اما وقتی از کروم (یا حتی اپرا) استفاده میکنین میتونین تفاوت سرعت رو به خوبی حس کنید.
2. همه ی ما استفاده ی زیادی از سرویسهای مختلف گوگل داریم، جی میل، گوگل ریدر، تقویم گوگل  و خیلی های دیگه! همه ی اینها با کروم بهتر و سریعتر باز میشن و خیلی کار باهاشونلذت بخش تره
3. اگه یه سایت داغون(!!) رو با کروم باز کنید, کرش کنه با توجه به پروسس های جداگونه ی هر تب میتونین از task manager خود کروم اون تب رو به راحتی ببندین اما در فایرفاکس اینطور نیست!
4. کروم گوگل رو پشتش داره و تو زمان به این کوتاهی پروژه ی کرومیوم رو با توجه به برنامه نویسان بیشمارش به ورژن ۵ برسونه و همینطور با سرعت پیش میره!
5. کافیه روی فایرفاکس ۱۰ تا افزونه بریزید تا موقع باز کردن و استفاده  فایرفاکس خوابتون ببره! اما من الان با ۱۵ افزونه روی کروم هیچ مشکلی از لحاظ سرعت ندارم
6. فضای کار با کروم خیلی بیشتره اگه دقت کرده باشین نوار بالایی که توی فایرفاکس هست در کروم نیست، و فقط یک (یا نهایتن دو نوار ) زیرش میاد و همین طور در زیر استاتوس بار کروم پاپ آپ هست و جایی نمیگیره!
7. نصب افزونه ها بسیار سریعه و مثل فایرفاکس به ری استارت نیاز نداره
8. نصب تم( theme ) خیلی سریع و با یک کلیک بدون نیاز به راه اندازی مجدد
9. نصب اسکریپتهای گریسمانکی بدون نیاز به هیچ افزونه ی خاصی
10. چون من میگم!!

چرا فایرفاکس نه!؟

تا قبل از اومدن کروم ، و مخصوصن اضافه شدن امکان نصب افزونه شاید فایرفاکس گزینه ی مناسبی بود و میتونست به یاری افزونه هاش از امکاناتی که رقیبش اپرا داره جلو بزنه اما بعد از ورژن جدید کروم با امکان نصب افزونه و رشد باور نکردنی تعداد این به اصطلاح اکستنشن (extensions) دیگه هیچ دلیلی برای استفاده از فایرفاکس نیست(یا حداقل من نمیبینم!)

امیدوارم اگر شما بعد از استفاده از کروم هنوز طرفدار این مرورگر هستین و برای این طرفداری دلیلی دارین حتمن من رو در جریان بذارین و بگین چرا؟!

توی پست بعدی سعی میکنم بهترین و پر استفاده ترین افزونه های کروم که شما رو با قدرت این مرورگر بیشتر آشنا میکنه، معرفی کنم!

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

google chrome-all versions

پ.ن ۲:  این پست قرار بود خیلی عامیانه باشه ، ولی اولش یه کم تخصصی شد و خسته کننده، پوزش

پ.ن ۳: راستش رو بخواهین تیتر این پست اولش “چرا کروم؟” بود اما بعد به این نتیجه رسیدم قضاوت نکنم قبل از توضیح دادن!

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

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

مرورگر محبوب شما کدام است؟

© TeneT, 2010. | لینک مطلب | 83 نظر | اضافه کردن به del.icio.us
تگ ها: browser, chrome, firefox, google chrome, IE, internet explorer, mozilla firefox, opera, اينترنت اکسپلورر, اپرا, بهترين مرورگر اينترنت, سافاري, فايرفاکس, مرورگر اينترنت, مقايسه مرورگرها, گوگل کروم

همونطور که احتمالن میدونین من این وبلاگ رو حدود یک ساله راه انداختم و از روز اولی که تصمیم به راه اندازیش گرفتم دوست داشتم بهترینها رو برای کسانی که لطف میکنن و میان مطالب رو میخونن فراهم کنم، اول قصد داشتم روی یک سرویس دهنده ی خارجی مثل bluehost وبلاگ رو راه بندازم و متوجه شدم که خطر تحریم سایت ها و وبلاگهای ایرانی رو تحدید میکنه و برای همین اومدم سراغ ایرانی ها!

قیمت سرویس های ایرانی تقریبن ۱۰ برابر به بالاست که دلیلش رو نمیدونم! اما به هر حال من سعی کردم یک سرویس مورد اطمینان پیدا کنم و البته با حجم کم!

من این وبلاگ رو روی ۵۰ مگ هاست راه انداختم و عکسها و فایلها رو روی parsaspace و my opera آپلود کردم.

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

به هر حال من معذرت میخوام به این خاطر و سعی دارم به یک هاست مطمئن برم و فایلها و تصاویر رو اونجا قرار بدم و اینکار یکم زمان میبره و من همینجا ازتون میخوام منو ببخشین که myopera رو فیلتر کردن! تقصیر من بود اصن!

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

© TeneT, 2010. | لینک مطلب | 27 نظر | اضافه کردن به del.icio.us
تگ ها: myopera, parsaspace, هاست, پارسا اسپیس

همونطور که میدونید _ یا حداقل امیدوارم بدونید! _ برای رفتن به سایتهای مختلف راههای زیادی هست به جز این e لعنتی!

بیشتر از ۹۰ درصد ما از ویندوز استفاده میکنیم و بیشتر از ۸۰ درصد ما ویندوزی ها از ویندوز xp استفاده میکنیم. ویندوز محصول مایکروسافته و مایکروسافت بزرگترین شرکت کامپیوتری دنیا که نمیخواد به هیچ وجه این موقعیت رو به رقیبها واگذار کنه، به همین دلیل سعی میکنه با استفاده از قدرتش کارهاش رو پیش ببره _البته همه ی ما همینطوریم!_ اما به هر حال اینکار انتقادهایی هم متوجه این شرکت کرده و میکنه که یکی از موارد انتقاد به این شرکت مرورگر معروفش، اینترنت اکسپلورر است …

اینترنت اکسپلورر یکی از محصولان مایکروسافته که برای مرور سایتهای اینترنتی ساخته شده و مورد استفاده قرار میگیره و طبق آمار پر استفاده ترین مرورگر دنیا هم هست، اما تنها دلیل وجود همچین آماری اینه که ما ۹۰ درصدی که ویندوز داریم، یعنی این برنامه رو  هم روی کامپیوتر خودمون داریم! به همین راحتی! اما ما مجبور نیستیم سرعت پایین و امنیت پایینتر این مرورگر رو تحمل کنیم، بیشتر ویندوزهایی که ما نصب میکنیم اینترنت اکسپلورر ورژن ۶ _که مسخره ترین ساخته ی دست مایکروسافت در طول تاریخ میتونه لقب بگیره_ دارن و ما که شاید زیاد به اینترنت سر نمیزنیم و یا اطلاع زیادی در این زمینه نداریم و البته سرعت اینترنت داغونی داریم از همون استفاده میکنیم، اما اگر بدونیم که میتونیم از برنامه هایی استفاده کنیم که سرعت، امنیت و کاربرد بیشتری دارند دیگه سراغ IE _یا همون Internet Explorer _ نمیریم!

این مطلب سعی نداره شما رو قانع کنه که از IE استقاده نکنید چون هیچ مقاله ای نیاز نیست، فقط کافیه یک هفته از یکی از مرورگرهای Firefox یا Google Chrome و یا Opera استفاده کنید تا برای همیشه IE رو ببندید و دیگه هم بازش نکنید!

توجه کنید که برای دریافت کروم از سایت گوگل باید از فیــلتر شکــن یا v.p.n استفاده کنید، به دلیل اینکه ایران در لیست کشورهای تحریم شده است! و یا میتونین از لینک زیر آخرین ورژن این برنامه رو دانلود کنید:

google chrome-all versions

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

بین کسانی که در ایران_و البته در دنیا_ وقت زیادی رو توی اینترنت میگذرونن و در واقع کاربرهای حرفه ای و نیمه حرفه ای _و نه تازه کار_ هستند مرورگر های فایرفاکس و اپرا و جدیدن گوگل کروم _و البته سافاری شرکت اپل_ طرفداران بیشتری دارن و طبق آمار سایت wakoopa _که میشه به عنوان یک مرجع قابل اطمینان روش حساب کرد_ فایرفاکس در جایگاه اول و بعد کروم، سافاری و اپرا قرار دارن، میتونین لیست رو در این آدرس ببینید:

http://wakoopa.com/categories/internet/browsers

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

مهمترین مسائل و دغدغه های ما برای یک مرورگر خوب میتونه موارد زیر باشه:

• امنیت
• سرعت
• امکانات
• راحتی استفاده از مرورگر

که از نظر من ترتیب اهمیت موارد به همین ترتیبیه که نوشتم .

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

کروم با استفاده از یک رابط برنامه نویسی نرم افزار ( API ) به اسم Google Safe Browsing API یک لیست سیاه از سایتهایی که ممکنه به شما آسیب برسونن تهیه کرده و میکنه که باعث میشه وقتی شما قصد ورود به یک سایت مشکوک رو دارین بهتون اخطار بده.

گوگل کروم برای هرکدوم از صفحاتی که شما باز میکنید یک پروسس جداگونه ایجاد میکنه (که میتونین در task manager و در قسمت processes تعداد زیاد chrome.exe ها رو ببینید که هرکدوم مربوط به تب های باز شده ی شما توسط این مرورگره ) این کار باعث میشه از نصب malware ها روی کامپیوتر شما جلوگیری بشه و tab تاثیری روی tab های دیگه نداشته باشن، در واقع هر پروسس میتونه پردازش خودش رو انجام بده اما اجازه ی خواندن و نوشتن فایلها(مثلن فایلهای دسکتاپ) رو نداره. مثل کاری که اینترنت اکسپلورر در ویستا و ویندوز ۷ میکنه!

نکته ی جالب دیگه در مورد کروم اینه که این مرورگر در وبلاگش (blog.chromium.org) در تاریخ ۲۸ ژانویه ۲۰۱۰ مطلبی منتشر کرده مبنی بر اینکه به ازای هر باگ که در این نرم افزار پیدا کنید بین ۵۰۰ تا ۱۳۳۷ دلار جایزه میده و این هم میتونه باعث دلگرمی بیشتر کاربران عادی و همکاری بیشتر برنامه نویس ها و کاربران حرفه ای برای پیشرفت کروم باشه، لینک مطلب در وبلاگ کروم:

http://blog.chromium.org/2010/01/encouraging-more-chromium-security.html

فایرفاکس هم اگر چه باگهای کمی نداره و در زمینه ی امنیت بهترین نیست اما وضعیت نگران کننده ای هم نداره، مثل کروم از sandbox security model استفاده میکنه و bug bounty هم برای پیدا کردن باگ های این مرورگر کمک خوبیه.

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

این پست ادامه داره، برای اینکه مطالب دیگه رو از دست ندین میتونین مشترک فید من بشین و یا اگه نمیدونین فید چیه سری به [ این مطلب ] بزنین.

توضیحات اضافه در ویکیپدیای فارسی :

1. API یا رابط برنامه نویسی نرم افزار چیست؟
2. malware چیست؟

© TeneT, 2010. | لینک مطلب | یک نظر | اضافه کردن به del.icio.us
تگ ها: browser, chrome, firefox, google chrome, IE, internet explorer, mozilla firefox, opera, اپرا, اینترنت اکسپلورر, سافاری, فایرفاکس, مرورگر اینترنت, گوگل کروم

من یه اخلاقی دارم وقتی به کسی (یا حتی چیزی) علاقه مند بشم، هرچی که بشه همیشه پای علاقه ام میمونم (البته نه خیلی افراطی که بخوام بت بسازم!) یکی از اون چیزها که من خیلی دوست دارم اپرا است!

اون قدیم ها که شما یادتون نمیاد! زمان جوونیه ما که مرورگر های ما محدود بودن به IE و مرورگرهایی که بر اساس IE ساخته میشدن و ما با سرعت لاکپشتی وبگردی میکردیم یه مرورگری هم بود که امکاناتی ارائه میداد که مایکروسافت خوابش هم نمیدید! اما به هر حال زیاد معروف نشد و زیاد هم اونجور که باید و شاید روش تبلیغات نشد تا اینکه فایرفاکس اومد و به هر صورت الان اینی شد که میبینین

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

به هر حال میخواستم یه ترفند کوچک برای اپرایی ها بنویسم که خودم بیشتر از اینکه ازش استفاده کنم ازش لذت میبرم!

شما حتمن به غیر از گوگل و یاهو از سیستمهای جستجوی خود سایتها هم استفاده میکنین، مثلن از ۴shared برای پیدا کردن موزیک مورد علاقه ی خودتون یا هر سایت دیگه ای…

اما اگه ما بخواهیم این کار رو ساده تر کنیم میتونیم با اپرا بریم با ۴shared.com و بعد با دو کلیک و دو ثانیه وقت این سایت رو به قسمت جستجوهای مرورگر اضافه کنیم:

و یا یه کار جالبتر کنیم، و به جای اضافه کردن یه گزینه ی جستجو به سایت مورد نظر برای کوتاه کردن آدرس بریم، مثلن من به bit.ly میرم و در اونجا همین کار رو تکرار میکنم:

میبینید که ۴shared و bit.ly به منوی جستجو ها اضافه شدن، ما میتونیم لینکی که میخواهیم کوتاه کنیم رو اینجا paste کنیم و بعد:

حالا ما توی هر سایت یا آدرسی باشیم میتونیم اول آدرسش در نوار آدرس بنویسیم bit (یا هر چیزی که هنگام ساختن custom search با عنوان keyword وارد کردیم) و enter کنیم!

اگه انتظار پست های فضایی دارین از من و این وبلاگ و میاین و میبینین یه چیز خیلی معمولی گفتم واقعن متاسفم! ببخشید که انقدر گرفتارم و دیر به دیر آپ میکنم و وقتی هم آپ میکنم انتظارتون رو براورده نمیکنم

موفق باشین

© TeneT, 2010. | لینک مطلب | 16 نظر | اضافه کردن به del.icio.us
تگ ها: اپرا, اینترنت اکسپلورر, ترفند, فایرفاکس, مرورگر وب, کوتاه کردن آدرس

یکی از اونها یک پک بسیار زیبا، ساده و کار آمد از دکمه(button)های معروف و مورد استفاده مخصوصن در وب بود که به نظرم خیلی مفید اومد و دوست دارم شما رو هم در جریانش قرار بدم، البته جریان خاصی هم نداره! یک نمونه رو در تصویر زیر میبینید:

فرمت فایلها psd هست که بهتر از این نمیشه! و شما به راحتی با photoshop جان میتونین هرقدر که میخواهین دستکاری کنین و چیزی که مورد نظرتون هست رو به دست بیارین.

در ضمن چون اینجا ایران است و سرعت این ترنت (internet) خیلی عالیه من فایل اصلی رو که حدود ۹ مگابایت بود رو تبدیل به دو فایل کوچکتر کردم که مشکلی نداشته باشین اگه خدا بخواد! *

*پک اصلی شامل سه فایل psd هست که هر سه در واقع یکی هستند و فقط رنگشون فرق داره، یکی کلید اصلیه و دومی وقتیه که روش کلیک میشه(شکل بالا)

پک اصلی: ۹ مگابایت

آیکون (کلید) های وب پک اصلی

سری اول: ۲٫۷۰ مگابایت

آیکون (کلید) های وب سری 1

سری دوم: ۲٫۷۰ مگابایت

آیکون (کلید) های وب سری 2

منبع: creativenerds

© TeneT, 2009. | لینک مطلب | 19 نظر | اضافه کردن به del.icio.us
تگ ها: psd, آیکون, ابزار طراحی, طراحی, فوتوشاپ, گرافیک

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

اول اینکه هرچی میخوام بنویسم یا ترجمه کنم یک نفر از دوستان وبلاگنویس بهتر و کاملتر از من به اون موضوع میپردازن و دوم اینکه بسیار کم وقت دارم برای نوشتن توی وبلاگ! به هر حال امروز یه مطلب آموزشی جی کوئری مینویسم که خیلی دوستش دارم و توی آخرین طرحی که برای یکی از دوستان انجام گرفت ازش استفاده کردم(تقریبن!) برای استفاده از جی کوئری لازم نیست که بگم باید از سایت jQuery.com آخرین ورژن این کتابخانه ی فوق العاده رو دانلود کنید و باز هم لازم نیست که بگم باید این فایل js رو در صفحه وبتون باید وارد کنید(که همه ی اینها در دموی انتهای مطلب انجام شده و به راحتی میتونید تقلب کنید!)

ما میخواهیم یک کار ساده اما زیبا کنیم و اون اینه که یک عکس رو تبدیل کنیم به یک عکس دیگه (با حرکت اشاره گر موس به روی تصویر) برای این کار میتونیم از css و خاصیت background و با استفاده از یک hover ساده انجام بدیم اما ما میخواهیم که این تبدیل به صورت آرام و به قول اجنبی ها fade و animated باشه! خوب همونطور که گفتم اول جی کوئری رو وارد میکنیم:

<script type='text/javascript' src='http://yoursite.com/jquery.js'></script>

توی این کد فرض شده که فایل جی کوئری در پوشه ی اصلی سایت آپلود شده مثل تمام زمان هایی که میخواهیم از جی کوئری استفاده کنیم باید یک یا چند تابع هم داشته باشیم:

<script> $(document).ready(function(){ $("img.a").hover( function() { $(this).stop().animate({"opacity": "0"}, "slow"); }, function() { $(this).stop().animate({"opacity": "1"}, "slow"); });

});

</script>

و استایل (سی اس اس) هم:

<style> div.fadehover { position: relative; }

img.a { position: absolute; left: 0; top: 0; z-index: 10; }

img.b { position: absolute; left: 0; top: 0; }

</style>

و این هم کد اصلی صفحه ( کد html )

<div class="fadehover">

<img src="cbavota-bw.jpg" alt="" class="a" />

<img src="cbavota.jpg" alt="" class="b" />

</div>

توضیحات واضحات!

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

در کد اول (تابع جی کوئری) به خط سوم دقت کنید:

$("img.a").hover(

ما اینجا تگ img رو که class اون a هست هدف قرار دادیم  و opacity هم شفافیت هست که عددی بین ۰ و ۱ میتونه باشه slow هم در زبان اجنبی به معنای آرام میباشد!!یعنی آروم fade میشه!

استایل هم نیاز به توضیح نداره(حتمن توی سری آموزش طراحی وردپرس یاد گرفتین یه چیزایی)

در کد آخر( html) هم ما دوتا عکس _که آدرسشون رو باید دقت کنین درست وارد کنید_ قرار دادیم که در صفحه اصلیمون قرار بگیرن

برای دریافت دمو روی لینک زیر کلیک کنید**نکته ی قابل توجه اینه که من جدیدن دچار خود شیفتگی شدید شدم و خیلی احساس خوشگلی بهم دست داده! دانلود کنید میفهمید!!**

jQuery fade effect demo

منبع،تقریبن!:bavotasan.com

© TeneT, 2009. | لینک مطلب | 21 نظر | اضافه کردن به del.icio.us
تگ ها: animate, animated, fade effect, hover, افکت, جی کوئری, محو شدن تصویر