Paul Osmachko, 09.08.2019 14:25
Сравним какая подсветка синтаксиса кода лучше. На сегодняшний день мы имеем уже большее количество всяких скриптов которые делают это. Загуглим: code syntax highlighting. и рассмотрим список самых популярных скриптов подсветки синтаксиса: Хотя.... Зачем тратить на это время. Нам нужно чтобы работало быстро, не нагружало страницу лишними скриптами, и заморачиваться не хочется с внедрением скрипта в сайт. Надо также чтобы отображалось красиво, как в нашем ide, типа PHPStorm или любом...
Paul Osmachko, 25.10.2018 15:46
Ранее мы писали о том как привязать футер к низу страницы, сегодня мы рассмотрим как отцентровать popup с помощью css. Мы пересмотрели много различных методов, но ни один из них не удовлетворял нашим нуждам, поэтому было принято решение найти идеальный метод центрирования блока (попапа) по вертикале и горизонтали, средствами css, без использования js. Метод учитывает что высота попапа может быть разной: маленькой, большей, превышающей размер окна. В случае большей высоты попапа, появится скролл...
pwodev.com, 14.04.2024 14:39
Paul Osmachko, 02.01.2018 17:19
Сегодня поговорим о том как сделать парсер сайтов на php или html tag parser. Задача получить контент сайта с помощью php, а дальше из полученного контента вытащить содержимое какого-либо тега или class или id. Например jQuery это хороший парсер контента. Тоесть чтобы получить какой-то элемент страницы достаточно знать только селектор этого элемента. Вообщем нам нужен такой же парсер контента сайтов как jQuery но на php. Для реализации этого есть php класс DOMDocument. Этот класс...
Paul Osmachko, 19.12.2017 13:30
Сегодня найдем окончательное надежное решение вопроса как средствами css прижать футер к низу страницы с помощью css и html. Притянуть футер низ страницы. Также этим способом можно отцентровать контент content по середине страницы. Для того чтобы прижать footer к низу страницы нужно создать определенную структуру html: <html>
<head></head>
<body>
<div class="wrapper">
<div class="header">
</div>
<div...
Paul Osmachko, 01.12.2017 11:11
Ранее на мы уже рассматривали как в PhpStorm включить отображение скрытых файлов, сегодня мы настроем в PhpStorm Watchers вочеры для pug и less. Скачать PhpStorm можно на официальном сайте: https://www.jetbrains.com/phpstorm/ Настройка pug / Jade Watchers. Для начала нам нужно установить поддержку pug. PhpStorm -> Preference -> Plugins Дальше ищем плагин Pug (ex- Jade) и устанавливаем его. Чтобы правильно настроить в PhpStorm вочер pug делаем простые...
Paul Osmachko, 13.11.2017 14:59
Как поместить большей кусок html кода в переменную php? Как сделать echo для большего html кода? Как записать в переменную html код. Чтобы больше не искать помещу этот код тут: $content = <<<CONTENT
{$php_code}
<!-- html code here -->
CONTENT; Но не скажу что этот вариант лучше всего использовать. Но в некоторых случаях...
Paul Osmachko, 13.11.2017 10:50
Имеем форму с полем ввода 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'])...
Paul Osmachko, 08.11.2017 13:08
Для того чтобы верстать повторяющиеся блоки с помощью Pug, раньше называвшийся Jade, не обязательно постоянно копировать повторяющийся блок, достаточно вывести этот блок в цикле "each val in array", а данные выводившиеся в этом блоке сохранить в условную базу данных Pug. В таком случае нам не прийдется добавлять наши изменения в верстке к каждому блоку, а всего лишь изменить один раз в цыкле, после чего наши изменения в коде добавятся ко всем блокам сразу. Так как же это...
Paul Osmachko, 24.10.2017 10:19
Viewport это штука без которой нельзя обойтись. Если вы верстаете под мобильное устройство iPhone или Android да и вообще любое другое устройство, правильно чтобы верстка отображалась одинаково на всех видах экрана, чтобы не было косяков и все было корректно по дизайну. Если вы верстаете правильно, а так и надо, то вам пригодится очень важный тег который позволит убрать стандартное увеличение, зум (zoom) и чтобы ширина (width) и высота (height) на мобильном (mobile) устройстве отображалась...