webiran.co
سه شنبه 16 خرداد 1391, 13:36 عصر
سرویس‌های تحت وب، هر روز بیشتر و بیشتر به طور مجانی در اختیار کاربران قرار می‌گیرد. در این مقاله به چندین ابزار و لینک مفید که بیشتر مورد استفاده برنامه نویسان وب قرار دارد، می‌پردازیم.
ابزار
Web Developer
http://chrispederick.com/work/web-developer/
این ابزار که یکی از ضروری‌ترین ابزارها برای برنامه نویسان وب است. قابلیت اضافه شدن به Firefox و Chrome را داراست و قابلیت‌های بی شماری منجمله نشان دادن CSS های مربوطه به هر جزء صفحه وب، غیر فعال کردن جاوا اسکریپت، CSS و تصاویر، نمایش دادن لیست فایل‌های CSS لینک شده، نمایش دادن تمام تصاویر با مشخصات کامل و بسیاری امکانات دیگر، که استفاده از آن را برای برنامه نویسان امری ضروری کرده است.
Firebug
http://getfirebug.com/
با این نرم افزار جانبی که به Firefox شما اضافه می‌شود، می‌توانید اطلاعات کاملی از خروجی کدتان در اختیار داشته باشید، درخت DOM را جزء به جزء مشاهده کنید، سرعت لوود هر قسمت از صفحه‌تان را مشاهده کنید، و کدهای جاوا اسکریپت را دیباگ کنید و بسیاری امکانات دیگر، که این نرم افزار را در میان برنامه نویسان محبوب کرده است.
Color Picker
http://www.colorzilla.com/
این ابزار قابلیت نسب در مرورگرهای Firefox و Chrome را داراست، و برای انتخاب رنگ قسمتی از صفحه وب مورد استفاده قرار می‌گیرد. با این ابزار به راحتی می‌توانید کدهای Hex رنگ و یا RGB آن را بدست آورید. امکان دیگر این ابزار تحلیل تمام رنگ‌های صفحه وب است، که به صورت لیستی رنگی با شماره Hex هر کدام در اختیارتان قرار می‌دهد.
آیکون
آیکونهای زیادی در سایت‌ها مشاهده می‌کنید که ساختن تک تک آنها کاری بسیار دشوار است. بیشتر طراحان وب، از مجموعه آیکونهای مجانی در سایت خود استفاده می‌کنند که تعداد محدودی را شامل می‌شود. برنامه نویس‌های اندکی وجود دارند که طراحان وبی داشته باشند که قابلیت طراحی آیکون نیز داشته باشد.
http://www.iconfinder.com
برای جستجویی زیبا در میان آیکونهای مجانی و پولی (به قسمت لایسنس هر آیکون دقت کنید، در کارهایی که برای کشورهای دیگر انجام می‌دهید یک آیکون می‌تواند مشکلات قانونی بسیاری را ایجاد کند) می‌توانید از سایت زیر استفاده کنید.
http://preloaders.net/
امکان خروجی گرفتن در دو فرمت APNG و GIF، امکان تبدیل نوشته دلخواه کاربر به یک لوودر، این سایت را به یکی از محبوب‌ترین سایت‌ها در این زمینه تبدیل کرده است.
http://www.favicon.cc/
FAVICON به آیکونهای کوچکی می‌گویند که در کنار زبانه‌های مرورگرتان نمایش داده می‌شوند. این سایت امکان ساخت این آیکون را به طور مستقیم و یا از طریق تبدیل اتوماتیک تصویر مورد نظر کاربر در اختیار کاربر قرار می‌دهد.
CSS 3
بسیار از سایت‌ها، کدهای آماده CSS3 را برای شما تولید می‌کنند. یکی از عمده‌ترین استفاده‌ها از CSS3 در گرد کردن گوشه‌های اشکال است، که کسانیکه با CSS1 کار کرده‌اند آن عکس‌های گوشه گرد با آن همه کد نویسی عجیب را خوب به خاطر دارند.
http://border-radius.com/
برای ساختن کد‌هایی که در بیشتر مرورگر‌ها (IE استثناء همیشگی) کار کنند، و دیدن یک طراحی زیبا، می‌توانید به این مراجعه کنید، سایتی تک کاربرده که مراجعه کنندگان بسیاری را به خود جلب کرده است.
http://css3generator.com/
این سایت بیشتر کدهای جذاب CSS3 را در کنار یکدیگر داراست، و کافی است تا مقادیرتان را وارد کنید تا نمونه‌ای از کدی را که می‌سازید را مشاهده کنید و کد CSS3 را در اختیار داشته باشید.
http://css-tricks.com/examples/ButtonMaker/
برای ساختن کلید‌های زیبا که تنها با CSS3 ساخته شده باشند، می توانید از ابزاری که در این سایت قرار دارد استفاده کنید. سایت css-tricks.com سایتی است که مطالب مربوط به CSS را منتشر می‌کند و می‌توانید ابزار و مقالات بسیاری را در مورد CSS در این سایت بیابید.
ابزار
Web Developer
http://chrispederick.com/work/web-developer/
این ابزار که یکی از ضروری‌ترین ابزارها برای برنامه نویسان وب است. قابلیت اضافه شدن به Firefox و Chrome را داراست و قابلیت‌های بی شماری منجمله نشان دادن CSS های مربوطه به هر جزء صفحه وب، غیر فعال کردن جاوا اسکریپت، CSS و تصاویر، نمایش دادن لیست فایل‌های CSS لینک شده، نمایش دادن تمام تصاویر با مشخصات کامل و بسیاری امکانات دیگر، که استفاده از آن را برای برنامه نویسان امری ضروری کرده است.
Firebug
http://getfirebug.com/
با این نرم افزار جانبی که به Firefox شما اضافه می‌شود، می‌توانید اطلاعات کاملی از خروجی کدتان در اختیار داشته باشید، درخت DOM را جزء به جزء مشاهده کنید، سرعت لوود هر قسمت از صفحه‌تان را مشاهده کنید، و کدهای جاوا اسکریپت را دیباگ کنید و بسیاری امکانات دیگر، که این نرم افزار را در میان برنامه نویسان محبوب کرده است.
Color Picker
http://www.colorzilla.com/
این ابزار قابلیت نسب در مرورگرهای Firefox و Chrome را داراست، و برای انتخاب رنگ قسمتی از صفحه وب مورد استفاده قرار می‌گیرد. با این ابزار به راحتی می‌توانید کدهای Hex رنگ و یا RGB آن را بدست آورید. امکان دیگر این ابزار تحلیل تمام رنگ‌های صفحه وب است، که به صورت لیستی رنگی با شماره Hex هر کدام در اختیارتان قرار می‌دهد.
آیکون
آیکونهای زیادی در سایت‌ها مشاهده می‌کنید که ساختن تک تک آنها کاری بسیار دشوار است. بیشتر طراحان وب، از مجموعه آیکونهای مجانی در سایت خود استفاده می‌کنند که تعداد محدودی را شامل می‌شود. برنامه نویس‌های اندکی وجود دارند که طراحان وبی داشته باشند که قابلیت طراحی آیکون نیز داشته باشد.
http://www.iconfinder.com
برای جستجویی زیبا در میان آیکونهای مجانی و پولی (به قسمت لایسنس هر آیکون دقت کنید، در کارهایی که برای کشورهای دیگر انجام می‌دهید یک آیکون می‌تواند مشکلات قانونی بسیاری را ایجاد کند) می‌توانید از سایت زیر استفاده کنید.
http://preloaders.net/
امکان خروجی گرفتن در دو فرمت APNG و GIF، امکان تبدیل نوشته دلخواه کاربر به یک لوودر، این سایت را به یکی از محبوب‌ترین سایت‌ها در این زمینه تبدیل کرده است.
http://www.favicon.cc/
FAVICON به آیکونهای کوچکی می‌گویند که در کنار زبانه‌های مرورگرتان نمایش داده می‌شوند. این سایت امکان ساخت این آیکون را به طور مستقیم و یا از طریق تبدیل اتوماتیک تصویر مورد نظر کاربر در اختیار کاربر قرار می‌دهد.
CSS 3
بسیار از سایت‌ها، کدهای آماده CSS3 را برای شما تولید می‌کنند. یکی از عمده‌ترین استفاده‌ها از CSS3 در گرد کردن گوشه‌های اشکال است، که کسانیکه با CSS1 کار کرده‌اند آن عکس‌های گوشه گرد با آن همه کد نویسی عجیب را خوب به خاطر دارند.
http://border-radius.com/
برای ساختن کد‌هایی که در بیشتر مرورگر‌ها (IE استثناء همیشگی) کار کنند، و دیدن یک طراحی زیبا، می‌توانید به این مراجعه کنید، سایتی تک کاربرده که مراجعه کنندگان بسیاری را به خود جلب کرده است.
http://css3generator.com/
این سایت بیشتر کدهای جذاب CSS3 را در کنار یکدیگر داراست، و کافی است تا مقادیرتان را وارد کنید تا نمونه‌ای از کدی را که می‌سازید را مشاهده کنید و کد CSS3 را در اختیار داشته باشید.
http://css-tricks.com/examples/ButtonMaker/
برای ساختن کلید‌های زیبا که تنها با CSS3 ساخته شده باشند، می توانید از ابزاری که در این سایت قرار دارد استفاده کنید. سایت css-tricks.com سایتی است که مطالب مربوط به CSS را منتشر می‌کند و می‌توانید ابزار و مقالات بسیاری را در مورد CSS در این سایت بیابید.