css | Wiki | PWODEV
, 25.10.2018 15:46

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

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

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

Сегодня найдем окончательное надежное решение вопроса как средствами css прижать футер к низу страницы с помощью css и html. Притянуть футер низ страницы. Также этим способом можно отцентровать контент content по середине страницы. Для того чтобы прижать footer к низу страницы нужно создать определенную структуру html: [crayon-5bebf1ac0a075021024874/] После того как структура страницы готова, приступаем к настройке css. Нам нужно сделать так чтобы html и body занимали всю высоту...
pwodev.com, 14.11.2018 09:58
, 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 делаем простые манипуляции в...
, 16.11.2017 07:40

Текст в одну строку и троеточие в конце CSS

Текст в одну строку и троеточие в конце. Как это сделать? Text in one line and ellipses at the end. Для этого есть замечательное CSS3 свойство text-overflow. Это свойство определяет параметры видимости текста в блоке, если текст полностью не помещается в область видимости. Есть 2 варианта: текст просто обрезается, или текст обрезается и к концу строки добавится многоточие. text-overflow работает только если блоку присвоено свойство overflow со значением hidden или auto или scroll....
, 24.10.2017 10:19

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

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