Подписывайся на Telegram-канал

Что я использую в разработке

Что я использую в разработке

https://t.me/it_programmist

Хочу поделиться набором инструментов, которые я использую в тот или иной момент разработки. Они упрощают жизнь, экономят время и просто делают работу приятнее.


Сжиматель фото

Слишком большие по размеру фото, будут увеличивать время загрузки сайта. Во времена, когда все куда-то спешат, это непозволительная роскошь. Вообще, большинство сайтов загружается медленно именно из-за неоптимизированных изображений.

Безусловно, лучше этот процесс автоматизировать один раз и навсегда, но это достаточно сложно для новичков, не всегда это нужно(ради пары фото) или просто на это нет времени.

Просто уменьшая показатель "качество" в фотошопе, хороших результатов добиться не получится. Размер будет уменьшаться, но само изображение на значении ниже 80-85 будет выглядеть печально.

Есть несколько сервисов, которые оптимизируют изображения, сохраняя приличное качество.

Так исторически сложилось, что я пользуюсь TinyPng.

Символ tinypng - панда, которая помогает сэкономить килобайты, а иногда и мегабайты, при загрузке картинок на сайте.

Есть ещё kraken, compressor и ещё куча подобных сервисов.

Про TinyPng я узнал ещё будучи зелёным разработчиком и с тех пор, если необходимо пользуюсь им. Ограничение на один файл - 5 МБ. За раз не более 20 файлов.

Есть платная версия без ограничений. Также есть API для разработчиков. То есть можно с помощью него прикрутить себе на сайт автоматическую компрессию сразу при загрузке фото, например. До 500 фоток в месяц по апи можно обработать бесплатно, далее платно, но не сильно дорого. Для небольших сайтов, я думаю, хватит и бесплатного объёма.

Качество остаётся достаточно высоким. Бывают исключения, но они настолько редки, что я уже и помню, когда это сервис меня подводил.





Генераторы CSS

Нужно сделать тень, градиент, анимацию или ещё что на css?

В обычных условиях, ты примерно прикидываешь как оно должно быть, а потом муторно в браузере подбираешь необходимые параметры.

Есть куча сайтов CSS-генераторов. Там двигаешь ползунки, а тени, градиенты и всё остальное меняется сразу в браузере. Когда результат тебя устраивает, просто забираешь css-код и вставляешь в свой проект.

http://css3generator.com/

http://www.layerstyles.org/builder.html

http://waitanimate.wstone.io

http://www.colorzilla.com

Тут, как говорится, на любой вкус. А тут ещё больше.





Иконки

Сейчас почти ни один проект не обходится без иконок. Они позволяют пользователю быстрее понять предназначение элемента интерфейса.

Чаще всего иконки я беру на flaticon. Там очень большой выбор иконок на любые тематики, хороший поиск и возможность скачать в каком хочешь формате.

Есть целые иконочные шрифты типа icomoon или font-awesome. Подключаются как простой шрифт, и с помощью добавления css-классов можно "нарисовать" иконку на сайте очень просто.



так в font-awesome выводится иконка с человечком.

Можно собирать и свои собственные иконочные шрифты с помощью http://fontello.com/





Это удобные и полезные сервисы, которые сэкономят тебе время!

Это, конечно, далеко не всё. Наверное, можно периодически выпускать подобные подборки. Если есть что-то полезного из собственных инструментов пиши в чат или в личку





Я - программист!

Шутеечки в Дневнике программиста

Чат Клуб программистов

Ещё