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

Серия Fresh Resouces для веб-разработчиков бежать около 4 лет, и поддержание этой серии в значительной степени дало мне понимание того, как веб прогрессирует за эти годы. Есть новые инструменты выходят каждый месяц сделать веб-разработку проще.

В этом выпуске мы собрали ряд новых инструментов, которые включают библиотеки JavaScript, пара CSS-библиотек и ссылки улучшить свое мастерство. Давайте проверим их.

Нажмите для получения дополнительных ресурсов

Найдите всю нашу коллекцию рекомендуемых ресурсов и лучшие доступные инструменты веб-дизайна и разработки.

титр

JavaScript это принимая на себя настольный приложение для переносимости на другую платформу, а также работает так же хорошо, как нативное приложение. Это приложение, титр, например, построен на вершине Электрон. Это простое приложение, которое позволяет искать файлы субтитров (.SRT) прикрепить к видео, которое вы смотрите.

Удивительная командная строка OSX

огромный список полезных и удобных командных строк для macOS. Здесь вы можете найти много вещей, которые могут быть сделаны через CLI, таких как “очистка очереди печати”, “скрытие папки в Finder”, а также “предотвращение системного сна”.

Тревор

Тревор просто Трэвис CI сделано не в сети. Трэвис - сервис непрерывной интеграции где разработчики тестируют свое программное обеспечение чтобы увидеть, правильно ли работает программное обеспечение в нескольких средах. Тревор все еще находится на ранней стадии; в настоящее время поддерживает только “NodeJS”.

Постепенное

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

QartJS

Это JavaScript, который делает QR-код менее скучным. Благодаря этому вы можете наложить QR-код на изображение, например на фотографию..

WP Docker

WP Docker является Среда Docker, разработанная специально для разработки WordPress. Среда является автономной и не повлияет на вашу компьютерную систему, если вы выполнили настройку. Это отличная альтернатива Vagrant, Valet, Local и MAMP.

Rellax

Rellax - это библиотека JavaScript для создать эффект параллакса при прокрутке страницы. Он поставляется с несколькими опциями и относительно прост в настройке. Он легкий, работает очень быстро и не требует никакой зависимости, как JQuery следовательно, это отличная альтернатива другим библиотекам этой категории, таким как Parallax.js или Scrollax.js..

Сформулировать

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

MonetizeJS

MonetizeJS - это библиотека JavaScript для реализовать Stripe легко; так же просто, как с помощью jQuery.

Vonic

Vonic это коллекция пользовательского интерфейса для мобильный, созданный с использованием Vue.js и Ionic CSS. Он включает в себя множество компонентов пользовательского интерфейса, обычно встречающихся в мобильных устройствах, включая Флажок, Форма поиска, Swiper и так называемый Аккордеон. Вы можете использовать для создания приложения мобильного приложения прототип прямо в браузере.

Библиотека компонентов WordPress

10up, одно из известных имен в WordPress, выпустило библиотеку пользовательского интерфейса, разработанную специально для WordPress. В отличие от других библиотек пользовательского интерфейса, которые предоставляют только коды CSS и HTML, 10Up также предоставляет фрагмент кода PHP, который вы можете просто вставить в свою тему. Компонент включает в себя Навигация, вкладки, всплывающие подсказки, общие сведения и блогролл.

Производительность при запуске JavaScript

Превосходный и подробные статьи от Адди Османи, один из инженеров Google, о том, как написать JavaScript, который работает очень быстро. Я призываю вас прочитать это повысить свой уровень JavaScript.

KuteJS

Куте это Библиотека JavaScript для выполнения анимации. Это невероятно быстро и очень эффективно по потреблению памяти. Он имеет расширения и дополнительные инструменты, позволяющие применять анимацию в CSS, SVG и даже плагин jQuery для более удобного синтаксиса.

PWA Rocks

Прогрессивное веб-приложение (PWA) - это методология, которая позволяет быстро и эффективно работать на сайте. Это список PWA Rocks, который был одобрен Google как PWA. к узнать больше о PWA от Google взгляните на: прогрессивные веб-приложения.

Github Автообновление

Github Auto-Updater является Библиотека Composer, позволяющая обновлять ваш плагин с Github. Это удобный скрипт для разработчиков, позволяющий поддерживать плагины для своих клиентов без обязательно загрузить его в репозиторий Github.

Карта

Карта - это библиотека JavaScript что делает ввод кредитных карт более привлекательным и улучшает ваш пользовательский опыт при вводе номеров своих кредитных карт. Это хорошо работает с jQuery, React, Angular и Ember.

Graaf

Graaf создайте наложение на странице, чтобы увидеть, как устроена сетка - столбец, строка, желоб -. Вы также можете создать свою собственную спецификацию сетки используя предоставленный API.

Luxbar

Luxbar это CSS-фреймворк для быстрого создания адаптивной навигации; просто добавьте таблицу стилей и добавьте HTML правильно. Вы можете установить эту библиотеку через NPM, Bower или связать таблицу стилей непосредственно из CDN.

Контрастная сетка

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

ToneJS

ToneJS - это библиотека JavaScript для создать тон или звук, который может понравиться из музыкального инструмента. Я полагаю, эта библиотека пригодится для создания веб-эмулятора музыкальных инструментов. или игровые звуковые эффекты.