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

[Awilum]

что то я отвык от огнелиса и уже давно перешел на хром. На нем в основном и тестю свои проектики.

Хром нравится своим минимализмом

[Arigato]

Экранная линейка Arigato Ruler (v1.2)

Разработчик: Arigato Software

Экранная линейка Arigato Ruler позволяет измерить размеры любого объекта на экране монитора в пикселях, определить координаты курсора мыши, получить цвет элемента в шестнадцатеричном виде (полный - 6 шестнадцатеричных цифр и краткий - 3 цифры), использовать для более точной навигации встроенную экранную лупу.

Управление:

1. Вызов меню - правая кнопка мыши по линейки.

2. Вызов справки - F1.

3. Грубое изменение размеров линейки - колесико мыши.

4. Точное изменение размеров линейки - Shift + стрелки.

5. Точное перемещение линейки - стрелки.

6. Точное перемещение курсора мыши - Ctrl + стрелки.

7. Изменение масштаба лупы - цифровые клавиши.

Ссылка: http://narod.ru/disk/5606109001/Ruler.7z.html

Edited February 14, 2011 by Arigato

[zSpx]

Маленькая утилитка для оптимизации графики. RIOT Просто закинули изображения, выставили параметры и на выходе jpg, gif или png с минимальным весом. Очень удобная.

Edited March 24, 2011 by zSpx

[pismenny]

А какая есть альтернатива IETester? У меня он что-то на W7 как-то глючит.

[hypnocolor]

Можете попробовать http://utilu.com/IECollection/

[botyaslonim]

Пользуюсь только FireBug и NotePad++

Хватает, однако

[klierik]

Подниму ка я старую темку и, возможно, что-то освежу

Я работаю Front-end разработчиком под Mac OS X. Поделюсь своей средой для разработки

• Эталонный браузер Chrome
  
  • Основной и самый полезный аддон PerfectPixel by WellDoneCode
    

  [*]IDE для написания HTML кода JetBrains PhpStorm

  • Тем кто работает тесно с Magento CMS прийдется по вкусу плагин Magicento
    

  [*]IDE для написания CSS Sublime Text 2

  • Рекомендую к прочтению шикарную статью Готовим Sublime Text 2 для front-end
    

  [*]Исходники макетов могут быть в чём угодно

  • Adobe Photoshop
    
  • Adobe Illustrator
    
  • Adobe Fireworks
    

  [*]Оптимизация изображений будет более эфективна при помощи ImageOptim

  [*]Для конвертации кастомных шрифтов подойдет FontXChange

  [*]Создание шрифта с иконками станет возможно с помощью IcoMoon

  [*]Контроль версий при помощи Git

  • Хранение репозитариев на GitHub или Bitbucket
    
  • Кому интересно узнать побольше о Git погут прочесть статьи на хабре
    

  [*]Скрин-граббер Jing

  [*]Кроссбраузерный/Кроссплатформенный тестинг при помощи BrowserStack или Sauce Labs

В общем как для основы этого должно хватить.

У меня так же стоят все браузеры но ими пользуюсь редко.

Новичкам хочу сказать, что вместо сервисов, которые указаны в последнем пункте списка, лучше использовать Виртуальную машину (VMware Fusion, VM VirtualBox).

У меня такие машины, естественно, стоят но тестирую код в IE я крайне редко, ибо с вероятностью в 95%+ что код будет работать. Я себе позволяю проверять, в случаях надобности, в вышеуказанных сервисах, но новичкам настоятельно рекомендую проверять каждую страницу в реальных условиях (в виртуальной машине).

Еще я каждый день пользуюсь Терминалом для выполнения множества задачь в разработке, например:

• Авто сборка Less файлов проекта
  
• Создание Sass спрайтов
  
• Получить Base64 картинки
  
• Управление Git репозитариями
  

Главный подход для меня - мне должно быть комфортно разрабатывать. Должно быть удобное рабочее место.

Под рукой всегда должно присутсвовать ПО, даже если оно требуется раз в месяц. У меня 2 монитора, но уже маловато -- хочу 3й

Ах да, самое важное -- работа должна быть хобби а хобби работой, тогда у тебя всё получится

Дерзай.

[Catherine]

Под FireFox аналог -- PixelPerfect

Под Win7 использую утилиту Glass2k, так как все еще не достигла уровня мастера, пишущего вслепую, и иногда проверяю внешний вид сверстанного в нескольких браузерах одновременно.

[Frey]

pkColorPicker(http://www.color-picker.de/) - утилитка для захвата цвета с любого участка экрана и получения его hex-кода.

[BECEJLbE]

Я новичок в вёрстке,и поэтому использую DreamWeaver.Очень лёгкая программа,пол работы сама делает

Вот подучусь,и в простом блокноте шпарить буду.

А начинал я во FlashDevelop (бесплатная программа)

Так-же качал OpenServer(без набора программ),FileZilla

[klierik]

Вот подучусь,и в простом блокноте шпарить буду.

не будешь.

[Vin]

не будешь.

Останется на дримвивре/перейдёт на эклипс (или IDE от JetBrains)?

[klierik]

Останется на дримвивре/перейдёт на эклипс (или IDE от JetBrains)?

после любого даже малофункционального редакторе переходить на чистый блокнот, имхо:

1. нереально

2. глупо

[Vin]

Просто под "блокнотом" часто имеют в виду простой текстовый редактор, такой как NP++ или Sublime. А в обычном блокноте и с самого начала кодить — глупость и мазохизм.

[rash]

А кто-нибудь активно Sublime 3 использует? Нужен совет. Начал недавно, столкнулся с проблемой — как удалить снипет, который поставляется из коробки, если он мешает?

[papay]

Раньше использовал notepad++, но перешёл на WeBuilder, много чего поддерживает, пока удобней ничего не нашёл для себя.

[CroaToa]

я пользуюсь phpDesigner 8, доволен как слон

[M.Azazaza]

php lobster - годная программа

[ryter]

http://www.jetbrains.com/idea/

[CroaToa]

php lobster - годная программа

возможно имели ввиду Code lobster php ?

[Bassline]

Jade - препроцессор HTML

 

Видео с инструкциями (лучше один раз увидеть), смотреть по порядку:

http://www.youtube.com/watch?v=dnL5EpZWdgw

http://www.youtube.com/watch?v=BODV65nTfj8

 

Приложение, которое отслеживает изменения в файлах jade, less, sass и т.д., и автоматически их компилирует (для тех, кто не дружит с консолью):

http://habrahabr.ru/post/188942/

[Get to heaven]

phpDesigner 8

[swandev]

mac os

chrome

photoshop cc

sublime text 3

prepros

Edited March 27, 2015 by swandev