Домашня » Веб дизайн » Свіжі ресурси для веб-дизайнерів і розробників (серпень 2018)

    Свіжі ресурси для веб-дизайнерів і розробників (серпень 2018)

    Схоже, що розвиток спільноти останнім часом активніше, оскільки за останні кілька місяців з'явилося досить багато нових інструментів. У цьому раунді серії я висвітлю деякі з інструментів, які варто відзначити.

    Серед переліку інструментів є JavaScript бібліотека для створення фіктивних даних, інструмент для обміну файлами в локальних мережах, і той, який дозволить вам записати сеанс терміналу в анімацію SVG. Звучить здорово? Давайте перевіримо повний список нижче.

    Pushbar.js

    Це бібліотека JavaScript для створення ковзного ящика. Як правило, висувний ящик використовується для відображення навігації по меню сайту, але ви можете скористатися цією бібліотекою, щоб відобразити все, що підходить для вашого сайту. Pushbar.js є повністю настроюється і залежність безкоштовно, не потрібно jQuery.

    Carbon Now CLI

    Carbon CLI - це пакет Node.js для створити знімок екрана коду красиво через інтерфейс командного рядка. Цей інструмент натхненний carbon.now.sh, де ви можете зробити те ж саме через хороший графічний інтерфейс на браузері.

    Faker.js

    Бібліотека JavaScript для створити фіктивні дані. Він підтримує створення більшості даних, таких як імена, поштова адреса, назва компанії, номер телефону, дата та багато іншого. Всі ці дані можуть бути дуже корисними перевірте веб-додаток.

    TermToSVG

    TermToSVG ​​- це Записувач терміналів Linux що перетворює сеанси командного рядка на анімацію SVG. Це корисний інструмент для розробників для написання навчального посібника.

    Менеджер резервного копіювання баз даних

    Це бібліотека PHP, і, як випливає з назви, вона надає набір функцій для обробляти резервні копії та відновлення баз даних. Бібліотека підтримує різні служби для надсилання або вилучення резервної копії, включаючи Dropbox, Amazon S3, FTP і SFTP, а також Rackloud Cloud.

    Реагуйте біти

    Широкі збірки методів, рекомендацій та прийомів React.js, React Bits охоплює загальні шаблони дизайну, стиль та поради щодо ефективності. Це дійсно великий ресурс для підвищення рівня ваших React.js навичок.

    Мова DSS

    DSS означає Детермінований стиль StyleSheets, новий інструмент для створення CSS. Як це працює і як це можна застосувати до моєї щоденної роботи? Я чесно не маю ідеї поки що. Але це виглядає здорово, і це нове, так що це в списку. Дякую!

    PurgeCSS

    PurgeCSS - це пакет NPM, який дозволяє оптимізувати висновок CSS у веб-застосунку, видаливши ті, які не використовуються. Інструмент має різноманітну вбудовану підтримку інструментів, включаючи Gulp, Grunt, Grunt, Webpack і PostCSS, тому ви можете інтегруйте його у свій проект зразу.

    РФС

    RFS означає Responsive Font Size і є цікавим проектом для вирішення однієї з найважчих речей в Інтернеті, тобто зробіть відповідний розмір шрифту, таким чином, що розмір буде слідувати за розміром вікна перегляду пристрою. RFS доступний як NPM

    SimpleBar

    Бібліотека JavaScript для створення користувальницької смуги прокручування, SimpleBar дозволяє стилю прокрутки до відповідність стилю сайту за допомогою CSS, як і будь-який інший елемент HTML на сайті. Завдяки обмеженням платформи та браузера, стилізація смуги прокручування браузера була складною, але SimpleBar дійсно спростила її.

    Ларастан

    Ларастан - це обгортка PHPStan для Laravel. PHPStan - це інструмент, який дозволить вам перевірити свої коди на потенційну помилку без необхідності писати одиничний тест. Він перевіряє численні речі, включаючи існування викликаних методів і функцій, типи, призначені властивостям, кількість і типи, призначені конструктору класу, і перевірку phpDocs.

    PWMetrics

    PWMetrics - це інструмент, який збирає показники прогресивних веб-додатків через інтерфейс командного рядка, розроблений Paul Irish. Інструмент живиться від Lighthouse і доступний як пакет NPM. Він надає безліч варіантів налаштувати показники, продуктивність тесту, і очікування, яке ви хотіли б досягти з тесту.

    Пакс

    Pax є програмним забезпеченням JavaScript для компілювати модулі JavaScript у використовуваний файл для браузерів. Пакс обіцяє швидкість. Він збирається швидше, ніж деякі альтернативні програми. Він повністю підтримує ES6 імпортувати і експорт синтаксис і синтаксис CommonJS імпортувати. На відміну від pax написана з Rust і доступна через Rust пакет реєстру називається Cargo.

    SustyWP

    SustyWP є Тема WordPress спрямована на кращу причину; скоротити викиди вуглекислого газу, зменшивши його розмір до найменшої можливості. Вага всього 7-6кб при завантаженні в браузер. Його швидкий і легкий, а натомість він споживає менше ресурсів (наприклад, електроенергії) для завантаження сайту. Ознайомтеся з попередньою темою на цій посаді Джека Ленокса.

    Бібліотека Doodle

    A колекція малюнків каракулі, Бібліотека Doodle має багато малюнків у колекції, і вони згруповані в кілька категорій Обличчя, Місця, Тварини тощо. Малюнки доступні у форматі SVG і розповсюджуються за умовами Creative Common Attributions 4.0

    Tilt.js

    Плагін jQuery створити фантазію нахил ефекту подібні до тих мініатюр попереднього перегляду, які ми бачимо на Apple TV. Вона не потребує додаткових CSS. Вони також надають деякі зразки реалізацій на цій сторінці, тому його використання є досить простим. Переконайтеся, що ви перевірте ефект Glare; це дійсно здорово.

    Кіоск

    Fileroom - це веб-додаток для обмін файлами однорангових вузлів у межах однієї мережі. Ви можете поділитися файлом з вашим колегою просто шляхом перетягування, незалежно від операційної системи. Він працює в Windows, MacOS, Linux.

    Coolhue

    Колекція підібраних кольорів градієнта, Coolhue дозволяє захопити зразки кольорової палітри для програми Photoshop і Sketch або встановіть його у свій проект використання bower або npm. Це допоможе вам заощадити час на підбір кольорів для майбутніх веб-сайтів.

    Риф

    Проста бібліотека JavaScript для створення користувальницького інтерфейсу, Reef не має всіх дзвіночків з більшої бібліотеки, як React.js або Vue.js. Але якщо все, що потрібно, це візуалізувати інтерфейс користувача, тільки введення даних і шаблон Reef може стати чудовою альтернативою. Це вага всього 2Kb

    Вічнозелені

    Колекція компонента інтерфейсу користувача Segment.io. Компоненти досить різноманітні; крім деяких звичайних компонентів, таких як кнопки, піктограми, введення тексту, є декілька, які, на мою думку, є унікальними для Evergreen, таких як тостер, бічний лист і діалог у куті.