HTML | Wiki | PWODEV
, 25.10.2018 15:46

Отцентровать popup с помощью css

Ранее мы писали о том как привязать футер к низу страницы, сегодня мы рассмотрим как отцентровать popup с помощью css. Мы пересмотрели много различных методов, но ни один из них не удовлетворял нашим нуждам, поэтому было принято решение найти идеальный метод центрирования блока (попапа) по вертикале и горизонтали, средствами css, без использования js. Метод учитывает что высота попапа может быть разной: маленькой, большей, превышающей размер окна. В случае большей высоты попапа, появится скролл...
, 13.08.2018 13:18

Спецсимволы для использования в HTML коде

В этой статье будем собирать спецсимволы которые иногда нужны в коде. Спецсимволы:   неразрывный пробел ¡¡перевернутый восклицательный знак€€€евр§параграф©©©знак копирайтов...
pwodev.com, 20.06.2024 00:53
, 19.12.2017 13:30

Как привязать футер к низу страницы

Сегодня найдем окончательное надежное решение вопроса как средствами css прижать футер к низу страницы с помощью css и html. Притянуть футер низ страницы. Также этим способом можно отцентровать контент content по середине страницы. Для того чтобы прижать footer к низу страницы нужно создать определенную структуру html: <html> <head></head> <body> <div class="wrapper"> <div class="header"> </div> <div...
, 01.12.2017 11:11

Настройка PhpStorm pug (jade) и less Watchers

Ранее на мы уже рассматривали как в PhpStorm включить отображение скрытых файлов, сегодня мы настроем в PhpStorm Watchers вочеры для pug и less. Скачать PhpStorm можно на официальном сайте: https://www.jetbrains.com/phpstorm/ Настройка pug / Jade Watchers. Для начала нам нужно установить поддержку pug. PhpStorm -> Preference -> Plugins Дальше ищем плагин Pug (ex- Jade) и устанавливаем его. Чтобы правильно настроить в PhpStorm вочер pug делаем простые...
, 13.11.2017 14:59

Как поместить кусок html кода в переменную php

Как поместить большей кусок html кода в переменную php? Как сделать echo для большего html кода? Как записать в переменную html код. Чтобы больше не искать помещу этот код тут: $content = <<<CONTENT {$php_code} <!-- html code here --> CONTENT; Но не скажу что этот вариант лучше всего использовать. Но в некоторых случаях...
, 13.11.2017 10:50

Как разбить на array каждую строку из textarea. PHP

Имеем форму  с полем ввода textarea и кнопочкой отправить (Submit). Отправляем это все методом пост (POST). Дальше обрабатываем эту форму с помощью PHP. Задача в переменной которая приходит от textarea каждую строку преобразовать в ячейку массива. Итак приступим. Код формы: <form method="post"> <textarea name="rows" placeholder="Add each row with a new line"></textarea> <input type="submit"> </form> Обработчик php: <?php if(isset($_POST['rows'])...
, 08.11.2017 13:08

Pug (Jade) — Database, Loop повторяющихся блоков

Для того чтобы верстать повторяющиеся блоки с помощью Pug, раньше называвшийся Jade, не обязательно постоянно копировать повторяющийся блок, достаточно вывести этот блок в цикле "each val in array", а данные выводившиеся в этом блоке сохранить в условную базу данных Pug. В таком случае нам не прийдется добавлять наши изменения в верстке к каждому блоку, а всего лишь изменить один раз в цыкле, после чего наши изменения в коде добавятся ко всем блокам сразу. Так как же это...
, 24.10.2017 10:19

Viewport — мета тег для нормальной верстки для мобильного устройства.

Viewport это штука без которой нельзя обойтись. Если вы верстаете под мобильное устройство iPhone или Android да и вообще любое другое устройство, правильно чтобы верстка отображалась одинаково на всех видах экрана, чтобы не было косяков и все было корректно по дизайну. Если вы верстаете правильно, а так и надо, то вам пригодится очень важный тег который позволит убрать стандартное увеличение, зум (zoom) и чтобы ширина (width) и высота (height) на мобильном (mobile) устройстве отображалась...