#шпаргалка дня

Ну теперь-то ты точно не забудешь, как работает justify-content…

…пока не придёт время использовать flex-direction: column 🤪

#css #flex #video

​Урок: JavaScript Паттерны. Шаблоны проектирования. 17 Примеров

Паттерн проектирования — это часто встречающееся решение определённой проблемы при проектировании архитектуры программ.

В видео на примерах разберут целых 17 паттернов на языке JavaScript:

https://youtu.be/YJVj4XNASDk

#урок #паттерны #javascript #ru

​30-seconds-of-code – Коллекция готовых фрагментов кода на JavaScript, CSS, Python и даже Git для любых ваших потребностей в разработке

Например, коллекция JS содержит широкий спектр вспомогательных функций ES6, помощников для работы с примитивами, массивами и объектами, а также алгоритмы, функции манипулирования DOM и утилиты Node.js

¡ Все фрагменты находятся на их веб-сайте

GitHub | #Interesting #Useful #Templates

Примеры использования популярных функций JavaScript, которые были добавлены в ECMAScript 2022 (ES13).

Читать

Memo — приложение для создания интеллектуальных заметок с помощью GitHub Gist

Инструмент позволяет владеть приватными данными, храня их в Github Gist, при этом получить к ним доступ можно из любого места и в любое время

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

#github #gist #open_source

How to Kill a Process Running on a Port

It is common in Node.js and other languages to run a script on a certain port. Since ports can come in and out of use, it's also common to get the following error:
Error: listen EADDRINUSE: address already in use :::3000
at Server.setupListen...

Read: https://fjolt.hashnode.dev/how-to-kill-a-process-running-on-a-port

🛠 Layoutit CSS Grid — простой и гибкий генератор grid-сеток. Добавляем столбцы, колонки, меняем ширину блоков и код готов. Осталось скопировать и вставить в свой проект.

WebDEV #инструменты #CSS

Панель навигации

Оставляем для вас ниже код, который поможет создать простую навигационную панель на HTML и CSS.

💻Забрать код

#html #css #практика

​​Что нового можем делать с формами в 2022?

Эта статья — перевод оригинальной статьи Ollie Williams "What’s New With Forms in 2022?"

Читать...

Полезный плагин для пользователей 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