Paul Osko, 09.08.2019 14:25
Сравним какая подсветка синтаксиса кода лучше. На сегодняшний день мы имеем уже большее количество всяких скриптов которые делают это. Загуглим: code syntax highlighting. и рассмотрим список самых популярных скриптов подсветки синтаксиса:
Хотя....
Зачем тратить на это время. Нам нужно чтобы работало быстро, не нагружало страницу лишними скриптами, и заморачиваться не хочется с внедрением скрипта в сайт. Надо также чтобы отображалось красиво, как в нашем ide, типа PHPStorm или любом...
Paul Osko, 25.10.2018 15:46
Ранее мы писали о том как привязать футер к низу страницы, сегодня мы рассмотрим как отцентровать popup с помощью css. Мы пересмотрели много различных методов, но ни один из них не удовлетворял нашим нуждам, поэтому было принято решение найти идеальный метод центрирования блока (попапа) по вертикале и горизонтали, средствами css, без использования js. Метод учитывает что высота попапа может быть разной: маленькой, большей, превышающей размер окна. В случае большей высоты попапа, появится скролл...
Paul Osko, 19.12.2017 13:30
Сегодня найдем окончательное надежное решение вопроса как средствами css прижать футер к низу страницы с помощью css и html. Притянуть футер низ страницы. Также этим способом можно отцентровать контент content по середине страницы.
Для того чтобы прижать footer к низу страницы нужно создать определенную структуру html:
<html>
<head></head>
<body>
<div class="wrapper">
<div class="header">
</div>
<div...
Paul Osko, 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 Osko, 16.11.2017 07:40
Текст в одну строку и троеточие в конце. Как это сделать? Text in one line and ellipses at the end.
Для этого есть замечательное CSS3 свойство text-overflow.
Это свойство определяет параметры видимости текста в блоке, если текст полностью не помещается в область видимости. Есть 2 варианта: текст просто обрезается, или текст обрезается и к концу строки добавится многоточие. text-overflow работает только если блоку присвоено свойство overflow со значением hidden или auto или...
Paul Osko, 18.10.2017 14:29
При высоте контейнера height:100vh; на мобильных устройствах, этот контейнер немного перекрывается адресной строкой вверху, либо панелью управления мобильного браузера внизу. Мобильном устройстве, при прокрутке страницы ниже, адресная строка и панель управления убираются, после чего наш контейнер показывается полностью.
Отследить правильный размер экрана нам поможет этот JS код:
window.innerHeight //показывает действительную высоту экрана
Запускать это лучше всего при загрузке...
