Виктор Виктор

1 делаешь блок с желтой границей снизу и по бокам
2 добавляешь див со спаном с заголовком
3 добавляешь спану псевдоелементы бефор и афтер
4 поднимаешь этот див абсолютным позиционированием на нужный уровень
5 ....
6 профит

Такой техникой подобный текст в разрыв бордюра можно поставить как сверху блока так и снизу и по бокам

codepen.io/anon/pen/JGXYjw (c)

работал с https://github.com/mattbryson/TouchSwipe-Jquery-Plugin, вполне классно

Прозреваю что невозможно (https://developer.chrome.com/devtools/docs/shortcuts),

Но как вариант открыть консоль в отдельном окне, закрыть, и потом она по стандартному хоткею будет открываться в отдельном окне

если только:

a:hover:after {
    -webkit-transform: rotate(+5deg);
    transform: rotate(+5deg);
}

Но выглядит не очень

в слоях сделать 2 папки для кнопки button и button-hover

Сглаживание шрифта можно немного улучшить с помощью css:

text-shadow: 0px 0px 1px #aaa;