Метка: html5

Как html-парсер на php написать. Вводная часть — 07.07.2020

Введение Здесь и далее в статье будим называть документ, содержащий html просто «Документ». Dom дерево, находящееся в элементе, будет называться «Подмассив». Что должен делать парсер? Давайте сначала определимся, что должен делать парсер, чтобы в будущем отталкиваться от этого при разработке. А именно, парсер должен: Проектировать dom-дерево на основе документа Если ПОДРОБНЕЕ

История игры Триплекс, или сколько нужно квадратиков чтобы сломать голову

Чтобы освоить азы Web программирования, я решил написать HTML5 игру — головоломку под названием Triplex (www.quadpuzzle.ru). Написать игру для себя и для друзей — полдела. Захотелось довести проект до ума, сделав из игры продукт для широкого круга пользователей. Насколько получилось — судить вам.     Правила игры просты. На игровом поле разложены ПОДРОБНЕЕ

Дайджест свежих материалов из мира фронтенда за последнюю неделю №409 (30 марта — 5 апреля 2020)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Веб-разработка    |    CSS    |    JavaScript    |    Браузеры    |    Занимательное    |     Веб-разработка • Концепции, лежащие в основе Web Audio API • Intersection Observer API: примеры использования • Туториал. Интерактивная SVG-диаграмма • Простой способ имплементации адаптивных изображений • BEM Cheat Sheet • Почему некоторые элементы HTML ПОДРОБНЕЕ

Дайджест свежих материалов из мира фронтенда за последнюю неделю №408 (23 — 29 марта 2020)

Предлагаем вашему вниманию подборку с ссылками на новые материалы из области фронтенда и около него. Медиа    |    Веб-разработка    |    CSS    |    JavaScript    |    Браузеры Медиа • UnderJS Podcast №18 — Yarn2 и баг длиною… • Девшахта/Ночной фронтенд: Мониторинг node.js на примере интересного кейса • Подкаст «Фронтенд Юность (18+)» №130: Первый изолированный • Подкаст «Веб-стандарты» №222. GitHub и npm, ПОДРОБНЕЕ

Делаем 3D конфигуратор без программирования и вёрстки

3D-конфигураторы продуктов — это относительно новая тенденция в онлайн-маркетинге и электронной коммерции. Создание таких веб-приложений стало возможным вследствие быстрого развития браузерной технологии WebGL, позволяющей рисовать 3D-графику прямо на веб-страницах пользователей. На мой взгляд, единственная проблема, которая мешает развитию этой тенденции — отсутствие эффективных инструментов. Большинство из них являются трёхмерными движками, ПОДРОБНЕЕ