Софт для веб-разработчиков

[endenwer]

Решил написать тему со списком софта, который по моему личному мнению очень помогает веб-разработчикам. Если кому-то эта информация будет полезная и нужная прошу повысить карму. Очень хочется в закрытый раздел попасть. Также можете написать свой список полезного софта. Будет интересно почитать и найти чего-нибудь нового.

Начну пожалуй с самого популярно редактора кода. Это конечно Adobe Dreamweawer. У этого редактора множество функций. Очень помогает когда пишешь сайт с нуля, т.к. очень удобно писать стили CSS. Но если нужно просто подправить код сайта я этот редактор не использую. В этом случае множество функций только помеха для работы. В таких случаях я использую я использую менее навороченый софт. Например для редактирования кода php я использую phpDesigner 7. Хорошо высвечивает ошибки и написаный скрип для проверки можно запустить прямо в программе. Ну а для редактирования CSS подойдет TopStyle. Нет наворотов. Ничего лишнего.

Еще одна полезная вещь это плагин для Firefox. Называется он Firebug. Этот плагин показывает html и css код элемента сайта если на него навести курсором. Некоторые параметры можно изменят и на сайте они тоже будут меняться. Очень помогает подобрать отступы и шрифт и многое другое, т.к. тут же смотришь что получается.

Мне также очень помогает программа HTMLColors2000. С помощью этой программы можно узнать цвет любого пикселя на экране. Нужно лишь навести на него курсор.

Ну и конечно не обойтись без всеми известного Фотошопа. Думаю это программой пользуются все веб-разработчики и нетолько.

Ну и наконец представлю ссылки на описанный выше софт. Я не буду выкладывать кряки на платный софт и по мере возможно выложу ссылки только на официальные сайты.

1)Adobe Dreamweawer

2)phpDesigner 7

3)TopStyle и HTMLColors2000(не нашел официальных сайтов. Залил на depositfiles)

4)Firebug

5) Фотошоп я думаю у вех есть, но если нет зайдите на Adobe.com.

Надеюсь эта статья будет полезной. Всем удачи и хороших сайтов!

[yakimot]

Взял  на вооружение "HTMLColors2000" - Спасибо!

[endenwer]

Рад что моя тема кому-то полезна

[Lena-Miha]

Добавлю немного:
1. Панель Web Developer (я использую для Firefox, но имеется подобное также для IE и Opera) - очень полезная штука. Можно посмотреть информацию о ссылках, изображениях, заголовках, таблицах... Можно посмотреть, как будет выглядеть страница при отключении картинок, стилей, и.т.п. ...  Проверить ошибки css, html
2. ColorZilla - плагин для Firefox, примерно так же, как и HTMLColors2000, позволяет определить цвет на экране (точнее, в окне браузера). Кроме цвета, показывает еще координаты пикселя, есть лупа - можно увеличить масштаб страницы, чтобы точнее выбрать цвет.

[endenwer]

Web Developer думаю будет полезная для меня. Спасибо.

[Enlat]

 Существует множество инструментов, подходящих для этой цели, например, текстовые редакторы, такие как Sublime Text или Visual Studio Code, интегрированные среды разработки (IDE) типа WebStorm или PhpStorm, а также графические редакторы для работы с изображениями, например, Adobe Photoshop или Sketch.

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

Дополнительно, веб-разработчики могут использовать инструменты для анализа производительности веб-сайтов, такие как Lighthouse или PageSpeed Insights, чтобы оптимизировать загрузку страниц. Также популярными являются инструменты для препроцессоров CSS, например, Sass или Less, которые облегчают написание и управление стилями. Наконец, автоматизация с помощью сборщиков проектов, таких как Gulp или Webpack, может значительно упрoстить рутинные задачи разработки.


AkelPad + Zen-coding (опупенная штука, как без нее раньше жили, Чикуенку спс)
Для верстки большего не нужно, ну еще DragonFly в Опере косяки отлавливать.

[endenwer]

К этому сложно привыкнуть. Но зато когда привыкнешь код быстрей писать.

[Enlat]

Но зато когда привыкнешь код быстрей писать.

100%

А для захвата цвета использую утилитку APE Цветик (64Кб).

[endenwer]

Забыл сказать про Denwer. Без него никак сайт не обойтись веб-мастеру.

[pomosh]

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