Loftschool школа онлайн обучения IT профессиям
Профессии
  • Веб-разработчик
  • Frontend с нуля
  • Frontend разработчик
  • Backend разработчик
  • Full Stack разработчик
  • UX/UI Дизайнер
  • Интернет-маркетолог
  • Android-разработчик
Курсы
            • Веб-тестирование
            • Основы вёрстки
            • Веб для начинающих
            • JavaScript
            • Vue.js
            • React.js
            • Node.js
            • PHP
            • UX/UI-дизайн: базовый
            • UX/UI-дизайн: PRO
            • Основы Python
            • Python: машинное обучение
            • Product Management
            • Контекстная реклама
            • SMM
            • SEO для всех
            • Android: базовый
            • Android: продвинутый

          Скидка на все

          курсы и профессии

          -46%

          ВЕСЬ

          ИЮНЬ

          До конца акции:
          25
          Дней
          07
          Часов
          55
          Минут
          • Главная
          • Блог
          • Инструменты
          • Полезные инструменты веб-разработчика #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]
                • Полезная рассылка

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

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