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

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

Сред списъка с инструменти има: JavaScript библиотека за генериране на фиктивни данни, инструмент за споделяне на файлове в локални мрежи, и такава, която ще ви позволи да запишете терминалната сесия в SVG анимация. Звучи яко? Нека проверим пълния списък по-долу.

Pushbar.js

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

Carbon Now CLI

Carbon CLI е пакет Node.js за генериране на екранна снимка на код красиво чрез интерфейс на командния ред. Този инструмент е вдъхновен от carbon.now.sh, където можете да направите същото чрез хубав GUI в браузъра.

Faker.js

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

TermToSVG

TermToSVG ​​е a Linux терминален рекордер което прави сесиите от командния ред в SVG анимация. Той е полезен инструмент за разработчиците за писане на урок.

Мениджър за архивиране на бази данни

Това е PHP библиотека и както подсказва името, тя предоставя набор от функционалности на обработване и възстановяване на базата данни. Библиотеката поддържа различни услуги за изпращане или изтегляне на резервно копие, включително Dropbox, Amazon S3, FTP и SFTP и Rackloud Cloud.

Реагирайте бита

Една огромна колекция от техники, съвети и трикове на React.js покрива общите дизайнерски модели, стилове и съвети за производителност. Това е наистина голям ресурс, за да изравните уменията си в React.js.

Език DSS

DSS означава Детерминистичен StyleSheets, нов инструмент за създаване на CSS. Как работи и как това може да се приложи към ежедневната ми работа? Честно казано досега нямам представа. Но изглежда готино и е ново, така че е в списъка. Благодаря ти!

PurgeCSS

PurgeCSS е NPM пакет, който позволява оптимизиране на изхода на CSS в уеб приложението, като премахнете тези, които не се използват. Инструментът има разнообразие от вградени поддръжка на инструменти, включително Gulp, Grunt, Grunt, Webpack и PostCSS, така че можете да интегрирайте го във вашия проект веднага.

RFS

RFS означава Responsive Font Size и е интересен проект за справяне с едно от най-трудните неща в мрежата, т.е. направете отговорен размер на шрифта, по такъв начин, че размерът ще следва добре с размера на екрана за изглед на устройството. RFS е наличен като НПМ

SimpleBar

Библиотека на JavaScript за създаване на персонализирана лента за превъртане, SimpleBar ви позволява да оформяте превъртането до съвпадат със стила на сайта ви, като използвате CSS точно като всеки друг HTML елемент на сайта. Поради ограниченията на платформата и браузъра, стайлингът на плъзгача на браузъра е бил сложен, но SimpleBar наистина го е направил прост.

Larastan

Ларастан е обвивка PHPStan за Laravel. PHPStan е инструмент, който ще ви позволи да проверите кодовете си за потенциална грешка, без да е необходимо да пишете единичен тест. Той проверява много неща, включително съществуването на наричани методи и функции, типовете, присвоени на свойствата, броя и типовете, присвоени на конструктора на класа, и валидиране на phpDocs.

PWMetrics

PWMetrics е инструмент, който събира прогресивните метрики на уеб приложения чрез интерфейс на командния ред, разработен от Paul Irish. Инструментът се захранва от Лайтхаус и се предлага като NPM пакет. Той предлага много възможности за конфигуриране на показателите, ефективността на теста, и очакванията, които искате да постигнете извън теста.

Pax

Pax е JavaScript bundler към компилирайте JavaScript модулите в използваем файл за браузърите. Пакс обещава скорост. Тя се събира по-бързо от някои алтернативни групи. Той напълно поддържа ES6 внос и износ синтаксиса и синтаксиса на CommonJS внос. за разлика от -ма е написан с Rust и е достъпен чрез системния регистър Rust, наречен Cargo.

SustyWP

SustyWP е a WordPress тема, насочена към по-добра причина; да намали въглеродния отпечатък, като намали неговия размер до възможно най-малко. Теглото му е само 7-6kb при зареждане в браузъра. е Бързи и леки, а в замяна консумира по-малко ресурси (например електричество), за да зареди сайта. Вижте тематичната история в този пост от Джак Ленокс.

Библиотеката на Doodle

А колекция от рисувани рисунки, Doodle Library има много рисунки в колекцията и те са групирани в няколко категории Faces, Places, Animals и т.н.. Чертежите са на разположение във формат SVG и се разпространяват под Creative Common Attributions 4.0

Tilt.js

JQuery плъгин към създайте фантазия наклон ефект подобно на тези миниатюри, които виждаме на Apple TV. Не се нуждаят от допълнителни CSS. Те също така предоставят някои примерни изпълнения на тази страница, така че използването им е доста лесно. Уверете се, че сте провери ефекта на отблясъците; наистина е страхотно.

Fileroom

Fileroom е уеб приложение за споделяне на файлове между участници в една и съща мрежа. Можете да споделяте файлове с колега просто чрез плъзгане-п-капка независимо от операционната система. Работи в Windows, MacOS, Linux.

Coolhue

Колекция от ръчно подбрани градиентни цветове, Coolhue ви дава възможност да вземете цветовата палитра за приложения за Photoshop и Sketch или инсталирайте го във вашия проект използвайки беседка или NPM. Това ще ви спести известно време, за да изберете цветове за предстоящите си уебсайтове.

риф

А просто JavaScript библиотека за създаване на потребителски интерфейс, Reef не разполага с всички звънци и свирки от по-голямата библиотека като React.js или Vue.js. Но ако всичко, което трябва, е да показват UI, просто въвеждане на данни и шаблонът Риф може да бъде чудесна алтернатива. Теглото му е само 2Kb

вечнозелен

Колекция от UI компонент от Segment.io. Компонентите са доста разнообразни; встрани от някои редовни компоненти като бутони, икони, въвеждане на текст, има няколко, които мисля, че са уникални за Evergreen, като тостер, страничен лист и ъглов диалог.