<rmcreative>

RSS

Все заметки с тегом «Tools»

  1. yUML

    30 ноября 2012

    Прекрасный API для создания и вставки UML-диаграмм. Работает так же, как графики Google. На вход URL подаётся:

    [Post]1-0..*[Tag]
    [Post]1-0..*[Comment]
    [User]1-0..*[Post]
    [User]1-0..*[Comment]
    

    в виде URL выглядит так:

    http://yuml.me/diagram/scruffy;/class/%5BPost%5D1-0..*%5BTag%5D,%20%5BPost%5D1-0..*%5BComment%5D,%20%5BUser%5D1-0..*%5BPost%5D,%20%5BUser%5D1-0..*%5BComment%5D.png
    

    Ну и на выходе получаем красивую картинку:

    Пользуемся

    7 комментариев
  2. Скрытые возможности инструментов разработчика Chrome

    5 октября 2012

    Мегаполезная презентация о скрытых возможностях отладчика Chrome. Нашёл для себя несколько очень полезных штук и собираюсь попробовать оказавшийся очень простым API.

    Рассматриваем

    7 комментариев
  3. Least, конвертер CSS в SCSS, LESS и Stylus

    11 марта 2012

    Попалась полезная штука для перевода старого доброго CSS в синтаксис SCSS, LESS или Stylus. Конечно, инструмент не сделает вам идеально структурированного кода, но с первым шагом поможет.

    Пользуемся

    UPD: и ещё один конвертер CSS→LESS.

    8 комментариев
  4. Эмулятор iPhone / iPad

    2 августа 2011

    Оказывается, эмулятор, который я как-то упоминал, подрос и научился эмулировать не только браузер iPhone, но и браузер iPad. Делает он это довольно-таки полноценно. Работает он не только под Windows, но и под Linux… и даже Mac. Из основных возможностей стоит отметить:

    UPD: вот тут можно найти обновлённый эмулятор.

    15 комментариев
  5. Google Page Speed Service

    28 июля 2011

    Ни для кого не секрет, что скорость загрузки страниц зависит не только от времени генерации страницы, но и от количества и веса картинок, скриптов и файлов стилей. У нас первым серьёзно подошёл к данной проблеме Николай Мациевский, основавший впоследствии компанию WEBO, которая создала продукт WEBO Site SpeedUp. Продукт позволяет автоматически применить довольно большое количество техник клиентской оптимизации. Site SpeedUp ставится на тот же сервер, который генерирует страницы и выступает в роли умного кэша-оптимизатора.

    Google пошёл немного другим путём и, вместо коробочного решения, предоставил оптимизирующий прокси. То есть Google забирает страницы сайта, оптимизирует и раздаёт уже со своего CDN. Пока что доступ можно получить бесплатно по запросу, но сервис после обкатки станет платным.

    Особенности

    • Очень легко конфигурируется (всего одна CNAME) запись для домена.
    • Не работает с HTTPS.
    • Не поддерживает домены без www.
    • Не работает с Flash, потоками аудио и видео.
    • Не работает с файлами более 50 Мб.
    • Не работает с POST более 2 Мб.
    • Не работает без пропускания трафика через сервера Google (кстати, есть ещё mod_pagespeed для Apache).
    • Некоторые страницы можно исключить из обработки.

    Пробуем

    6 комментариев
  6. Sprite Cow

    25 июня 2011

    Отличный инструмент, позволяющий легко работать с изображениями-спрайтами. Загружаем картинку, щёлкаем на область, получаем CSS со смещением, высотой и шириной.

    Очень удобно, меня даже затянуло и я загнал все изображения этого блога в пару спрайтов. Единственный минус — не работает в Opera.

    Пользуемся

    3 комментария
  7. JSFIDDLE

    25 апреля 2011

    Отличный инструмент для быстрой разработки небольшого клиентсад-кода. Вбиваем CSS/JavaScript/HTML и получаем результат для теста, которым можно поделиться.

    В довесок получаем подсветку и форматтер кода, подключение кучи распространённых фреймворков и JSLint, обсуждения, интеграцию с GitHub и ещё кучу всего.

    Пользуемся

    1 комментарий
  8. CLIO: command line image optimizer 1.0

    8 апреля 2011

    До недавнего времени для оптимизации изображений я пользовался, в основном, smush.it, иногда чередуя его с Google Page Speed. И тут возникла необходимость оптимизировать процесс: понадобилось оптимизировать около 300 изображений.

    Так появился данный набор, умеющий жать PNG/JPEG. На вход optimize.bat подаётся директория, из неё рекурсивно выбираются все изображения и обрабатываются идущими в комплекте утилитами. Отрабатывает за приемлемое время, даёт лучшие результаты, чем оптимизатор из Google Page Speed и smush.it.

    Пользуемся

    Комментарии и предложения очень приветствуются.

    26 комментариев
  9. Правила хорошего тона в «Фотошопе»

    30 марта 2011

    Хороший набор правил работы в Photoshop, позволяющий свести проблемы вроде «мне надо вот ту надпись поменять, а тут слой слит» или «и как мне нарезать из этого ужатого JPEG нормальный фон» к минимуму.

    Правила написаны не на пустом месте и действительно актуальны.

    Читаем и даём ссылку дизайнерам

    5 комментариев
  10. Пускаем текст по кривой при помощи CSS3

    11 марта 2011

    CSSWARP — интересный сервис, позволяющий средствами CSS3, а именно применением трансформаций к каждой букве, пустить текст по кривой.

    Работает везде, где поддерживаются трансформации.

    Пользуемся

    3 комментария