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

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

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

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

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

jQueryMy

jQueryMy это Плагин jQuery для обработки привязки данных в реальном времени. Он совместим с нативными элементами управления или входами браузера, а также с библиотекой пользовательского интерфейса, такой как jQuery UI. Он оснащен валидацией, условным форматированием и сложным управлением зависимостями, что, кажется, делает его большим - но легче - альтернатива MV * фреймворку как Backbone.js, Ember.js и Vue.js

Голова

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

SmoothState

Разработка плавный переход страницы может быть очень больно. Нам нужно подумать о поддержке браузером API-интерфейсов History, кэшировании, предварительной загрузке, а также об анимации, чтобы обеспечить его плавную и быструю работу.. SmoothState поставляется со всем этим в одном пакете, что позволяет нам получить опыт работы за меньшее время.

SketchRunner

Вкратце, SketchRunner похож на OS X Spotlight, Alfred или палитру команд SublimeText. Это расширение Sketch, которое дает простой интерфейс поиска сделать несколько задач, обычно выполняемых в меню приложения. Упрощает, чтобы помочь вам быть более продуктивным.

Поддерживаемый CSS

Поддерживаемый CSS является онлайн книга, включающая многолетний опыт, изысканные приемы составить звездный CSS, который поддерживается в долгосрочной перспективе на протяжении поколений.

Шаблоны Flexbox

Это коллекция фрагменты и вставка HTML и CSS для создания интерфейса, такие как верхний и нижний колонтитулы, навигация по меню с использованием CSS Flexbox. Если вам трудно использовать Flexbox, это отличный источник вдохновения для окончательного изучения Flexbox..

LavaLamp

Infinite Scroll - популярный интерфейс в сети, где он тянет новый контент, когда мы достигаем нижней части страницы. Lavalamp - это библиотека JavaScript, дублированная для замены Infinite Scroll. Проверьте демо.

глио

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

Coleure

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

CSSX

CSSX это инструмент, который позволяет писать CSS в JavaScript. Ничего не изменилось, хотя; Это тот же собственный синтаксис CSS, заключенный в функцию JavaScript. Я, честно говоря, еще не выяснил, как я мог бы использовать CSSX в любом из моих проектов, но это выглядит круто и определенно стоит упомянуть.