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

Уеб разработчиците са благословени с безплатни инструменти и ресурси, намерени онлайн, които послушно събираме в нашата серия Fresh Resources всеки месец. Ако сте пропуснали партидата от последния месец, прегледайте го тук или проверете останалите нови ресурси, събрани в началото на годината.

За пакета от юли 2015 г. ние открояваме нови инструменти и ресурси, които биха улеснили задачите ви, варирайки от WordPress плъгини, които ви позволяват да разположите актуализации на приставки частно в JavaScript библиотека, за да добавите привлекателни анимации.

Aladdin

Този плъгин добавя допълнителна функционалност към администрацията на WordPress, която е подобна на OS X Spotlight. С него получавате бърз достъп до файлове и папки във вашия Mac. Веднъж инсталиран, натиснете Shift два пъти, след което въведете това, което искате да получите. Това прави администрацията на WordPress по-достъпна с помощта на клавиатурата.

SiteOrigin CSS

SiteOrigin CSS е стабилен WordPress плъгин, който персонализира всеки вид тема в реално време. Приставката добавя нов панел под Външен вид> Персонализиран CSS меню. В него можете да пишете персонализирани CSS правила, за да презапишете CSS на темата, която използвате, или можете също да използвате GUI панел, за да добавите CSS правила интуитивно.

DynamicsJS

DynmaicJS е библиотека за прилагане на анимация, базирана на физиката. Аз не съм експерт по физика, но примерите тук в това меню изглеждат наистина страхотно. Той може да анимира HTML и SVG елементи и ви дава бърза работа без каквато и да е зависимост. DynamicJS е тестван на Safari 7+, Firefox 35+, Chrome 34+ и IE10+.

Самолетен режим

Този плъгин ще попречи на няколко външни HTTP заявки на WordPress, като например на Google Fonts, Gravatar и WordPress, да се опитва да се свърже с хранилища за добавки и теми за актуализации. Това е полезен плъгин за местно развитие, за да потисне грешките, възникнали при тези неуспешни повиквания (което обикновено се случва, когато се разработвате локално под изключително бавен интернет).

Coverr

Колекция от видеоклипове, които са чудесни за заглавките на уебсайтовете ви. Всички видеоклипове са безплатни, лицензирани под Public Domain. Не забравяйте да проверите “Как да използвам” раздела, за да научите как да добавите видеоклипа към вашата уеб страница.

VibrantJS

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

GradifyCSS

Тази библиотека грабва два видни цвята и генерира CSS градиент от получените цветове. Подобно на VibrantJS, можете да приложите градиента като запазено изображение за изображението, когато изображението не е напълно заредено, или като цвят на наслагване.

PurifyCSS

PurifyCSS изчиства неизползваните CSS правила от вашата стилова таблица. Можете да го използвате, за да намалите размерите на стиловете на големи рамки като Bootstrap и Foundation с до 40%. PurifyCSS се предлага като плъгин Grunt и Gulp.

Заглавие Капитал за WordPress

Името е казало всичко. Този WordPress плъгин ще превърне заглавията, както и заглавията в съдържанието, в правилната капитализация при запазване или публикуване на публикацията и страницата. Смятам, че този плъгин е полезен за уебсайтове с множество автори, за да запазят съгласуваността на съдържанието на уебсайта им.

GitHub Updater

Този плъгин позволява на потребителя инсталиране и автоматично актуализиране WordPress плъгини, хоствани в GitHub. Въпреки името, плъгинът също поддържа Bitbucket и GitLab, включително и в частно хранилище. Това е полезен плъгин за разработчици, които разработват и разпространяват своите приставки или теми изключително само за своите клиенти.

Примери за кодове

Колекция от примери за кодове от Екип за преглед на WordPress Тема. В момента примерът се състои от кодове за изграждане на компоненти за персонализиране на тема, използвайки API за персонализиране, включително за създаване на раздел, настройки и панел. Още кодове са примери за добри практики, добавени в бъдеще.