WebDevVargrant что это?

Vagrant – is a tool for building and distributing development environments. Он предназначенный для автоматической инициализации виртуальных машин (VirtualBox, VMWare и пр.). Vagrant полностью автоматизирует создание и настройку виртуальной машины, так как бы мы это делали вручную.

С помощью специального конфигурационного файла Vagrant задает различные настройки для виртуальной машины (название, тип, версию ОС, объем памяти, размер виртуального диска, настраивает общие папки, сетевые интерфейсы и т.д.), а также устанавливает основную операционную систему по выбору пользователя.

Читать далее...

WebDevPuPHPet что это?

PuPHPet — онлайн сервис, для настройки виртуальных машин для веб-разработки. Он позволяет в диалоговом режиме указать, где будет развернута виртуалка, какая операционная система ему нужна и какое программное обеспечение нужно установить и сконфигурировать на этой виртуальной машине.

PuPHPet

На выходе PuPHPet генерирует для пользователя конфигурационные файлы Vagrantfile и Puppet. Затем нужно лишь запустить команду vagrant up, и все заработает.

Vagrant и VirtualBox должны быть предварительно установлены. В основе работы — готовя конгфигурация Puppet (YAML-файл), посредством которого пользователь указывает какое программное обеспечение необходимо установить, какие команды выполнить, какие параметры настроить и т. д.

Читать далее...

PHPСистемы трекинга ошибок Sentry vs Rollbar

Стояла задача выбора и внедрения системы трекинга ошибок в php-проектах. Из двух вариантов: Sentry и Rollbar выбор остановил на Sentry.

sentry

Кратко опишу почему:
— Удобство и информативность уведомлений в Sentry выше;
— Красота интерфейсов и продуманность субъективно лучше;
— Можно потестировать 14 дней и если понравиться то развернуть на своем сервере, проект Open Source.

Читать далее...

HTML\CSSCSS Flexbox краткое руководство

Flexbox (“флексбокс”) — CSS-механизм, предназначенный для построения сеток и создания сложных раскладок блоков.

На текущий момент поддержка флексбокса в современных браузерах довольно хорошая, его смело можно использовать уже сейчас.

Свойство display: flex делает эелемент флекс-контейнером, прямые потомки (первого уровня вложенности) превращаются вофлекс-элементы.

Особенности flexbox:

  • флекс-элементы, в отличие от блочных элементов, не растягиваются на всю ширину контейнера по умолчанию;
  • на флекс-элементы не действует float, vertical-align
  • ширина, высота, внутренние отступы и рамки для флекс-контейнеров и флекс-элементов работают как обычно
  • внешние отступы (margin) не схлопываются и не выпадают, значение auto центрирует элементы по вертикали и горизонтали, а также «ломает» механизмы выравнивания.

Читать далее...

HTML\CSSОтцентрировать блок по горизонтали и вертикали

Горизонтальное и вертикальное выравнивание блока распространенная задача. Опишу наиболее простые и частоипользуемые способы.

Отцентировать по горизонтали

Способ 1
Через margin: auto;, задав ширину < ширины родителя.

.center {
    margin: auto;
    width: 50%;
}
Читать далее...