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

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

  1. vasiliy_alibabaevich

    vasiliy_alibabaevich

    Регистрация:
    20 янв 2014
    Сообщения:
    19
    Симпатии:
    12
    Пиксельная линейка MeasureIt идет как плагин для FireFox а так же Chrome

    Для Chrome тык
    Для FireFox тык
     
    Lasted edited by : 27 янв 2014
    five555 нравится это.
  2. engineer_pro

    engineer_pro

    Регистрация:
    2 апр 2013
    Сообщения:
    91
    Симпатии:
    12
    верстальщику в первую очередь нужны
    - Firebug
    - Notepad++
    - FileZilla

    без этих интструментов, даже не представляю себе верстальщика
     
  3. goblin59rus

    goblin59rus

    Регистрация:
    11 мар 2014
    Сообщения:
    1
    Симпатии:
    0
  4. mytraz

    mytraz

    Регистрация:
    12 фев 2013
    Сообщения:
    102
    Симпатии:
    6
    Coda+
    FireBug - один из самых универсальных
    + пользую встроенный в Safari отладчик чем то похож на Firebug
     
  5. Neith

    Neith

    Регистрация:
    13 мар 2013
    Сообщения:
    29
    Симпатии:
    4
    в Firefox:
    Firebug
    -Code Coverage
    -CodeBurner
    -CSS Usage
    -CSSUpdater
    -Firebug AutoCompleter
    -FireFile
    -FireFinder
    -FireFontFamily
    -FireFrame
    -FireHiddenView
    -FirePath
    -Firepicker
    -FireRainbow
    -Inline Code Finder

    -YSlow

    Firesizer
    Font Finder
    MeasureIt
    OpenWith
    PixelPerfect

    Не Firefox:
    Notepad++
    Filezilla
    Adobe Fireworks
    Adobe Photoshop
    PNG Optimizer

    Ну и сервисы разные, по ситуации. Например, fontsquirrel.com или gradient-editor
     
  6. CTPAHnick

    CTPAHnick

    Регистрация:
    3 апр 2014
    Сообщения:
    4
    Симпатии:
    7
    Песочница для HTML/CSS/JS:
    1. cssdesk.com (HTML+CSS)
    2. jsfiddle.net (HTML+CSS+JS+фреймворки)
    Генераторы кросс-браузерных правил/стилей CSS 3:
    1. westciv.com
    2. css3please.com
    3. css3generator.com
    Градиенты:
    1. colorzilla.com - Ultimate CSS Gradient Generator.
    2. css3pie.com - кросс-браузерный CSS3-градиент.
    3. display-inline.fr - css3 + поддержка совместимости (png, svg).
    4. gradients.glrzad.com - генератор градиентов.
    Оптимизация изображений:
    1. smushit.com/ysmush.it
    2. punypng.com
    3. kraken.io
    Тестирование:
    1. htaccess.madewithlove.be - тестирование .htaccess.
    2. webo.in - проверка скорости загрузки сайта.
    3. loadimpact.com - нагрузочное тестирование сайта.
    4. websitepulse.com - тесты для сайта и сервера.
    5. cloudmonitor.ca.com - проверка скорости загрузки сайта в реальных браузерах (из разных точек мира).
    6. check-host.net - проверка сервера на доступность из разных точек мира (Ping, DNS, HTTP, TCP порт).
    7. host-tracker.com - проверка доступности сайта.
    8. ping-admin.ru - проверка доступности сайта из различных частей мира.
     
    Lasted edited by : 24 июл 2014
    111111 и Commondore нравится это.
  7. rapita.nazar

    rapita.nazar

    Регистрация:
    19 мар 2014
    Сообщения:
    5
    Симпатии:
    0
    Редактор значительно ускоряет вёрстку) В сравнению с NotePad. По крайней мере мне.
    SublimeText
     
  8. ebarez

    ebarez

    Регистрация:
    25 авг 2013
    Сообщения:
    2
    Симпатии:
    0
    Мечта верстальщика ставшая реальностью — это emmet livestyle, гуглите господа и воздастся вам.
     
  9. Extremum

    Extremum

    Регистрация:
    6 июн 2014
    Сообщения:
    5
    Симпатии:
    0
    для Firefox
    Web Developer - нереально облегчает работу, ставится как тулбар с массой полезных инструментов.
    Auto Reload - автоматом обновляет браузер при изменении исходников.
     
  10. LuisAlberto

    LuisAlberto

    Регистрация:
    1 июл 2014
    Сообщения:
    14
    Симпатии:
    2
    Странно, упомянули Notepad++ но незаслуженно обошли вниманием Sublime Text. :wink: Мои приоритеты:
    Редактор:
    Sublime Text 3. +Emmet, конечно же.
    FTP/SFTP клиент:
    WinSCP.
    Ловля багов:
    Firefox + Firebug.
     
    alex_storm нравится это.
  11. Руслан911

    Руслан911

    Регистрация:
    27 авг 2013
    Сообщения:
    63
    Симпатии:
    21
    было бы намного лучше если бы вы то что предлагали еще бы и на облако закидывали и ссылку прикрепляли=)
    что бы форумчане могли протестировать что вы советуете=)
    как я знаю Sublime Text 3 платное ПО.

    Так сказать уважаемые, я обойду все эти ФайлЗилы и Сублимы=)
    Мне удалось найти хорошую сборку Дрима=)
    Вот ссылочка=)Качайте и радуйтесь https://cloud.mail.ru/public/bc90289d6115/Adobe.Dreamweaver.CC + КРЯК/
    Это полноценная CC , работает и облако, и синхронизация , и фтп аундефикация=)
    Вообще как лицуха=)Там прикреплен TxT файл а нем есть 2 способа кряка=)
    При первом не работает облако и некоторые плюхи отключаются=) а вот при втором все работает на ура=)не знаю в чем дело=)
     
    werzo нравится это.
  12. LuisAlberto

    LuisAlberto

    Регистрация:
    1 июл 2014
    Сообщения:
    14
    Симпатии:
    2
    Sublime Text платный, да. Стоит около 70 баксов. Но работает вечно, периодически только выкидывая окошко, мол, купите. Окошко вылазит достаточно редко, на фукнционале не сказывается, поэтому смысла ломать не вижу. www.sublimetext.com
     
  13. Jantwel

    Jantwel

    Регистрация:
    1 авг 2014
    Сообщения:
    1
    Симпатии:
    0
    Нигде не вспомнили о Brackets. Бесплатный редактор, написанный не JavaScript. Быстро развивающейся комюнити, каждый день выходят новые плагины.
    Одна из лучших альтернатив платным редакторам.
    http://brackets.io/
     
  14. Rojdestvo

    Rojdestvo

    Регистрация:
    7 авг 2014
    Сообщения:
    1
    Симпатии:
    0
    Интересненько , а кто что посоветует по css анимации ?
     
  15. Руслан911

    Руслан911

    Регистрация:
    27 авг 2013
    Сообщения:
    63
    Симпатии:
    21
    Brackets бери и изучай.
    Прошлый оратор изменил мое представление о редакторах.
    Напомню что Бракетс это опен сорс бесплатный редактор от компании Adobe.
     
  16. ainane

    ainane

    Регистрация:
    16 дек 2013
    Сообщения:
    1
    Симпатии:
    0
    Пользуюсь Notepad++, phpDesigner и Filezilla вполне хватает такого набора, ну и конечно же валидатор W3C
     
  17. Fuju

    Fuju

    Регистрация:
    21 авг 2014
    Сообщения:
    5
    Симпатии:
    1
    Поддержу и добавлю от себя Framework Bootstrap, так как верстаю адаптивные сайты, и конечно же дополнение для chrome - Responsive web design tester или же эмулятор мобильного браузера от Opera
     
  18. werzo

    werzo

    Регистрация:
    26 авг 2014
    Сообщения:
    23
    Симпатии:
    7
    Пользуюсь Sublime Text 3, Brackets, Notepad ++, фреймворк Bootstrap
     
  19. Всеволод

    Всеволод

    Регистрация:
    12 фев 2014
    Сообщения:
    12
    Симпатии:
    0
  20. sitecreator

    sitecreator

    Регистрация:
    1 фев 2013
    Сообщения:
    291
    Симпатии:
    65
    Для живой верстки использую связку Firefox + PHPStorm + плагин CSS-X-Fire