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

Серията Fresh Resouces for Web Developers има тече около 4 години, и поддържането на тази серия много ми даде представа как прогресира мрежата през годините. Има всеки месец се появяват нови инструменти улесняване на уеб разработките.

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

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

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

Надпис

JavaScript е поемане на десктоп приложения за преносимостта на различна платформа, както и за работа толкова добре, колкото и родното приложение. Това приложение, Надпис, например построена на върха на Electron. Това е просто приложение, което ви позволява да търсите файлове с субтитри (.SRT), за да се прикачите към видеоклипа, който гледате.

Страхотна командна линия OSX

Една огромен списък от полезни и удобни командни редове за macOS. Тук може да намерите много неща, които биха могли да се направят чрез CLI като например “изчистване на опашката за печат”, “в папката Finder”, и “предотвратяване на заспиването на системата”.

Тревър

Тревър е просто Travis CI извън линия. Travis е услуга за непрекъсната интеграция където разработчиците тестват своя софтуер за да видите дали софтуерът работи правилно в множество среди. Тревър все още е на ранен етап; в момента поддържа само “NodeJS”.

прогресивно

Приятен JavaScript библиотеката за зареждане на изображението постепенно, оттук и името. Малко изображение ще бъде поднесено и замъглено, докато браузърът зарежда пълното изображение. Това помага за по-бързо зареждане на уебсайта Ви особено ако съдържа големи изображения.

QartJS

Това е JavaScript прави QR кода по-малко скучен. С това можете да насложите QR кода върху изображение - например вашата снимка.

WP Docker

WP Docker е a Docker среда, разработена специално за разработване на WordPress. Околната среда е самостоятелна и няма да повлияе на компютърната ви система в случай, че сте направили конфигурация. Това е чудесна алтернатива на Vagrant, Valet, Local и MAMP.

Rellax

Rellax е JavaScript библиотека създайте ефект на паралакс на страница скрол. Той идва с няколко опции и относително лесен за конфигуриране. Тя е лека, работи бързо и бързо не изисква зависимост като jQuery следователно това е чудесна алтернатива на други библиотеки в тази категория, като Parallax.js или Scrollax.js.

Articulate

Още една готина JavaScript библиотека. Артикулирането носи синтетичен глас към уебсайта Ви. то е може да анализира и прочете вашия уебсайт, евентуално може да подобри достъпността на уебсайта ви за потребители с нарушена видимост.

MonetizeJS

MonetizeJS е JavaScript библиотека към внедрявате лента лесно; толкова лесно, колкото използването на jQuery.

Vonic

Vonic е колекция от потребителски интерфейс за мобилен, изграден с помощта на Vue.js и йонийски CSS. Тя включва много UI компоненти, често срещани в мобилния, включително Флажок, Форма за търсене, Swiper и така нареченото Accordion. Можете да използвате за изграждане на приложение за мобилни приложения прототип в браузъра.

Библиотека на компонентите на WordPress

10up, едно от изтъкнатите имена в WordPress, пуснаха създадена UI библиотека специално за WordPress. За разлика от други библиотеки на потребителския интерфейс, които предлагат само CSS и HTML кодове, 10Up също осигурява фрагмента от PHP код, който можете да поставите в темата си. Компонентът включва Навигация, раздели, подсказки, команди и Blogrol.

Начална ефективност на JavaScript

Превъзходен и подробни статии от Addy Osmani, един от инженерите на Google, за това как да пише JavaScript, който работи супер бързо. Препоръчвам ви да го прочетете до ниво на вашето умение JavaScript.

KuteJS

Kute е a JavaScript библиотека за изпълнение на анимация. Той е бърз и супер ефективен в потреблението на памет. Разполага с разширения и допълнителни инструменти, които позволяват анимация за прилагане в CSS, SVG и дори jQuery плъгин за по-удобен синтаксис.

PWA скали

Прогресивното уеб приложение (PWA) е методология, която позволява на уебсайт да работи бързо и използваемо офлайн. Този PWA Rocks изброява този, който е одобрен от Google като PWA. Да се научете повече за PWA от Google погледнете: Прогресивни уеб приложения.

Github Auto-updater

Github Auto-Updater е Библиотека за композитори, която позволява на вашия плъгин да се актуализира от Github. Това е удобен скрипт за разработчиците да поддържат приставки за своите клиенти без задължително да го качите в хранилището на Github.

карта

Картата е JavaScript библиотека което прави въвеждането на кредитна карта по-привлекателно и подобрява потребителския ви опит, докато въвеждате техните номера на кредитни карти. То работи добре с jQuery, React, Angular и Ember.

Graaf

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

Luxbar

Luxbar е a CSS рамка за лесно създаване на отзивчива навигация; просто добавете стила и добавете HTML правилно. Можете да инсталирате тази библиотека чрез NPM, Bower или свържете стиловата таблица директно от CDN.

Контрастна мрежа

Списък на таблицата показва цветен контраст и клас на достъпност въз основа на WCAG 2.0. Можете да промените стойността на таблицата и бързо да разберете дали цветовата комбинация отговаря на стандарта WCAG.

ToneJS

ToneJS е JavaScript библиотека към създайте тон или звук, който може да харесате от музикален инструмент. Предполагам, че тази библиотека ще бъде полезна за изграждане на уеб-базиран емулатор на музикални инструменти или звукови ефекти от играта.