Когда требуется разместить на сайте видео, можно можно использовать HTML 5 тег video. А добавив несколько css стилей, он будет адаптироваться под разные экраны.


Категории: Web, HTML, CSS

Просто памятка с примерном волны в формате SVG.


Пометки: Волна, Кривая линия svg

Иногда требуется отсортировать HTML таблицу, без обращения к серверу. Это можно спокойно сделать на простом JavaScript.


Категории: Web, JavaScript, HTML
Пометки: Сортируем HTML таблицу на JavaScript

Как не странно, но столкнулся с тем, что многие говорят, что у них видео, которое нужно залить на сайт, сделано в для igtv (Имеется в виду, что видео для Instagram было записано в вертикальном положении) и они не знают как разместить его на сайте.


Категории: Web, HTML
Пометки: Вертикальное видео youtube, igtv

Autocomplete (автозаполнение полей браузером) не всегда удобно, особенно учитывая, что браузер сам определяет чем заполнять поле, и далеко не всегда "угадывает".

Также, например, исходя из соображений безопасности, некоторые поля тоже не нужно заполнять.

Для этого в HTML существует атрибут autocomplete, но вот беде, после определенного обновления браузере Chrome перестал воспринимать этот атрибут.


Категории: Web, Soft
Пометки: chrome autocomplete off

Иногда пользователю нужно отправить на сервер не один файл, и не парочку из папки, а содержимое всей директории.

Чаще всего это делается через "выделить все", но есть более новый и удобный способ: webkitdirectory или directory, этот атрибут формы позволяет выбрать, используя стандартное окно выбора файла браузера, папку целиком.


Категории: Web, HTML
Пометки: Отправка всей директории на сервер HTML форма

Довольно эффектно смориться, если задний фон сайта не картина, а настоящие видео. Такое можно легко сделать на css и html 5.


Категории: Web, HTML
Пометки: html video autoplay не работает

Очередной конкурент для Font Awesome - новый иконочный шрифт Material System icons на этот раз от google.


Категории: Web, -Памятка-
Пометки: Font Awesome

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


Пометки: Волна. Как сделать наклонную горизонтальную линию на css. Верстка линия.

Часто для тестовых веб серверов нужно настроить https (SSL сертификат).

В заметке будет пример настройки самоподписанного SSL сертификата в Аpache.


Категории: Web, Apache, Linux, Centos
Пометки: Аpache https настройка в centos 7
Яндекс.Метрика