Максим

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

Как там на Bootstrap — я не знаю, но можно сделать, например, так:

Кнопку можно вынести за nav
На кнопку необходимо поставить стили:
position: fixed;
top: 25px;
left: 225px;
...
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
transition: all 0.3s ease;

и убрать margin

сделать дополнительный переключаемый класс для кнопки с left: 25px

.menuButtonShift {
left: 5px;
}

и добавлять/удалять этот класс на кнопку по клику.

как-то так:



Upd:

вот примеры других меню и без использования JQuery, который тут и не нужен.


а это вообще без использования JS, на Pure CSS

Держите


[Disclaimer] это пример для возбуждения любопытства к программированию. Таймер не остановится при достижении времени Ч и продолжит тикать в минус.

Сверстай тостер, мобильная и планшетная версии обязательны

Оказывается есть специальный костыль для этого: https://developer.mozilla.org/en-US/docs/Web/SVG/A... .
Более-менее работает: https://jsfiddle.net/8L6tuck5/2/ .

заголовку задайте position relative
а before задайте position:absolute

палку :D

:bofore{position:absolute; left:0; top:-15px; width:50px; height:2px; background:#666; content:"";}

как то так

Можно пойти по долгому пути с использванием псевдоэлементов, а можно в одну строку это сделать.

Результат:
https://codepen.io/hisbvdis/pen/yLBvoar

Порт - это порт.
А сокет - это IP и порт.

1. спрятать блок с видео
   
2. показать миниатюру от видео
   
3. поверх показать свою кнопку
   
4. при нажатии на свою кнопку спрятать миниатюру и кнопку
   
5. показать видео
   

jsfiddle.net/BeUFb/326

Что первое, что второе, по описанию, требуют WebGL. Второй вариант проще и легче в плане кода будет: статичная сфера с текстурой + текст, который описывает движение по её орбите.

Можно на CSS сделать достаточно убогую бесконечную прокрутку карты, но она не будет учитывать геометрию шара.

Типа так:


UPDATE. Увидел такой баг в Android Chrome в результате совместной работы border-radius и overflow:

Нашел решение хаком. Нужно добавить следующее к такому блоку:

-webkit-mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC); /* this fixes the overflow:hidden in Chrome/Opera */

Это исправило проблему, обновил песочницу.

Выносишь бэкграунд из css в html -> тег style:

<div class="bg" style="background-image: url(<?php bloginfo( 'template_url' ); ?>/assets/img/bg.png);">

Получаешь путь до темы:
<?php bloginfo( 'template_url' ); ?>
Далее просто прописываешь, где лежит картинка.

Я так понимаю инженеру дают чертеж на бумаге, а он по нему строит дом, но для чего это нужно? Зачем вообще чертежи, почему не строить сразу же? Почему архитектор не может построить дом? Инженеру даются поэтажные планы, а он должен их из кирпича строить? Если инженеру не дадут чертеж, а скажут просто построить дом, может ли ему пригодится для поэтажных планов archCAD или его замена?

как перевести это значение в em

Поделить line-height в px на размер шрифта в px

Чем отличается line-height = 1em от line-height = 1

Пример, когда есть разница

Если вы о линиях, то я для одного ответа тут уже делал :))


Можно, конечно, просто картинкой на задний фон поставить эти круги.

А ежели вы о вёрстке всего блока — то это уже задание, а не вопрос.