HTML | Wiki | PWODEV
, 25.10.2018 15:46

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

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

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

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

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

Сегодня найдем окончательное надежное решение вопроса как средствами css прижать футер к низу страницы с помощью css и html. Притянуть футер низ страницы. Также этим способом можно отцентровать контент content по середине страницы. Для того чтобы прижать footer к низу страницы нужно создать определенную структуру html: [crayon-5bf6978fd1bb7141034016/] После того как структура страницы готова, приступаем к настройке css. Нам нужно сделать так чтобы html и body занимали всю высоту...
, 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 код. Чтобы больше не искать помещу этот код тут: [crayon-5bf6978fd21b0883430458/] Но не скажу что этот вариант лучше всего использовать. Но в некоторых случаях...
, 13.11.2017 10:50

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

Имеем форму  с полем ввода textarea и кнопочкой отправить (Submit). Отправляем это все методом пост (POST). Дальше обрабатываем эту форму с помощью PHP. Задача в переменной которая приходит от textarea каждую строку преобразовать в ячейку массива. Итак приступим. Код формы: [crayon-5bf6978fd24cb428101499/] Обработчик: [crayon-5bf6978fd24d1760644322/] В итоге имеем массив данный где каждая строка из textarea является ячейкой массива. Если вы знаете более лаконичный способ пишите в...
, 08.11.2017 13:08

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

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

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

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