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

Сцена веб-разработки развивается со скоростью света в этом году. CSS3 был хорошо принят, и мы меньше зависим от polyfill поскольку последние браузеры действительно хорошо поддерживают новейший веб-стандарт. Microsoft Edge был представлен, Google выпустил два открытых источника для Интернета: Material Design Lite и Polymer 2.0.

Итак, подведем итоги года несколькими удобными инструментами для коллег веб-разработчиков. У нас есть пара библиотек JavaScript, а также инструменты для более эффективной работы с jQuery. Чтобы узнать больше, ознакомьтесь с полными ресурсами для серии веб-разработчиков..

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

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

Notie.js

Notie.js - более приятное предупреждение, уведомление и диалоговое окно JavaScript. Вместо использования Оповещение () функция, которая показывает скучно и слегка отвратительный окно оповещения, вы можете заменить его на notie () функция из библиотеки, чтобы показать оповещение в стиле. Совпадение стиля оповещения с общим дизайном вашего сайта легко с Notie.js.

Github Corner

Лишь недавно я понял, что углу Github, который мы обычно видим на домашней странице проекта с открытым исходным кодом, уже 7 лет. Время для подтяжки лица. Github Corner является инициативой для более современного и свежего вида ленты Github. Он использует SVG вместо растровой графики, что позволяет сохранять четкость на экранах с высоким разрешением.

Sweet (Slack) Темы

Slack стал самым популярным чат-приложением для малого бизнеса, стартапов и разработчиков. По сравнению с другими приложениями, такими как Skype и Google Hangouts, Slack можно настраивать несколькими способами, включая его тему - внешний вид и нюанс интерфейса приложения. Вот коллекция готовых к установке тем Slack .

JQuery Config

jQuery является модульным, то есть мы можем удалить из него ненужные модули, чтобы его размер был более легким. В нашем предыдущем уроке «Как удалить ненужные модули в jQuery» показано, как это сделать с помощью Homebrew, NPM, но это делается через терминал. Если вы не хотите использовать этот способ, вы можете прибегнуть к JQuery Config. Это делает то же самое с помощью всего лишь кликов.

SummerNote

SummerNote библиотека JavaScript для создания редактора WYSIWYG SummerNote разработан поверх известных проектов с открытым исходным кодом: jQuery, Bootstrap и Font Awesome. Развертывание SummerNote так же просто, как развертывание любой другой библиотеки JQuery, и это прекрасная альтернатива библиотеке TinyMCE, особенно если ваш веб-сайт также использует Bootstrap в качестве основы..

BackstopJS

BackstopJS - это отличный инструмент для тестирования отзывчивости веб-сайтов, который является утомительным процессом. В двух словах, эта библиотека делает задачу тестирования сайта на нескольких экранах гораздо более простой за счет автоматизации. Инструмент будет делать скриншоты веб-сайта и комментировать, какая страница проходит и не проходит тест на основе указанных параметров и размеров экрана. Это как инструмент Unit Test для развертывания адаптивного веб-сайта..

SuitCSS

SuitCSS это шаблон, состоящий из собственного препроцессора CSS, который поддерживает будущий синтаксис CSS, такой как Custom Property и Custom Media Query, несколько вспомогательных классов, основанных на методологии BEM для выравнивания, размера и расположения элементов, а также множество CSS-модулей чтобы начать разработку хорошо построенного веб-сайта.

привязывать

привязывать является родным приложением OS X, которое позволяет вам создавать веб-интерфейсы и макеты, используя GridStyleSheet, алгоритм компоновки, разработанный TheGrid. GSS позволяет эффективно размещать сайты. Например, в отличие от CSS, GSS допускает вертикальное выравнивание своих контейнеров элементов с помощью одной строки кода.

AntiModerate

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

jQuery Советы, которые вы должны знать

Крутой заголовок и даже более клёвый контент, это набор советов jQuery, которые мы должны знать (половину из них я хотел бы знать намного раньше). Полностью стоит проверить.