Свежие ресурсы для веб-дизайнеров и разработчиков (апрель 2018 года)

В этом месяце мы видели несколько объявлений от известных имен в технологии. Например, Apple открыла новую систему баз данных, Google выпустила новый инструмент для измерения скорости вашего сайта на мобильных устройствах и Github с бесплатным курсом, чтобы вы начали работать с Git, Github и программированием в целом.

Кроме того, в сегодняшнем сообщении я также расскажу о нескольких новых инструментах, которые в настоящее время находятся на подъеме. Давайте перейдем к тому, что у нас есть в списке.

Читайте также: 5 последних инструментов веб-разработки, которые вы должны знать

VuePress
Новый инструмент от создателя Vue, VuePress – это генератор статических сайтов, разработанный с учетом Vue.js. Он генерирует и предварительно отображает статический HTML для каждой страницы и работает как SPA (одностраничное приложение). Он поставляется с некоторыми готовыми функциями, включая возможность добавления идентификатора Google Analytics, поиска, следующей и предыдущей навигации, боковой панели и PWA.
IMG-2
Библиотека JavaScript, которая представляет пользовательский элемент img-2. Новый элемент добавляет ряд оптимизаций, которые не поставляются со стандартным элементом img, улучшая способ загрузки изображения для пользователей. С помощью пользовательского элемента изображение будет предварительно кэшировано, оно также ленивый груз изображения и подача будут поступать из кэша только тогда, когда изображения попадают в окно просмотра пользователя. Проверьте демо,
Tabler
Элегантная панель управления / панель администратора на основе Bootstrap 4. На панели представлены готовые компоненты, такие как диаграммы, формы, галереи, таблица цен и хорошая коллекция пользовательских значков. Отличная отправная точка, позволяющая разработчикам быстро создавать панель администратора. Проверьте демо!
DayJS
DayJS JavaScript библиотека для форматирования даты и времени. Более того, DayJS имеет API, аналогичные Moment.js, но его размер составляет всего 2 КБ. Учитывая это, это может быть отличной альтернативой Moment.jsЕсли вам нужна более легкая библиотека, но вы должны быть в курсе того, что уже знаете.
UnifiedArchive
Библиотека PHP для работы со сжатыми файлами, UnifiedArchive поддерживает широкий спектр форматов, включая RAR, Zip, Gzip, Tar и многие другие типы сжатия. С помощью этой библиотеки вы можете архивировать и извлекать файлы или каталоги. Он предоставляет несколько API-интерфейсов для работы с файлами после их извлечения из архива. UnifiedArchive доступен в виде пакета Composer.
Github Learning Lab
Github только что объявил бесплатный курс, охватывающий в первую очередь Git в Github. В настоящее время существует 5 курсов, где вы можете изучить несколько полезных вещей, таких как, как использовать Github для размещения ваших кодов, как использовать страницы Github для получения бесплатного сайта или блога для вашего проекта и как управлять конфликтами слияния, которые Это часто случается, когда вы работаете со многими разработчиками над проектом.
Popmotion
Библиотека JavaScript для плавной плавной анимации в Интернете, «Popmotion» предоставляет API под названием физика это позволяет создавать практически реалистичные анимационные эффекты. Это неопознанное; библиотека просто выводит значения на основе определенного набора конфигурации. Это позволяет применять эти выходные данные для анимации любого носителя, включая CSS, SVG, Three.js и даже React.js.
Заменить анимированный GIF на видео
GIF есть везде, после того, как вы вернетесь. Но проблема GIF в том, что он обычно очень большой. Это трата пропускной способности, но качество графики часто ужасно. Это руководство от Google показывает, как «Видео» может заменить GIF для отображения анимированной графики.
Текстовая маска
Библиотека JavaScript для преобразования текста, который требует специального форматирования, такого как номер телефона, валюта или номер кредитной карты. Когда пользователь вводит текст, он автоматически преобразуется в соответствующее форматирование, улучшая пользовательский опыт. TextMask может использоваться с React, Vue или просто старым JavaScript.
Сравнить скорость мобильного сайта
Это еще один удобный инструмент от Google. Этот инструмент позволит вам проверить скорость вашего сайта при загрузке с мобильного телефона и оценить общую потерю дохода при медленной загрузке сайта. Вы можете выбрать страну и скорость, с которой ваш сайт будет проверен.
VueNut
Являясь компаньоном для разработки при создании веб-приложения с помощью Vue.js и Vuex, VueNut упрощает изучение состояния сохраненных данных и позволяет легко манипулировать данными во время разработки. Классная вещь!
FoundationDB
Недавно Apple сделала FoundationDB открытым исходным кодом в Github. Это система парных пар ключ-значение, которая обещает масштабируемость и производительность. Здорово, что крупные технологические компании начинают посвящать открытое ПО некоторым своим продуктам.
книжки
StoryBooks – это инструмент для самостоятельного создания компонента React. Он предоставляет пользовательский интерфейс в браузере, позволяя вам просматривать различные состояния каждого компонента, а также тестировать компоненты.
GhostText
Расширение браузера, которое будет синхронизировать то, что вы пишете в браузере, с вашим текстовым редактором или наоборот. Я нашел это в конечном счете полезным, если вы хотите иметь возможность писать на веб-сайте с удобством и возможностями вашего редактора кода. GhostText доступен для Chrome, Firefox и Opera.
Coala
Coala – это интерфейс командной строки, предоставляющий интерфейс для написания и исправления кода независимо от используемых языков. Вы можете использовать Coala в редакторе кода, интегрировать его с CI (Continuous Integration) и настроить его с помощью синтаксиса конфигурации в .coafile. Coala поддерживает множество языков, таких как CSS, JavaScript, PHP, и вы можете найти больше в этом каталоге,

Читайте также: основные и основные командные строки, которые должен понимать каждый веб-дизайнер

ReactStrap
ReactStrap представляет собой набор компонентов Bootstrap 4, преобразованных в повторно используемые компоненты React. Если вы хотите модернизировать свой старый веб-сайт на основе Bootstrap, вы можете захотеть изучить эту библиотеку.
Reacto
Reacto – это еще один инструмент, связанный с React. Это интегрированная среда разработки, созданная поверх Electron и предназначенная для разработки веб-приложений с использованием ReactJS. Это выглядит очень удобно, если ваша начальная разработка вращается вокруг ReactJS.
PicoJS
Библиотека JavaScript, которая позволяет распознавать лица. Работает с фото или со встроенной камеры. Это действительно удивительно, как веб-технологии развиваются в течение последних нескольких лет.