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

Инструменты и сервисы для верстальщика

Тема в разделе "Вёрстка (HTML, CSS)", создана пользователем vasiliy_alibabaevich, 23 янв 2014.

  1. Zulus

    Zulus Команда форума

    Регистрация:
    20 дек 2012
    Сообщения:
    746
    Симпатии:
    722
    Есть еще вот такая штука, здесь о ней не упомянули PicPick

    В наборе:
    Цвет под курсором, цветовая палитра, окно увеличения, линейка, угломер
    Часто пользуюсь определения цвета под курсором и линейкой, очень удобно когда настроишь горячие клавиши.
     
  2. weghjn

    weghjn

    Регистрация:
    27 июн 2013
    Сообщения:
    215
    Симпатии:
    145
    1) Редактор иконок - IcoFX
    2) Оптимизатор изображений в формате PNG - PNG optimizer
     
  3. kaktus12

    kaktus12

    Регистрация:
    11 ноя 2014
    Сообщения:
    5
    Симпатии:
    0
    пользуюсь brackets + emmet очень нравится! И еще бутсрап, конечно!
     
  4. Artmaker

    Artmaker

    Регистрация:
    30 янв 2015
    Сообщения:
    28
    Симпатии:
    5
    Использую notepad ++, winscp и firebug как правило этого достаточно ну еще сервисы для генерации например скругленых углов или градиентов
     
  5. Gevano

    Gevano

    Регистрация:
    11 янв 2015
    Сообщения:
    34
    Симпатии:
    5
    Плагин cssUpdater для Firebug очень удобная штука, позволяет внесенные в файрбаге изменения в CSS сразу же подгружать в сам файл стилей. Можно работать как на локальном сервере так и на удаленном.
     
  6. Massonian

    Massonian

    Регистрация:
    29 апр 2013
    Сообщения:
    5
    Симпатии:
    0
    а для swf что есть?
     
  7. Gevano

    Gevano

    Регистрация:
    11 янв 2015
    Сообщения:
    34
    Симпатии:
    5
    Massonian, Для разработчика swf есть редакторы например у Adobe очень хороший. Но этот формат уже уходит как сложный и громоздкий
     
  8. rserega

    rserega

    Регистрация:
    12 апр 2015
    Сообщения:
    9
    Симпатии:
    1
    Google Chrome + PerfectPixel для точечной проверки соответствия макета и верстки
     
  9. Laimis

    Laimis

    Регистрация:
    22 апр 2015
    Сообщения:
    6
    Симпатии:
    1
    есть такой язык sass, с ним удобнее писать темы,делать изменеия что связанно с css( переменные и так далее) с помошю его пишеш а, потом написанное конвертируется компилятором (пример sgout) в css. почитайте удобная вешь !
     
  10. snnrman

    snnrman

    Регистрация:
    15 май 2015
    Сообщения:
    1
    Симпатии:
    0
    SublimeText + Dev Chrome + Colormeter.
     
  11. MyWeb

    MyWeb

    Регистрация:
    27 май 2015
    Сообщения:
    13
    Симпатии:
    1
    Нотпад это конечно хорошо, не грузит систему и все такое, но редактор Брекетс круче :wink:
     
  12. revival

    revival

    Регистрация:
    26 окт 2015
    Сообщения:
    3
    Симпатии:
    0
    phpDesigner 8 пользуюсь, хорошая программка.
     
  13. lperke

    lperke

    Регистрация:
    30 окт 2015
    Сообщения:
    1
    Симпатии:
    0
    http://ami.responsivedesign.is/# быстренько глянуть как смотрится верстка на разных экранах
    http://www.viewlike.us/ не быстренько глянуть как смотрится верстка на разных устройствах
    http://csssprites.com/ спрайты
    http://www.colorzilla.com/gradient-editor/ градиенты
    http://habrahabr.ru/post/149863/ тут много генераторов
    http://zashel.kz/description.php?iin=mySize линеечка, иногда очень кстати)
    http://operafan.net/content/view/309/2/ эмулятор на самый привередливый браузер, есть и на другие, но например андроид - такая головная боль
    http://htmlbook.ru/html/valid настольный сайт каждого верстальщика
    https://validator.w3.org/nu/
    http://jigsaw.w3.org/css-validator/ валидаторы
    мне нравится юзать брекетс с эмметом, конечно. Но говорят, еще саблайм крут и чаще всего используется в компаниях, даже чаще шторма
     
  14. erkinaltai

    erkinaltai

    Регистрация:
    6 дек 2015
    Сообщения:
    5
    Симпатии:
    0
    adobe brackets
    Ставьте плагины.
    В первую очередь установите вот этот плагин.

    extensions rating - рейтинг приложений
    Позволяет видеть рейтинги приложений, тем самым вы увидите какие приложения в тренде.

    Ну и моя подборка плагинов.
    Tabs - Custom Working - добавляет вкладки файлов как у браузеров вкладки страниц в верхней части.


    brackets icons - иконки к файлам
    ColorHints - при выборе цвета выпадает меню, в котором предлагается используемые в css файле цвета.
    Indent Guides - делает направляющие по отступам.
    CodeFolding - сворачивание блоков кода
    Minifier - сжатие css и js кода
    JSBeautifier - наоборот, "распаковывает" код, делая его удобочитаемым.
    Brackets Snippets - снипеты

    Response for Brackets - адаптивный дизайн сайта.
    Это особый плагин. Очень удобный для тех кто делает адаптивный дизайн собственными руками.
     
  15. Иван Полдрак

    Иван Полдрак

    Регистрация:
    10 дек 2015
    Сообщения:
    1
    Симпатии:
    0
    Юзаю Chrome, PHPStorm, Notepad.
     
  16. Artyomka

    Artyomka

    Регистрация:
    13 дек 2015
    Сообщения:
    5
    Симпатии:
    0
    Notepad наше всё!)
     
  17. Boril Nikovski

    Boril Nikovski

    Регистрация:
    16 дек 2015
    Сообщения:
    1
    Симпатии:
    0
    Notepad++
    ColorZilla
    PhpStorm
     
  18. artfulknave

    artfulknave

    Регистрация:
    21 мар 2014
    Сообщения:
    16
    Симпатии:
    3
    Notepad++
    http://htmlbook.ru/ все в голове не удержишь, а справочник хорошо помогает
    https://www.google.com/fonts шрифты
    http://colorscheme.ru/ но это больше, чтоб убедиться, что время потрачено зря и ничего не подходит )
    Chrome и его "просмотр кода" - как раз помогает лучше и цвет подобрать, и компоновку с прочим потестить, если что-то не нравится
     
  19. mags

    mags

    Регистрация:
    9 мар 2016
    Сообщения:
    3
    Симпатии:
    0
    Добавлю, что в Brackets есть плагин Extract - сильно упрощает верстку по готовому PSD. Автоматом подтягивает размеры, цвета, шрифты, тени, градиенты. Вытаскивает картинки из слоев.
    Очень удобно, плюс есть Live view.
     
  20. terer

    terer

    Регистрация:
    1 апр 2016
    Сообщения:
    5
    Симпатии:
    0