Пресни ресурси за уеб дизайнери и разработчици (май 2016 г.)

Време е да споделим друг страхотен списък с ресурси за нашите уеб разработчици. Последния път представихме редица препратки, приложения и няколко библиотеки на JavaScript.

Като се има предвид, че има много библиотеки на JavaScript, които все още не сме обхванали в тази серия, тази част ще включва още jQuery плъгини и няколко референции за подобряване на нашите умения като уеб разработчици. Нека ги проверим.

Кликнете за още ресурси

Намерете цялата ни колекция от препоръчителни ресурси и най-добрите налични инструменти за уеб дизайн и разработка.

jQueryMy

jQueryMy е jQuery плъгин за обработка на данни в реално време. Той е съвместим с родния браузър контрол или входове, както и с UI библиотека като jQuery UI от кутията. Той е оборудван с валидиране, условно форматиране и сложно управление на зависимостите, което изглежда, че го прави страхотен - все пак, по-лек - алтернатива на рамката MV * като Backbone.js, Ember.js и Vue.js

Глава

Обикновено глава маркерът съдържа заглавие етикет връзка маркер, който сочи към таблица със стилове, и писменост за зареждане на JavaScript файл. Това хранилище показва това има много повече, които можем да включим в глава свободен край. Списъкът включва общите връзки и мета тагове към една конкретна конкретна платформа.

SmoothState

Разработване на a плавен преход на страницата може да бъде наистина болезнено. Трябва да мислим за работа с браузъра за поддръжката на API за история, кеширане, предварително зареждане, както и анимация, за да се гарантира, че тя работи гладко и бързо. SmoothState идва с всички тези в един пакет, което ни позволява да се опита и работи в по-малко време.

SketchRunner

Накратко, SketchRunner е подобен на OS X Spotlight, Alfred или SublimeText Command Palette. Това е разширение Sketch, което дава прост интерфейс за търсене да изпълнява няколко задачи, които обикновено се извършват в менюто на приложението. Тя опростява, за да ви помогне да бъдете по-продуктивни.

Поддържащ CSS

Поддържащият CSS е онлайн книга, съдържаща многогодишен опит, рафинирани техники да съставим звездна CSS, която може да се поддържа в дългосрочен план през поколенията.

Модели на Flexbox

Това е колекция от откъси и капка в HTML и CSS за изграждане на интерфейс, като заглавие, долен колонтитул, навигация в менюто, използвайки CSS Flexbox. Ако използвате Flexbox трудно за разбиране, това е чудесен източник на вдъхновение, за да научите Flexbox.

Лава лампа

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

Glio

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

Coleure

още Избор на цвят с готин потребителски интерфейс. Можете да плъзгате и пускате цветове, за да създадете своя собствена цветова палитра, правейки това по-визуален и организиран подход за създаване на цветова схема. Регистрирайте се, за да създадете профил, за да запазите колекциите си.

CSSX

CSSX е инструмент, който ви позволява да пишете CSS в JavaScript. Нищо не се променя; Това е същият роден CSS синтаксис, който е опакован в JavaScript функция. Честно казано все още не съм разбрал как мога да използвам CSSX във всеки от моите проекти, но изглежда страхотно и определено си струва да споменем.