Интрументы для разработчика,

[sc@r@bey]

Интрументы для разработчика, который как основной броузер использует Firefox, коих очень множество.

1. web-developer-в представлении не нуждается, поддерживает русский язык, последняя версия 1.1.4

домашняя страница http://www.chrispederick.com/work/web-developer/.

2. user-agent-switcher-позволяет в firefox-е эмулировать просмотр страницы в других броузерах, поддерживает русский языкпоследняя версия 0.6.10

домашняя страница http://www.chrispederick.com/work/user-agent-switcher/

3. operaview - добавляет в контекстное меню команду просмотреть в Oper-у, при нажатии которой текущая страница запускется в Oper-е, последняя версия 0.6, домашняя страница http://operaview.mozdev.org/

4. ieview.xpi - аналогичен предыдущему, только как вы догадались работает с Internet Explore, последняя версия 1.3.3,

домашняя страница http://ieview.mozdev.org/

5. HTML Validator-позволяет проверять запущенную страницу на валидность написания кода, и выдает рекомендации по исправленю, последняя версия 0.7.95 и 0.8.40, домашняя страница http://users.skynet.be/mgueury/mozilla/

Для начала достаточно

[tapoc]

Ну раз уж упомянули про WEB Developer Toolbar, то грех не вспомнить про Firebug

в последнее время сложно представить без него AJAX-программирование. Впрочем, это далеко не единственное его достоинство. Это ещ? и полноценный JavaScript-отладчик. В общем, смотрите сами

найти его можно без труда на сайте http://addons.mozilla.org

[yopopt]

Ну раз уж упомянули про WEB Developer Toolbar, то грех не вспомнить про Firebug

в последнее время сложно представить без него AJAX-программирование. Впрочем, это далеко не единственное его достоинство. Это ещ? и полноценный JavaScript-отладчик. В общем, смотрите сами

найти его можно без труда на сайте http://addons.mozilla.org

http://getfirebug.com

[tapoc]

они сейчас регулярно обновляют на addons.mozilla.org - так что не имеет значения откуда ставить

на момент написания этого поста и там и там были версии 1.0

хотя в первый раз я действительно ставил с http://getfirebug.com, тогда там версия была новее

[Dimitry Wolotko]

http://jennifermadden.com/

Рекомендую для любителей FF - очень занимательное расширение.

помогает увидеть структуру кода, даже если код прописан без пробелов и переносов строки.

[htmlnoob]

+1, firebug

Как разработчик, рекомендую присмотреться к FireShot, если требуется делать скриншоты, особенно если хочется добавить к ним аннотации.

http://screenshot-program.com/fireshot/

[Slyfox]

http://delphiworld.narod.ru/wds.html неплохой редактор. При этом он бесплатный и на русском языке.

[klierik]

а что есть под Linux собственно?

к примеру какие аналоги есть из этих:

- Photoshop

- Dreamweaver

- TopStyle

- Total Commander

- ACDSee

[Vlad]

Подбор гармоничных цветов онлайн.

http://genopal.com/online.php

Предлагается выбор палитры из типовых названий: красный, осень, пастель и т.д. Каждую палитру в небольших пределах можно подстраивать по своему вкусу.

http://wellstyled.com/tools/colorscheme2/index-en.html

Подбор цветов на основе цветового круга. Можно использовать нюансовые, контрастные, триадные сочетания.

Естественно, все инструменты предлагают шестнадцатеричное значение цветов для использования на своем сайте.

[klierik]

все знают что такое firebug вот только что нечто подобное нашел под ie. CSSVista v0.15

CSSVista is a free Windows application for web developers which lets you edit your CSS code live in both Internet Explorer and Firefox simultaneously.

зы: для ФФ она врятли пригодиться, а вот в ие вполне.

зыы: не понравилось что очень медленно работает

[htmlnoob]

все знают что такое firebug вот только что нечто подобное нашел под ie. CSSVista v0.15

Тот же firebug для IE ид?т на ура - заходим на официальный сайт, скачиваем скрипт и встраиваем в отлаживаемую страницу.

[NoBuenHombre]

GIMP - Photoshop

(я бы сказал весьма хорошая замена. первоначально очень непривычно но если повозится с настройками настроить клавиатуру и меню то очень даже ничего есть слои альфаканалы, всевозможные фильтры сначала путаешся а потом понятно что таже самая функциональность как и фотошопе только в меню немного подругому распологаются)

OpenOffice BlueFish, Quanta +, - мощные программы сам работаю с BlueFish доволен.

есть еще Eclipse 3.3 но это не совсем то это гораздо более мощная вещь и чтобы ее узконаправить на html, xml, css надо подключать и настраивать плюгины. сам не пробовал токо читал.

Gedit(просто продвинутый) - Dreamweaver

CSSed - TopStyle

cssed пожалуй лучшее что есть из этой области он бесплатный

но увы на мой взгляд не дотягивает до TopStyle.

Midnight Commander- Total Commander

Gnome Image Viewer - ACDSee

Gnome Image Viewer даже более продвинут чем ACD.

Кстати есть Wine - пакет позволяет загружать виндовые exe модули как родные для Linux

все выше упомянутые программы под последним Wine в Linux работают нормально.

использую Fedora 7. Скоро обновлюсь до 8 ))

И немного оффтопика

Лично мне некоторое время нехватало еще и хороших англорусских и обратно словарей.

лингва стоит денег но недавно нашел StarDict бесплатный. мне оч понравился.

а что есть под Linux собственно?

к примеру какие аналоги есть из этих:

- Photoshop

- Dreamweaver

- TopStyle

- Total Commander

- ACDSee

[mOnYa]

web-developer

куда поместить файл который скачиваеш в опере ?

[maddogrts]

mOnYa

opera вам не поможет я тоже люблю оперу, только мой вам совет поставьте FF

[Иван Шумов]

FF рулит миром, вроде как он оперу по статистике в раза 2-3 обгоняет

[Dimitry Wolotko]

http://tredosoft.com/Multiple_IE

[klierik]

Web Development Helper

Web Development Helper plugs into Internet Explorer and provides tools for Ajax and Web development.

Web Development Helper is a free browser extension for Internet Explorer that provides a set of tools and utilities for the Web developer, esp. Ajax and ASP.NET developers. The tool provides features such as a DOM inspector, an HTTP tracing tool, and script diagnostics and immediate window.

Web Development Helper works against IE6+, and requires the .NET Framework 2.0 or greater to be installed on the machine.

Once installed, the tool can be activated using the Tools | Web Development Helper command. You can also customize your browser's toolbar to add a button for this command to facilitate frequest use. Clicking on the menu command or browser button brings up the tool's console window and set of commands.

Web Inspector for Safari on Windows

У Сафари есть свой аналог Firebug.

Процес установки немного со своим бубном:

1) Качаем Сафари - http://www.apple.com/safari/download/

2) Качаем последнюю сборку WebKit Nightly Builds - http://nightly.webkit.org/

3) Разархивировать архив

4) Заходим в разархивированную папку и запускаем run-nightly-webkit.cmd

5) пробегает консоль. запускается сафари. закрываем и запускаем его по новому. заходим в настройки. лазим там, настраиваем. закрываем сафари.

6) WinXP:

идем - C:Documents and Settings[имя_вашей_учетной_записи]Application DataAppleComputerSafari

Там ищем файл - Preferences.plist (возможно он будет называтся - WebKitPreferences.plist)

открываем любым нормальным редактором (не блокнотом)

в самый конец ПЕРЕД тегами:

</dict>
</plist>

вставляем:

<key>IncludeDebugMenu</key>
<true/>
<key>WebKitDeveloperExtras</key>
<true/>

Win Vista:

Идем - C:UsersAppDataRoamingApple ComputerSafari

Там ищем файл - Preferences.plist (возможно он будет называтся - WebKitPreferences.plist)

открываем любым нормальным редактором (не блокнотом)

в самый конец ПЕРЕД тегами:

</dict>
</plist>

вставляем:

<key>WebKitUserStyleSheetLocationPreferenceKey</key> 
<true/>

7) сохраняем файл

8) запускаем Сафари

В случае если файл не будет размещаться по адресу, следует просто некоторое время "поюзать" Сафари.

Хух... вроде все )))

Удачки, разработчики

[Tokolist]

Делаем Opera Dragonfly оффлайновой

1. Качаем архив

http://dragonfly.opera.com/app/zips/protocol-3/

2. Распаковываем, например, в

c:Program FilesOperadragonfly

3. Переходим по ссылке

opera:config#DeveloperTools|DeveloperToolsURL

4. Пишем в поле "Developer Tools URL" урл на client.xml. например так

file://localhost/C:/Program%20Files/Opera/dragonfly/client.xml

5. Далее Инструменты - Дополнительно - Средства для разработчиков

[sc@r@bey]

IETester просмотр в IE8, IE7 IE 6 и IE5.5 поддержикает Vista и XP

http://www.my-debugbar.com/wiki/IETester/HomePage

http://www.paciellogroup.com/resources/wat-ie-about.html Web Accessibility Toolbar

Edited April 6, 2009 by sc@r@bey

[Justnewone]

http://www.paciellogroup.com/resources/wat-ie-about.html Web Accessibility Toolbar

Какой-то недружелюбный. Кому в голову пришло попапы локального JS делать для IE???

К тому же повесил мне Ослину

[sc@r@bey]

обзор инструментов и мануалов по работе с регулярными выражениями http://www.smashingmagazine.com/2009/06/01...-and-resources/

[klierik]

Pixel Perfect :: Дополнения Firefox

https://addons.mozilla.org/ru/firefox/addon/7943

Плагин под FireFox который позволяет создавать зеркальную вертку

А так же: кроссбраузерный аналог PixelPerfect

http://habrahabr.ru/blogs/webdev/30191/

и так же на заметку:

Internet Explorer Collection — автономные версии Internet Explorer от 1.0 до 8.0

http://finalbuilds.edskes.net/iecollection.htm

[Ялекс]

Internet Explorer Collection

6-я версия IE под 7-кой работает?

Да, увидел, должна работать.

Edited March 15, 2010 by Ялекс

[aTei]

Столько всякого насоветовали. Давайте и я пару ссылок дам

Десятка незаменимых Firefox-надстроек веб-разработчика

http://habrahabr.ru/blogs/webdev/30989/

35 дополнений для Firefox, которые я использую

http://habrahabr.ru/blogs/firefox/46701/

[AMD]

Лучшие 10 расширений разработчика для google chrome.