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

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

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

Давайте перейдем к полному списку.

Показать код

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

Показать код
EventLoop

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

EventLoop
Laravel Storybook

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

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

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

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

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

Инициализатор Laravel
PHP-прошивальщик

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

PHP-прошивальщик
ЛоготипИпсум

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

ЛоготипИпсум
MJML

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

MJML
Изучите CSS

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

Изучите CSS
ViteBook

ViteBook стремится предоставить альтернативу Сборник рассказов — популярный инструмент с открытым исходным кодом для управления UI и дизайн-системой. Основное внимание в ViteBook уделяется производительности, поскольку он построен на Quick.js. ViteBook в настоящее время находится на ранней стадии незавершенной работы. Я с нетерпением жду, как он будет развиваться.

ViteBook
Encute

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

Encute
Иконки Bootstrap

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

Иконки Bootstrap
Открытый интерфейс

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

Открытый интерфейс
Blurhash

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

Blurhash
CORS

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

CORS
Пн

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

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

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

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

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

Мантини
KeystoneJS

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

KeystoneJS
LoremSpace

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

LoremSpace

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован.