Полезный плагин для пользователей PhpStorm

TLDR — плагин для PhpStorm, который подключает искусственный интеллект и тот на чистом английском языке объясняет, что делает ваш код.
https://plugins.jetbrains.com/plugin/20050-tldr

В PHP 8.3 появится новая функция json_validate, которая будет определять является ли указанная строка действительно json.

Кеширование на стороне клиента с Vue и Workbox service workers

Статья о стратегиях кеширования с помощью сервис воркеров и их конфигурации для приложений на Vue.

https://blog.logrocket.com/frontend-caching-in-vue-with-workbox-service-workers/

Кэширование контента в файлы PHP

Для ускорения работы PHP-сайта можно применить механизм единоразового сохранения сформированного контента в файлах кэша для их повторного использования. Например, меню сайта, «тяжелый» вывод выгрузки из базы данных и т.д.
Для этих целей был написан небольшой статический PHP-класс для кэширования блоков контента или страниц целиком. Изучаем подробно в статье по ссылке.

👉 @web_craft | #php

#vuejs #touch #android #ios

Статейка на тему тач-событий в Vue.js

https://blog.logrocket.com/understanding-vue-touch-events-android-ios/

​​JavaScript: редко используемые, но полезные API

Продолжение этой статьи. Автор рассказывает еще о некоторых API, которые редко встречаются в "дикой природе", но могут оказаться весьма полезными в "пограничных ситуациях":

👉 Beacon API
👉 Clipboard API
👉 Notifications API
👉 Performance API

Читать...

#longread

Setting up Ubuntu 22.04 for development

I just had a clean reinstall of the latest ubuntu 22.04 LTS. This meant I had to setup my coding environment again from the scratch.
Basic Setup
First run
sudo apt update && sudo apt upgrade to installl the updates.
Then later install the gnome tw...

Read: https://blog.xenseee.tech/setting-up-ubuntu-2204-for-development

Решение проблемы с аудио на macOS/iOS

https://stackoverflow.com/questions/54047606/allow-audio-play-on-safari-for-chat-app

#кодинг
#js
#macOS

Generate dummy data in database by using Laravel Factory and Seed The Database by using Database Seeder

https://dev.to/shanisingh03/generate-dummy-laravel-data-with-model-factories-seeder-gg4

#кодинг
#backend
#php
#laravel

​Прокачиваем скилл веб-разработки: контейнерные запросы CSS простым языком

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

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

Всё простым языком и на реальных примерах: https://ishadeed.com/article/container-queries-are-finally-here/

#css #фронтенд

How to make API in Laravel 9

#кодинг
#php
#laravel

https://dev.to/shanisingh03/how-to-make-api-in-laravel-9-310g

​Шпаргалка: Git-команды для исправления своих ошибок

Если вы ошиблись в Git’е, разобраться, что происходит и как это исправить, — непростая задача. Документация Git — это кроличья нора, из которой вы вылезете только зная конкретное название команды, которая решит вашу проблему.

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

Ссылка на шпаргалку

#шпаргалка #git #ru

Gitignore.io — веб-сервис для автоматического создания .gitignore-файлов

Работает платформа максимально просто — вам достаточно лишь ввести на главной странице используемые в проекте технологии

После этого сервис мгновенно создаст подходящий .gitignore-файл

Стоимость: #бесплатно

#open_source #web

Клейморфизм на CSS

Простая реализация визуального эффекта для элементов

https://blog.openreplay.com/implementing-claymorphism-with-css/

💡 Встроенный редактор на Vue.js

В предыдущем примере наша модель имела только пару предопределенных значений. Если мы хотим предоставить пользователям возможность менять любые данные, нам нужно сделать двустороннюю привязку данных и объединить поле ввода со свойством модели. Когда вводится текст, он автоматически сохраняется в модели text_content, которая затем вызывает обновление для представления.

Демо на CodePen.

Продолжение следует...

WebDEV #советы #web #Vue