Свежие ресурсы для веб-дизайнеров и разработчиков (октябрь 2021 г.)

Мы проводим эту серию уже несколько лет, и кажется, что у нас никогда не заканчиваются отличные новые ресурсы для дизайнеров и разработчиков. В этом раунде серии у нас есть инструменты, статьи и учебные пособия, которые оценят как бэкэнд-разработчики PHP, так и фронтенд-разработчики.

У нас есть ресурс для получения фиктивного логотипа, инструмент для создания макетов изображений, инструмент с графическим интерфейсом для создания каркаса вашего следующего классного приложения с помощью Laravel и многое другое.

Давайте прыгнем, чтобы получить полный список.

Шоукод

веб-приложение, позволяющее красиво представить свой код с изображением. Вы можете настроить цвет фона, рамку редактора кода и размер.

Он поддерживает множество языков программирования, таких как PHP, JavaScript, а также языки шаблонов, такие как Twig. Удобный инструмент для красивого обмена кодом.

Цикл событий

В PHP8 PHP получил множество улучшений, включая Fiber, который появится в PHP8.1. Это дополнение позволяет PHP изначально управлять параллелизмом и позволяет разработчику создавать поверх него фреймворк, например, создавать «Цикл событий».

Цикл событий — это механизм, который позволит PHP выполнять неблокирующий процесс ввода-вывода. На данный момент не так много ссылок на Event Loop на PHP, но вы можете изучить ту же концепцию из справочника Node.js.

Сборник рассказов Ларавеля

Эта библиотека интегрирует Storybook — популярное приложение для управления пользовательским интерфейсом и системой дизайна — в Laravel. С ним вы можете модуль рендеринга ваших компонентов Larvel с использованием шаблонов Blade и Storybook Server прямо в вашем приложении Laravel.

Пользовательский интерфейс VSCode WebView

А Пользовательский интерфейс и библиотека дизайна для редактора Visual Studio Code (VSCode). Он имеет простой интерфейс для редактора, такой как кнопка, выбор, текстовая область и ввод. Отличный ресурс, если вы планируете создать расширение для VSCode и поддерживать согласованность вашего расширения с редактором.

Инициализатор Laravel

Веб-приложение для сгенерировать эшафот с Laravel. Это позволяет вам создавать голую структуру Laravel, «Breeze», который уже связан с некоторыми утилитами (например, аутентификацией пользователя, инфраструктурой пользовательского интерфейса), и «Jetstream», который является более продвинутой обновленной версией Breeze.

Кроме того, вы также можете установить стек, такой как база данных — хотите ли вы выбрать MySQL или PosgreSQL, Метод аутентификации, Хранилище, Кэши даже Платежная система.

PHP Flasher

Основа для управлять системой уведомлений с помощью PHP. Он позволяет одновременно отображать различные типы уведомлений, отображать уведомления из JSON и даже отправить уведомление в ОС. Если вы разработчик, который хорошо разбирается в PHP, вы обязательно оцените этот фреймворк.

ЛоготипIpsum

А коллекция бесплатных макетов логотипов вы можете отобразить на своем макете, шаблоне или фиктивном веб-сайте и в приложении. У него довольно много коллекций, которые разработан, чтобы соответствовать любому пользовательскому интерфейсу или графическому стилю. Вы можете настроить стили, цвет и загрузить каждый логотип в формате SVG.

МЖМЛ

MJML — это разметка, призванная упростить создание макета для шаблонов электронной почты. Он устраняет сложность шаблонов электронной почты с помощью собственного пользовательского элемента HTML.

Вы можете начать добавлять компонент. Документ довольно всеобъемлющий, если вы только начали. Затем вы можете скомпилировать разметку со сборкой пряжи, чтобы получить реальный результат, который вы можете отправить по электронной почте.

Изучайте CSS

Инициатива Google Developer по предоставлению всеобъемлющего ресурса для изучения CSS. Он охватывает основы CSS, такие как блочная модель, селекторы, каскад, наследование и специфичность это дает прочную основу того, как работает CSS. Полезно как для начинающих, так и для опытных разработчиков интерфейса.

Вайтбук

ViteBook стремится предоставить альтернативу Storybook — популярному инструменту с открытым исходным кодом для управления пользовательским интерфейсом и системами дизайна. Построенный на основе Vite.js, его основное внимание уделяется производительности. ViteBook в настоящее время находится на ранней стадии разработки. Я с нетерпением жду, как это будет развиваться.

Encute

Энкут – это Библиотека PHP для загрузки и управления скриптами и стилями в WordPress с шаблоном объектно-ориентированного программирования (ООП). Таким образом, мы получаем более приятный синтаксис плюс некоторые дополнительные функции. Например, вы можете поставить скрипт в очередь с «отложенной» или «асинхронной» загрузкой и загрузить его как «модуль».

Иконки начальной загрузки

Раньше Bootstrap включал иконку FontAwesome в свой комплект. Теперь он создал свой собственный официальный набор иконок. Набор содержит более 1300 значков, каждый из которых представлен в двух разных стилях: контурном и заполненном., и поставляется с двумя значками шрифтов формата и SVG. Как и Bootstrap, эти иконки бесплатны НАВСЕГДА.

Открытый пользовательский интерфейс

Инициатива и совместные усилия веб-разработчиков и инженеров по созданию стандартный пользовательский интерфейс с открытой спецификацией, которую разработчик может принять и внедрить независимо от платформы, используемой на веб-сайте.

В настоящее время работа продолжается. Я с нетерпением жду, как это повлияет на веб-разработку в будущем.

Блурхэш

Алгоритм генерировать «размытое» представление изображения. Это дает вам небольшое красивое изображение, которое вы можете использовать в качестве заполнителя, пока реальное изображение загружается полностью. Нет больше уродливых пустых коробок.

КОРС

Сталкивались ли вы с ошибкой CORS на своем веб-сайте? Вам интересно, как это происходит и как это исправить правильно? В этой статье представлены все ответы с подробными подробными пояснениями.

Мо

Мо удобный Утилита CLI, позволяющая найти неиспользуемый узелмодули .js из вашей компьютерной системы. Он также проверит использование памяти и предоставит вам возможность удалить ее с вашего компьютера, если вы хотите. Это отличный способ освободить место на диске на вашем компьютере.

Отчет об инструментах для упаковщиков

«Отчет об инструментах для связывания» предоставляет подробный отчет о функциях упаковщика. В списке есть несколько, таких как Webpack, Browserify, Rollup и Parcel. Если вы не уверены, какой из них подойдет для вашего приложения, этот отчет должен вам помочь.

Мантин

Набор из более чем 120 компонентов для создания современной сети и приложений с помощью React. Помимо компонентов, он также предоставляет список пользовательских хуков React, которые могут быть полезны во многих ситуациях, таких как доступ к ссылке DOM, выполнение «отклоненных» функций, управление состоянием и т. д.

KeystoneJS

Ан Headless CMS на основе Node.js с открытым исходным кодом. Это помогает разработчикам быстрее создавать приложения или сайты с пользовательской моделью данных. Вам просто нужно описать схему, и она автоматически предоставит вам пользовательский интерфейс, а также GraphQL API для доступа к данным во внешнем интерфейсе.

LoremSpace

А инструмент для создания фиктивных изображений или мокапов. Вместо того, чтобы генерировать случайные изображения, он позволяет вам выбирать тему изображения. Например, «фильм» будет генерировать изображение списка изображений афиши фильма, «альбом» — для создания обложки музыкального альбома, а «игра» — для создания изображений обложки игры. Вы можете выбрать то, что будет соответствовать тематике вашего сайта.