html | Wiki | PWODEV
, 25.10.2018 15:46

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

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

Парсер сайтов и контента — phpQuery

Сегодня поговорим о том как сделать парсер сайтов на php или html tag parser. Задача получить контент сайта с помощью php, а дальше из полученного контента вытащить содержимое какого-либо тега или class или id. Например jQuery это хороший парсер контента. Тоесть чтобы получить какой-то элемент страницы достаточно знать только селектор этого элемента. Вообщем нам нужен такой же парсер контента сайтов как jQuery но на php. Для реализации этого есть php класс DOMDocument. Этот  класс php парсит...
pwodev.com, 14.11.2018 10:00
, 19.12.2017 13:30

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

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

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

Имеем форму  с полем ввода textarea и кнопочкой отправить (Submit). Отправляем это все методом пост (POST). Дальше обрабатываем эту форму с помощью PHP. Задача в переменной которая приходит от textarea каждую строку преобразовать в ячейку массива. Итак приступим. Код формы: [crayon-5bebf25b15b08804383625/] Обработчик: [crayon-5bebf25b15b0d091864363/] В итоге имеем массив данный где каждая строка из 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) устройстве отображалась пиксель в пиксель, только тогда мы сможем видеть...