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

Чаще всего это делается через "выделить все", но есть более новый и удобный способ: 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

Интересная php библиотека для генерации QR Code и выдающая результат не в виде картинки, а в формате Svg

На самом деле она умеет генерировать: QR Code (Barcoder), Datamatrix, Code 128, EAN-8, EAN-13, UPC-A и UPC-E


Категории: Web, PHP

Основная идея - создать блок, в котором расположены несколько заголовков пронизанных вертикальной линией так, что виден задний фон.

Такое проще показать, чем объяснить:

pic1


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

Иногда необходимо произвести как-либо действия, если размер экрана изменился, но повесить событие onresize и выполнять весь код при любом изменении - бывает накладно по ресурсам.

Учитывая, что обычно действие требуется только при пересечении некоторого рубежа / брейкпоинта (например, только если ширина окна стала меньше 972px), то ниже будет примет решения такой задачи.


Категории: Web, JavaScript

Частая задача - красиво оформить поле для прикрепления файла.

Основной проблемой тут является то, что сам элемент input type="file" через CSS кастомизировать можно плохо, поэтому его просто скрывают и оформляют кнопку место его кнопку, ссылку, label...

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


Категории: Web, JavaScript, HTML, CSS
Пометки: css как красиво оформить прикрепленный файл (input file)

Далеко не всех устраивает, если ссылки на сайте содержат ID (/blog/1), намного более привлекательный вид имеют человеко понятные url'ы (/blog/my_first_title).

Далее будет описание как добавить ЧПУ в проект на Laravel.


Категории: Web, Laravel
Яндекс.Метрика