Настройка Workbox Background Sync для совместимости с iOS и Android WebView

Важность надежной обработки запросов в оффлайн-режиме невозможно переоценить, особенно для приложений, которые должны функционировать и в отсутствии интернет-соединения. Workbox - это мощный инструмент для управления Service Worker в браузерах, он как раз призван решать подобную задачу при помощи соответствующего плагина, но поддержка Background Sync API не универсальна. В этой статье я покажу, как расширить Workbox, чтобы Background Sync корректно работал даже на платформе iOS/Safari.

https://habr.com/ru/articles/915896/

#фронтендразработка #оффлайнприложения #оптимизация #javascript #web #webразработка #webпрограммирование #pwa #progressive_web_applications #progressive_web_apps

Рукописный редактор на Python: инструкция для тех, кто хочет «рисовать» код

Привет, меня зовут Лёня! Я автор YouTube‑канала eleday о программировании на Python. Недавно в школе была проверочная работа и мне пришлось писать код на бумаге. Такой подход показался странным: все-таки программа может исполняться только на компьютере и логично набирать ее там же. Подобная цепочка рассуждений привела к интересной идее — редактору рукописного ввода. В этой статье расскажу о задумке и деталях ее реализации. Создадим виртуальный лист, на котором можно набросать код от руки — и он будет исполняться!

https://habr.com/ru/companies/selectel/articles/910602/

#selectel #python #javascript #распознавание_текста #ocr #ocrтехнологии #webпрограммирование

Рукописный редактор на Python: инструкция для тех, кто хочет «рисовать» код

Привет, меня зовут Лёня! Я автор YouTube‑канала eleday о программировании на Python. Недавно в школе была проверочная работа и мне пришлось писать код на бумаге. Такой подход показался странным: все-таки программа может исполняться только на компьютере и логично набирать ее там же. Подобная цепочка рассуждений привела к интересной идее — редактору рукописного ввода. В этой статье расскажу о задумке и деталях ее реализации. Создадим виртуальный лист, на котором можно набросать код от руки — и он будет исполняться!

https://habr.com/ru/companies/selectel/articles/910602/

#selectel #python #javascript #распознавание_текста #ocr #ocrтехнологии #webпрограммирование

[Перевод] Меню для отзывчивого интерфейса без скриптов

В этой статье мы расскажем как создать отзывчивое меню по принципу mobile-first, используя только HTML и CSS — без JavaScript. Полный код, используемый в этой статье, доступен в репозитории на GitHub.

https://habr.com/ru/companies/beget/articles/905408/

#responsive_design #hamburger #css #туториал #пример #webразработка #webпрограммирование #nojavascript

ОБЗОР СОВРЕМЕННЫХ ВОЗМОЖНОСТЕЙ CSS. Subgrid

Subgrid — это возможность использовать сетку (grid) внутри дочерних элементов, сохраняя структуру родительской сетки. Задача: Создать макет сетки с изображениями, где вложенные группы элементов адаптируются по ширине родительской сетки, сохраняя гибкость отступов. Некоторым группам необходимо задать индивидуальные стили — отступы и цвет фона, чтобы визуально выделить их на фоне остальных. Нам нужно чтобы во втором ряду элементы начинались со второй колонки и последний элемент становился четвертой колонкой, а четвертый ряд обладал другим фоном и другими отступами:

https://habr.com/ru/articles/898570/

#css #grid #subgrid #html #frontend #frontendразработка #web #css3 #вебразработка #webпрограммирование

Разработка топ мобильной игры в соло, с нуля, без бюджета, без движка, без знания языка программирования. Начало

Давно хотел сделать мобильную игру, но руки никак не доходили. А неделю назад решил, что время пришло, поэтому решено - начинаем делать.

https://habr.com/ru/articles/897632/

#разработка #движки #html5 #мобильные_игры #canvas #javascript #программирование #мобильная_разработка #webразработка #webпрограммирование

«Идти в программисты сегодня — большая ошибка»: откровения техноблогера Михаила Ларченко

Что общего между космонавтом и программистом? Скоро эти профессии станут в равной степени бессмысленным выбором для карьеры. В интервью Youtube-каналу Ai4dev автор одного из самых интеллектуальных IT-каналов на YouTube, Fullstack-разработчик Михаил Ларченко рассказал, как искусственный интеллект уже переворачивает индустрию с ног на голову, почему европейские модели могут оказаться лучше американских, и что делать разработчику, чтобы не оказаться выброшенным на обочину технологического прогресса.

https://habr.com/ru/articles/887402/

#ииассистент #ии_и_машинное_обучение #вебсайт #webпрограммирование #интервью #llm #советы_начинающим #кодревью #программисты #программирование_для_начинающих

[Перевод] Flutter 3.29 — Что нового во Flutter?

Погрузитесь в Flutter 3.29! Этот релиз улучшает разработку и повышает производительность, с обновлениями Impeller, Cupertino, DevTools и других. Flutter 3.29, в котором приняли участие 104 уникальных автора, демонстрирует преданность сообщества. Давайте рассмотрим, что нового!

https://habr.com/ru/articles/884078/

#programming_language #dart #flutter #impeller #webпрограммирование

[Перевод] Обновление Laravel 11.34: Fluent-запросы и новые возможности

На этой неделе команда Laravel выпустила версию 11.34, представив новые возможности, такие как метод Request::fluent() , хелпер Number::spellOrdinal() для преобразования чисел в порядковые слова, условное определение маршрутов, сокращенные методы для фейковых HTTP-ответов и многое другое.

https://habr.com/ru/articles/862998/

#webразработка #webпрограммирование #laravel #opensource #разработка_сайтов

Элегантная реализация Long Press обработчика с помощью CSS анимации

В веб-разработке часто возникает необходимость обрабатывать различные типы взаимодействий пользователя, включая короткие и длинные нажатия. В этой статье мы рассмотрим изящный способ реализации обработчиков для этих двух взаимодействий. ▎Зачем нужен Long Press? Long Press — это взаимодействие, при котором пользователь удерживает палец на экране или кнопку в течение определенного времени. Это может быть полезно для вызова дополнительных действий, таких как контекстное меню, всплывающие подсказки или специальные функции, которые не должны выполняться при обычном клике. ▎Стандартное решение Реализация обработчиков долгого и короткого нажатия на чистом JavaScript будет выглядеть примерно следующим образом:

https://habr.com/ru/articles/860704/

#javascript #css #html #frontend #frontend #frontendразработка #webразработка #webпрограммирование