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

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

Също така са включени ресурси за HTTP2, типографска терминология, изграждане на сайтове за достъпност и търсачка за синтаксис на програмния език. Нека ги проверим.

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

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

Посадъчен фолио

Landing folio е централно място, където можете да намерите примери за дизайн на целевата страница. Има стотици примери на сайта и можете да финализирате списъка въз основа на тяхната категория. Това е определено си струва Bookmarking за уеб дизайнери.

Заявки за елементи

JavaScript, който ви позволява да изпълнявате Заявка за елемент. Заявката за елемент се обозначава с @element и за разлика, @media, @element осъзнава многобройни условия отвъд “височина” и “широчина”. Можете например да приложите стилове въз основа на числовите знаци, съдържащи се в елемента.

HTTP2

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

Elementor

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

TimeDropper

Този плъгин е снабден с няколко анимации, които правят избора на дати в мрежата по-привлекателен. Освен това са налични опции за промяна на външния вид на потребителския интерфейс. Това е плъгин jQuery за любители на датите.

SyntaxDB

Търсачка за търсене на синтаксис на програмния език. В момента поддържа няколко езика, включително Java, C, Ruby, JavaScript и Python. Това може да бъде крайната търсачка за разработчиците, тъй като базата данни и езиковата поддръжка нарастват.

Github Dark UI

Github Dark UI е по-тъмна цветна тема за Github.com. Това може да бъде добра алтернативна цветова схема, ако работите в затъмнена среда или трябва да гледате екрана за дълги периоди от време.

Безмоторно

Вместо да маркирате кода с различни цветове, както можете да видите по-долу, Microlight прави кода “блестя”. Библиотека на JavaScript, която подчертава кода - буквално.

BarbaJS

BarbaJS е JavaScript библиотека, която позволява плавен преход на страници през JavaScript History API / pushState. Този плъгин се доставя с методи, персонализирани събития и няколко API, които осигуряват по-плавен опит за страниците на уебсайта ви. Ето няколко примера.

TypeTerms

Някога се чудя какво е разликата между тях “разстояние между буквите” и “керн” е? TypeTerms е интерактивна презентация, където можете да научите тези объркващи типографски терминологии.

ButterBean

ButterBean е нов и усъвършенстван плъгин за изграждане на Meta Box в WordPress. Той е разработен в съответствие с модерната архитектура на WordPress Customizer API. Това прави изграждането на този WordPress администраторски интерфейс по-елегантен.

Проверка на детска тема

A WordPress плъгин, за да провери Вашата Дете тема срещу родителската тема; той ще провери дали файловете, на които разчита детската тема, са актуализирани.

CloudFlare UI

CloudFlare UI е колекция UI компоненти, построени върху React. Като се има предвид, че популярността на React се увеличава, може да има редица подобни UI рамки там.

Лерна

Наличието на управление на множество пакети и хранилища в голям проект е неизбежно. Този инструмент ви позволява да се справите с тази конкретна ситуация и евентуално да оптимизирате работния процес.

Успокой се

Успокой се е библиотека на JavaScript, която помага за намаляване на използването на процесора. Той предоставя набор от функции, които могат да се използват вместо функциите на JavaScript на местните хора. Тя може да бъде разгърната на редовен уебсайт или да не е базирано на Node.js приложение.

GEL Типография

GEL Типография е ръководство за типографски стил на Би Би Си. Голям ресурс и вдъхновение за това как можете да стандартизирате своите типографски стилове.

Модели на ума

MIND Patterns е практическо ръководство за изграждане на достъпен уебсайт за електронна търговия. Той предоставя ръководства по отношение на изграждането на HTML, използване на етикета на ARIA и съставяне на CSS стилове, които са лесни за ползване за потребители с увреждания.

Специфика на CSS

Колекция от илюстрации, които описват как работи спецификацията на CSS.

CSS Dig

Разширение за Chrome, което ви помага да оптимизирате CSS. Тя ще премахне страницата ви и ще предостави с отчета списъка с използваните свойства като цветовете.

Шаблон "Сташ"

Колекция от подбрани ръчно шаблони, в които можете да намерите широк спектър от шаблони, включително HTML5, WordPress, Ghost, Bootstrap и шаблони за електронна търговия..