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 01:18
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, 16.11.2017 07:40
Текст в одну строку и троеточие в конце. Как это сделать? Text in one line and ellipses at the end. Для этого есть замечательное CSS3 свойство text-overflow. Это свойство определяет параметры видимости текста в блоке, если текст полностью не помещается в область видимости. Есть 2 варианта: текст просто обрезается, или текст обрезается и к концу строки добавится многоточие. text-overflow работает только если блоку присвоено свойство overflow со значением hidden или auto или...
Paul Osmachko, 18.10.2017 14:29
При высоте контейнера height:100vh; на мобильных устройствах, этот контейнер немного перекрывается адресной строкой вверху, либо панелью управления мобильного браузера внизу. Мобильном устройстве, при прокрутке страницы ниже, адресная строка и панель управления убираются, после чего наш контейнер показывается полностью. Отследить правильный размер экрана нам поможет этот JS код: window.innerHeight //показывает действительную высоту экрана Запускать это лучше всего при загрузке...