Loftschool школа онлайн обучения IT профессиям
Профессии
  • Веб-разработчик
  • Frontend разработчик
  • Backend разработчик
  • Full Stack разработчик
  • Интернет-маркетолог
  • Android-разработчик
  • UX/UI Дизайнер
Курсы
          • Основы вёрстки
          • Веб для начинающих
          • JavaScript
          • Vue.js
          • React.js
          • Node.js
          • PHP
          • Контекстная реклама
          • SMM
          • SEO для всех
          • Android: базовый
          • Android: продвинутый
          • UX/UI-дизайн: базовый
          • UX/UI-дизайн: PRO
          • Python для начинающих
          • Python: машинное обучение
        Профессия Дизайнер со скидкой
        -20%
        До конца акции:
        15
        00
        45
        Дней
        Часов
        Минут
        • Главная
        • Блог
        • Инструменты
        • Полезные инструменты веб-разработчика #1
        Полезный блог
        Инструменты
        Опубликовано 12.02.2020 11:38

        Полезные инструменты веб-разработчика #1

        Animate.css

        https://daneden.github.io/animate.css/

        Если нужны простейшие css-анимации, а времени на них нет, данная библиотека подойдёт идеально. Выбираем из списка анимацию, сразу видим, как она работает, применяем в проекте.

        Если же нужна более гибкая настройка css-анимаций, есть классный ресурс: https://animista.net/.

        Tasty CSS-animated hamburgers

        https://jonsuh.com/hamburgers/

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

        Font Awesome

        https://fontawesome.com/

        Если по каким-то причинам нет возможности или желания использовать svg иконки, или вы вдруг ещё не пользуетесь сборщиками, а срочно нужны иконки для кнопок, социальных сетей, оформления списков и так далее, — данная библиотека шрифтовых иконок может помочь в этом. Можно даже договорится с вашим дизайнером об использовании именно этих иконок).

        Transfonter

        https://transfonter.org/

        Если нужно быстро сконвертировать шрифты и не хочется разбираться с кучей настроек, сервис transfonter то, что нужно. Просто перетаскиваем шрифты (можно сразу несколько), выбираем нужные форматы и получаем готовые к использованию шрифты в нужных форматах. В архив так же добавляется css-файл с подключением всех сконвертированных шрифтов для максимально быстрого старта работы с ними.

        CSSmatic

        https://www.cssmatic.com/

        Набор из 4-х инструментов, главными из которых являются gradient generator, который позволяет быстро и наглядно набросать необходимый градиент, и box shadow, который помогает в настройке тени для блока.

        TinyPNG

        https://tinypng.com/

        И напоследок сервис для сжатия jpg и png изображений. Очень часто исходники изображений бывают довольно большими, что может существенно повлиять на скорость загрузки вашего сайта. Частично избежать этого поможет данный сервис для компрессии картинок. Если вы всё ещё не используете сборщики, данный сервис точно может пригодиться. Хотя возможно уже пора посматривать в сторону современных форматов изображений для использования в вебе ;)

        ***

        Автор подборки: Врублевский Артур, SCloud, веб-разработчик

          Поделись публикацией

          Категории

          • Все записи блога
            • Трудоустройство
              • Истории выпускников LoftSchool
              • Полезные советы
            • Полезные ссылки
              • Книги
              • Инструменты
            • Новости школы
              • Команда LoftSchool
              • Информация о курсах
            • Статьи
              • Архив материалов
                • DevNews
                • DevShow
                • Loftnews
                • Loftschool
                • Loftvlog
                • Интервью
                • Видеоуроки
              • © 2012 - 2023 LOFT

                Школа онлайн образования

              • © 2012 - 2023 LOFT

                Школа онлайн образования

                • +7 (800) 600 09 54
                • +7 (812) 339 22 01
                • [email protected]
                УчастникSkolkovo
              • Полезная рассылка

                Подпишись, чтобы быть в курсе наших новостей, акций и скидок.

              • Полезное
                • О нас
                • Карта курсов
                • B2B
                • Работодателям
                • Партнерская программа
                • Вакансии
                • Стать автором
                • Подарочные сертификаты
                • Вебинары
                • Блог
                • FAQ
              • Информация
                • Публичная оферта портала
                • Политика конфиденциальности
                Безопасная передача данных