Web Developer Tools (WDT)

Web Developer Tools (WDT) - это набор полезных инструментов для начинающего веб-разработчика, написана с использованием Python / GTK+. Очень полезна для тех, кто только начинает изучать HTML+CSS и как систематизированная шпаргалка WDT.

В комплекс начинающего веб-разработчика, кроме всего прочего, относящегося непосредственно к верстке, входит своя реализация ToDo-листа, благодаря которому можно планировать своё время, ставить задачи, оставлять заметки и т.п. Менеджер задач хоть и простой, но, в рамках данной программы, вполне достаточный.

На скриншоте выше представлена вкладка для создания кнопки с помощью CSS. Указываете нужные параметры, сразу видите результаты изменений и получаете готовый код.

Думаю, предыдущие вкладки в описании не нуждаются :) Создаём нужные блоки при помощи стилей, наглядно видим вносимые изменения, получаем готовый код CSS.

Подбор нужных цветов для оформления - задача довольно-таки востребованная. Удобно, что перед глазами сразу несколько цветов. Кроме палитры цветов есть кнопки Lighten и Darken Scheme, при нажатии на которые все цвета становятся светлее/темнее соответственно.

Чтобы было меньше проблем с отображением в разных браузерах, есть вкладка, где приведена таблица совместимости стандартов CSS с различными версиями интернет-обозревателей. Удобно, когда всё под рукой.

Хотите сделать свои файлы стилей более компактными, пожалуйста! Поэкспериментируйте со всеми тремя вкладками и выберите наиболее приемлемый для вас вариант.

Забавный инструмент! Из картинки делаем нужной формы кнопку. Быстро и удобно.

Так же, имеется WYSIWYG-редактор, встроенный браузер на Webkit, анализатор и валидатор HTML и CSS.

Можно легко определить "узкое место" в скорости отображения вашей веб-страницы.

На домашней странице Web Developer Tools можно найти PPA для Ubuntu и AUR для арча.

Для ленивых PPA:

ppa:petrakis/wdt-main