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

Мы приближаемся к концу 2016 года, и это был волнующий год для многих, включая веб-разработчиков. В этом году, Популярность ReactJS выросла в геометрической прогрессии, новое расширение ReactJS выпущено и находится в списке Трендовые репозитории Github (почти) каждую неделю.

PHP7 также выпущен в этом году который предлагает значительное улучшение скорости, а также выпуск WordPress 4.7 с долгожданным WP-API особенность и Facebook также представил пакет пряжи которые могут бросить вызов NPM.

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

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

Для получения более подробной информации о каждом из этих полезных выпусков, давайте взглянем на следующий список:

Маяк

LightHouse является удобный инструмент от Google проверить ваши сайты на соответствие современным показателям веб-разработки, которые включают производительность при загрузке страницы, кэширование с сервисными работниками, время отклика сервера и так далее. Эти инструменты представлены в двух формах: CLI (интерфейс командной строки) и расширение Google Chrome..

FuseJS

Нечеткий поиск - это тип завершения поиска, где он возвращает число возможностей, даже если оно не совсем соответствует аргументам поиска. Например, если вы ищете «к», результирующий может вернуть сделать, робот, а также ступня. Это популярный поиск в современных веб-приложениях. FuseJS - это облегченная библиотека JavaScript что позволяет легко реализовать его на вашем сайте.

Пакет пряжи

Пряжа является Менеджер пакетов Node, созданный Facebook. Это в основном работает аналогично NPM, хотя и с достижениями в нескольких областях, таких как скорости, «автономный режим», который позволяет устанавливать пакеты без подключения к Интернету, и безопасность, а также надежность.

Кэш меню

Удобный плагин для WordPress кэшировать WordPress Menu использование Transient API для повышения скорости запросов к базе данных. Плагин поставляется с рядом фильтров для настроить период кэширования и выполнять другие вещи. Он может быть установлен с помощью Composer или как обычный плагин WordPress.

Githunt

Githunt - это расширение Google Chrome, которое заменяет домашнюю страницу Chrome хранилищем трендов Github. Вы можете отсортировать результат по периоду и языку программирования. Это я думаю, Обязательная для установки утилита чтобы каждый разработчик оставался в курсе самых блестящих инструментов.

FFocus

Не можете сосредоточиться на своей работе и хотите сделать свою работу быстро? Попробуйте FFocus. это CLI, который позволяет блокировать веб-сайт на установленную продолжительность через терминал. FFocus может быть устанавливается через NPM запустив нпм я ffocus -g команда.

Accesslint

AccesslintJS является Библиотека JavaScript для проверки вашего сайта для доступности. Использовать эту библиотеку так же просто, как загрузить ее до тег, и вы получите все предупреждения и ошибки прямо на консоли DevTools.

благовидный

Колорит это удобное веб-приложение это позволяет вам создавать цветовые комбинации, соответствующие директивам WCAG, а также делает ваш сайт доступно для пользователей с нарушениями зрения как дальтонизм.

Майкон

Майкон является значок шрифта выбранной пиктограммы Microsoft Windows 10. Это может быть отличная замена FontAwesome который, я думаю, уже перегружен.

Справочник по CSS

Имя говорит само за себя. это Ссылка CSS для поиска синтаксиса CSS. Он также представлен приятным приятным способом, который делает его отличная альтернатива для CSS документации в MDN, если вы думаете, что это слишком скучно.

Местный маховиком

Это Приложение с графическим интерфейсом, которое делает настройку локального веб-сайта WordPress в MacOS таким простым. Приложение заполнено отличными утилитами для разработчиков, такими как; “Один клик” Установка WordPress, Доступ по SSH, простая настройка SSL, проект сайта и XIP.io. Приложение было оценено в пределах 149USD, но теперь предоставляется бесплатно с тех пор, как приобрел маховик.

FreeCodeCamp

Это бесплатный ресурс для изучения кода для Интернета. Темы включают HTML, CSS, JavaScript и несколько библиотек, таких как ReactJS и D3. Это обеспечивает задачи или примеры проектов пока вы проходите курсы, а также учебные поможет вам лучше понять предмет.

OverPass Шрифт

Шрифт OverPass - это семейство шрифтов, состоящее из восемь весов (200-900), курсив и моноширинный шрифт. Шрифт может быть загружен как веб-шрифт из KeyCDN, а также установлен для использования на рабочем столе. Это бесплатно и с открытым исходным кодом.

Форма базы

Форма базы является набор правил стиля CSS которые сбрасывают элементы формы, которые включают вход, флажок, Выбрать, а также TextArea с основными, но красивыми стилями. Эта библиотека CSS является хорошим использовать в сочетании с другим “CSS Resetter” как Normalize.css.

Внешний интерфейс

это фреймворк, который используется для создания 24ways.org; отличный ресурс что вы можете посмотреть в изучить передовые методы CSS.

победа

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

ад

Инферно Библиотека JavaScript для создания веб-интерфейса на мобильных устройствах. это вдохновленный от ReactJS следовательно, наследует аналогичные синтаксические соглашения. Разница, однако, в том, что Inferno построен с учетом производительности что делает это гораздо меньше по размеру а также дает ему быстрее время рендеринга.

Предостерегать

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

SPA стартовый комплект

Это пример SPA (одностраничного приложения), созданного с помощью Laravel и VueJS. Это еще еще один замечательный ресурс для изучения веб-разработки с использованием фреймворков - посмотрите на источник Люка!

Docute

Документ есть Библиотека JavaScript для создания одностраничной документации. Он работает с VueJS и поставляется с рядом утилит Node, которые позволяют вам быстро настройте и запустите вашу документацию.