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

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

В този кръг от поредицата ще разгледате няколко библиотеки на JS, за които ще намерите приложение, но също така и колекция от съвети, много дълго есе за типография, цветен генератор и лека рамка за фронтенда. Без повече шум, нека ги проверим.

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

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

JS Tips

JS Tips е колекция от съвети на JavaScript, някои от които се въртят наоколо синтаксис, някои за ефективност и производителност на кода, а някои други са специфични за рамка като AngularJS. Новите съвети се добавят ежедневно и в момента са издадени 50 съвета. По същество задължителен маркер сайт за всеки уеб разработчик.

Управляващ за пътуване

Управляващ за пътуване е GUI приложение за контрол на Vagrant. Подобен MAMP, където можете да спрете или пуснете Vagrant, и да видите кой Vagrant в момента работи. Приложението е достъпно за OS X и за прозорци. Ако не сте сигурни какъв е Vagrant, разгледайте предишния ни пост Как да инсталирате WordPress локално с Vagrant.

Bulma

Bulma е рамката на интерфейса. Пакетът включва някои общи UI компоненти на мрежата като навигация, падащо меню и (разбира се) мрежата, която е изградена изцяло с Flexbox. Единствената функция, която липсва (поне засега), е JavaScript компонентите. Компонентите на Bulma са много по-тънки в сравнение с Bootstrap, но трябва да са достатъчни за изграждане на малък, но представителен уебсайт.

Гутенберг

Кръстен на името на Йоханес Гутенберг, изобретателя на масовата преса. Гутенберг е колекция от правила за стил за правилна типографска настройка в мрежата. Правилата за стил задават основната линия, размера на шрифта и мащаба и височината на реда. Голяма библиотека стил, за да направите съдържанието на уебсайта ви по-добре.

OkayNav

OkayNav е jQuery за изграждане на отзивчива навигация, но не само още една. Приставката има малко по-различен подход към отзивчивия дизайн: тъй като екранът за преглед е преоразмерен до по-малък, всяко меню ще бъде постепенно обединени в икона, за да понасят ограничения размер на екрана за изглед. Звучи страхотно, нали??

Нова уеб типография

Най- Нова уеб типография е по-задълбочено есе за типография. Той обсъжда стиловете от ранните дни на книгите до текущия начин, по който изграждаме и консумираме в мрежата. Добре проучен с множество илюстрации и напълно рефериран, това е дълга статия на Робин Рендл, но определено си струва да се чете, за да се получи по-добро разбиране на типографията..

Цветово безопасно

Цветово безопасно е палитра за цветови генератори за мрежата. За разлика от инструментите, споменати по-рано в тази серия, ColorSafe ще генерира само цвят, който отговаря на стандарта WCAG за достъпност на цветовете.

Достъпни модални диалогови прозорци

Това е малка (само ~ 0.5kb) JavaScript библиотека изграждане на модален диалогов прозорец. Достъпни, потребителите могат лесно да отварят, затварят и да се придвижват в диалоговия прозорец с клавиатура и мишка. Пакетът е само голи JavaScript, няма стайлинг, така че можете свободно да оформите диалоговия модал по всякакъв начин.

Mo.js

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

Частици

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