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

Този месец видяхме няколко съобщения от известни имена в tech. Например, Apple отвори нова система за бази данни, Google пусна нов инструмент за измерване на скоростта на уебсайта ви на мобилни устройства, а Github с безплатен курс, за да можете да започнете с Git, Github и кодирането като цяло..

Също така, в днешния пост също включва редица нови инструменти, които в момента се увеличават. Нека да преминем към това, което имаме повече в списъка.

VuePress

Нов инструмент от създателя на Vue, VuePress е a статичен генератор на сайта проектиран с Vue.js в ума. Той генерира и предварително показва статичен HTML за всяка страница и работи като SPA (Приложение на една страница). Той се доставя с някои функции извън кутията, включително възможността за добавяне на идентификационен номер на Google Анализ, търсене, следващо и предишно навигация, странична лента и PWA.

IMG-2

Библиотека на JavaScript, която въвежда a персонализиран елемент, IMG-2. Новият елемент добавя редица оптимизации, които не идват със стандарта IMG елемент, подобряване на начина на зареждане на изображението за потребителите. С персонализирания елемент изображението ще бъде предварително кеширано, също мързелив товар изображенията и обслужването ще бъдат от кеша само когато изображенията влизат в екрана на потребителя. Вижте демото.

Tabler

Елегантен панел за управление и управление въз основа на Bootstrap 4. Таблото за управление съдържа предварително създадени компоненти, като графики, формуляри, галерии, таблица за ценообразуване и хубава колекция от потребителски икони. Отлична отправна точка, за да позволи на разработчиците да създадат административен панел бързо. Вижте демото!

DayJS

DayJS Библиотека на JavaScript за форматиране на дати и часове. Още повече, DayJS притежава подобни API-и за Moment.js, но е само с тегло 2Kb. Като се има предвид това, тя може да бъде чудесна алтернатива на Moment.js, ако искате по-лека библиотека, все още поддържайте познанията си за това, което вече познавате.

UnifiedArchive

PHP библиотека за работа с компресирани файлове, UnifiedArchive поддържа широка гама от формати, включително RAR, Zip, Gzip, Tar, и много други видове компресия. С тази библиотека можете да архивирате и извличате файлове или директории. Той осигурява: a няколко API за манипулиране на файлове след като е извлечен от архива. UnifiedArchive се предлага като пакет за композитори.

Лаборатория за обучение на Github

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

WordPress UnitTest DOM Parser

Приятен съвет от Такаюки Мияучи тестване на DOMElement при извършване на UnitTest в WordPress приложения. Аз лично намерих това наистина полезно; Надявам се да го намерите същото.

Popmotion

Библиотека на JavaScript за гладка анимация в интернет, “Popmotion” предоставя API, наречен Physics, който ви позволява да създавате с почти реален анимационен ефект. Той е неопределен; библиотеката просто извежда стойности въз основа на специфичния набор от конфигурация. Това ви позволява да приложите тези изходи, за да анимирате всеки носител, включително CSS, SVG, Three.js и дори React.js.

Driver.js

Библиотека на JavaScript, която ви позволява “път” фокусиране върху страницата. Това е особено полезно, ако искате да въведете специфични функции или да ги насочите към конкретни задачи на страницата. Driver.js е просто 4 KB в размер, адаптивни и удобни за клавиатурата.

Заменете Анимирания GIF с видео

GIF е навсякъде, след като се върне. Но проблемът с GIF е, че обикновено е много голям. Това е загуба на трафик, но графичното качество често е ужасно. Това указание от Google показва как “Видео” може да замени GIF да показва анимирани графики.

Маска за текст

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

Сравнете скоростта на мобилния сайт

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

VueNut

Сътрудник за разработка при изграждането на уеб приложение с Vue.js и Vuex, VueNut го прави по-лесно да се изследва съхраненото състояние на данните и ви позволява лесно да манипулирате данните по време на разработката. Готини неща!

FoundationDB

Наскоро Apple направи FoundationDB с отворен код в Github. Това е система за база данни от двойки ключове и стойности което обещава мащабируемост и производителност. Хубаво е големите технологични компании да започнат да отделят част от продуктите си с отворен код.

приказки

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

GhostText

Разширение на браузъра, което ще синхронизирайте това, което пишете в браузъра, с текстовия си редактор или обратно. Намерих това в крайна сметка полезно, ако искате да можете да пишете на уебсайт с удобството и функциите на вашия редактор на кодове. GhostText е достъпен за Chrome, Firefox и Opera.

COALA

Коала е CLI предоставя интерфейс за кодиране и фиксиране на код, независимо от използваните езици. Можете да използвате Coala в редактор на код, да го интегрирате с CI (Continuous Integration) и да го персонализирате със синтаксис на конфигурацията в .coafile. Coala поддържа много езици като CSS, JavaScript, PHP и можете да намерите повече в тази директория.

ReactStrap

ReactStrap е колекция от компоненти на Bootstrap 4, трансформирани в повторно използваеми компоненти на React. Ако искате да модернизирате стария си базиран на Bootstrap уебсайт, тази библиотека е нещо, което бихте искали да разгледате.

Reacto

Друг инструмент, свързан с React, е Reacto IDE, изградена върху Electron и предназначена за разработване на уеб приложения с ReactJS. Това изглежда много удобно, ако вашата разработка се върти около ReactJS.

PicoJS

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