How to Create a Refresh Token Feature in your Strapi Application

https://strapi.io/blog/how-to-create-a-refresh-token-feature-in-your-strapi-application

#кодинг
#nodejs
#strapi

58 PhpStorm Tips & Tricks
Приёмы и хитрости при работе в Шторме
https://masteringphpstorm.com/tips-and-tricks

Создание одностраничного приложения с Laravel и Vue

До запуска пользовательского интерфейса Laravel одной из его функций была поддержка Vue.js.
В статье мы рассмотрим, как создать одностраничное веб-приложение используя связку Laravel и Vue.

👉 @web_craft | #laravel

Книга «50 drops of PHP»
В ней собрано множество полезных и, либо неизвестных, либо недооцененных PHP-функций.
https://github.com/roberto-butti/50-drops-of-php

#vuejs

Статья от @dstrokov про v-once и v-memo во Vue.js

https://webislife.ru/vuejs-optimization-with-v-once-v-memo/

​Новый синтаксис диапазона медиа-запросов CSS

Представить адаптивный сайт без медиа-запросов невозможно. У страницы может быть сразу несколько вариантов стилей для разных устройств, диагоналей экранов и прочего.

Спецификация Media Queries Level 4 представила новый синтаксис для таргетинга на диапазон ширины вьюпорта с использованием обычных математических операторов сравнения — таких, как <, >, и =, которые имеют больше смысла синтаксически при написании меньшего количества кода. Подробнее о них здесь:

https://css-tricks.com/the-new-css-media-query-range-syntax/

#фронтенд #css

Libraries.io — бесплатный поисковик онлайн-репозиториев

С его помощью вы сможете найти нужный вам проект с открытым исходным кодом в базе из 6 млн пакетов

Libraries.io подключается к самым популярным менеджерам пакетов, таким как npm, bower, Packagist и т.д — всего их 32

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

#библиотека #пакеты

#такое дня

Меня одного задолбали недоделанные технологии?

Ну в самом деле, что толку, что web-платформа развивается семимильными шагами, если каждый шаг — в клоунских ботинках?

Щас поясню. Примеры будут очень простые, про скроллинг. Но показательные. Дальше предложите сами.

1. position: sticky

Мы его ждали много лет. С таблицами правило стало работать только после того, как в Chrome полностью движок таблиц переписали. А теперь... а теперь ещё несколько лет будем ждать, чтобы получить возможности навесить нужные стили на «прилипший» элемент. Слухи о псевдоклассе :sticked так и остались слухами.

Что мы делаем? Конечно же считаем скролл ручками!

2. element.scrollIntoView

Шикарная вещь! Просто гениальная по своей сути. Что может быть приятнее, чем просто указать, как именно нужно автоматически доскроллить до элемента и где остановиться. Вот только...

Вот только где offset, я спрашиваю? Почему нет такой простой вещи?

Но ведь есть scroll-margin-top, скажете вы...

Ага, вроде и есть. А что если мне нужен разный в зависимости от ситуации? А если динамический? Что если у меня на одном варианте AB-теста есть sticky-заголовки, а в другом — нет?

Что мы делаем? А опять ручками:

const line = document.querySelector(`[data-id=${id}]`);

if (line) {
  const p = line.getBoundingClientRect();
  window.scrollTo(p.left, p.top + window.scrollY - 40);
}

Раздражает. Зачем таким вообще заниматься?

Ну выход на самом деле только один — участвовать в обсуждениях. Или заткнуться.

#css #hate

Перевод статьи Андрея Ситника про новые спецификации CSS и цветовое пространство OKLCH.

Читать

How to fix scroll freezing in Safari

https://stackoverflow.com/questions/39692337/div-scrolling-freezes-sometimes-if-i-use-webkit-overflow-scrolling

#кодинг
#javascript

10 тенденций веб-разработки в 2023 году

Эта статья — своего рода попытка осмыслить последний опрос State of JS и спрогнозировать тренды на текущий год.

Читать

Deploy Vite app to GitHub Pages using GitHub Actions

https://github.com/sitek94/vite-deploy-demo/tree/main#readme

#кодинг
#vite
#github

Создание отзывчивого мобильного меню с помощью CSS без JavaScript

В этой статье вы узнаете, как создать отзывчивое мобильное меню с помощью CSS, без использования JavaScript. Автор пошагово показывает, как создать и стилизовать гамбургер-меню, анимировать его и сделать его доступным для пользователей с ограниченными возможностями:

https://blog.logrocket.com/create-responsive-mobile-menu-with-css-no-javascript/

#css #фронтенд

7 интересных API на JavaScript для создания веб-сайтов, о которых вы (скорее всего) не знали

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

https://habr.com/ru/post/718712/

#js #education #ru

💬 Чат фронтендеров

Deploying Nodejs app on Ubuntu server with pm2 & nginx

Deploying a Node.js application on an Ubuntu server can be a daunting task, but with the right tools, it can be done with ease. In this tutorial, we will go over how to deploy a Node.js application using the process manager pm2 and the web server Ngi...

Read: https://bwiza.hashnode.dev/deploying-nodejs-app-on-ubuntu-server-with-pm2-nginx