Рубрика «html»
От jsPDF к Chrome: решение сложной задачи рендеринга PDF с таблицами
2025-02-08 в 6:15, admin, рубрики: chrome, html, jspdf, PDF, pdftk, Puppeteer, WeasyPrint, wkhtmltopdf, Рендеринг pdfВведение
Расскажу вам о кейсе про генерацию PDF из HTML страницы основанной на Ant Design для на который ушло гораздо больше времени, чем планировалось, при этом решение оказалось довольно простым. Расскажу какие решения мы пытались применить и с какими проблемами пришлось столкнуться.
Описание задачи
Селекторы HTML элементов в JavaScript
2025-01-19 в 13:16, admin, рубрики: html, javascript, queryselector, queryselectorallМанипулирование деревом DOM
, это альфа и омега любого фронтенд-разработчика, а это не возможно без селекторов позволяющих находить HTML
элементы. Давайте подробно разберёмся как они работают.
Основных методов селекторов в JavaScript всего 2 и оба они являются методами классов Document
и Element
:
-
querySelector()
- принимает строку с селектором в качестве аргумента и возвращает первое совпадение с ним илиnull
, если ничего не найдено. -
querySelectorAll()
- точно так-же принимает аргументом, строку с селектором и возвращает все найденные элементы, в виде массива элементовNodeList
Читать полностью »
Генерация PDF-файлов на Go
2025-01-03 в 10:15, admin, рубрики: fpdf, Go, gotenberg, html, PDF, wkhtmltopdfГенерация PDF-документов это практически неотъемлемая часть при создании отчетов. Ведь гораздо проще иметь один HTML-шаблон который просто редактируется, и в нужные места подставить необходимые данные.
В статье отобрал самые популярные (по звездам на GitHub на момент написания статьи) инструменты для генерирования PDF из HTML, DOCX и некоторых других форматов. Рассмотрим только те, которые реализованы непосредственно на Go ИЛИ имеют обертки над API на Go.
Список следующий:
Проектная работа «Оно тебе надо» от Яндекс практикума
2024-12-13 в 19:42, admin, рубрики: css, html, верстка, проектВсем привет, меня зовут Максим. Я начинающий фронтенд разработчик, а также студент Центрального университета. Я обучаюсь фронтенд разработке на Яндекс Практикуме и хочу поделиться опытом разработки первого проекта.
Начало
MomBoard: E-Ink дисплей для родственника с амнезией
2024-11-29 в 13:01, admin, рубрики: css, DIY, e-ink display, html, ruvds_перевод, гаджеты, Программирование
Моя матушка страдает амнезией, и примерно два года назад я поставил у неё дома E-Ink дисплей, чтобы упростить ей самостоятельную жизнь. В итоге этот дисплей прекрасно работает по сей день, и я решил поделиться основными моментами его настройки для тех, кому он может пригодиться в похожих ситуациях. Читать полностью »
Как заставить ИИ на базе LLM писать полноценные приложения на HTML + CSS + JavaScript
2024-11-27 в 11:19, admin, рубрики: AI, chatgpt, html, javascript, llm, miniapp, OpenAI, telegrambot, web
Зачем вообще это делать?
Во первых это настоящий вызов современным LLM моделям и очень интересно как разные модели будут справляться с такой задачей.
Элегантная реализация Long Press обработчика с помощью CSS анимации
2024-11-23 в 5:15, admin, рубрики: css, front-end, frontend-разработка, html, javascript, web-разработкаВ веб-разработке часто возникает необходимость обрабатывать различные типы взаимодействий пользователя, включая короткие и длинные нажатия. В этой статье мы рассмотрим изящный способ реализации обработчиков для этих двух взаимодействий.
▎Зачем нужен Long Press?
Long Press — это взаимодействие, при котором пользователь удерживает палец на экране или кнопку в течение определенного времени. Это может быть полезно для вызова дополнительных действий, таких как контекстное меню, всплывающие подсказки или специальные функции, которые не должны выполняться при обычном клике.
▎Стандартное решение
Преобразование растрового изображения в векторное изображение Tree.js и HTML (ознакомиться с полным кордом можно по ссылке на мой репозиторий )


Содержание
Пишем одностраничное приложение с помощью htmx
2024-10-13 в 9:01, admin, рубрики: html, htmx, javascript, MPA, ruvds_перевод, service worker, SPA, одностраничное приложение
JS-библиотеку htmx воспринимают как средство, которое спасает интернет от одностраничных приложений. Всё дело в том, что React поглотил разработчиков своей сложностью (так говорят), а htmx предлагает столь желанное спасение.Читать полностью »