Как сделать такое расположение блоков?

а может примерчик запилите на флексах?
вряд ли :)

Как сделать чтобы кнопка, после hover, также возвращалась в исходное положение?

Я конечно догадываюсь что вы использовали кейфреймы для анимации, но могу ведь и ошибаться...

Как сделать чтобы кнопка, после hover, также возвращалась в исходное положение?

Оформите пример на jsfiddle.net с вашим вариантом. Кто-нибудь поправит.
А так получается сферический конь в вакууме.

Плагин Atom для редактирования html/css в реалтайм без перезагрузки страницы?

Алексей Бульба: Как по мне, так оно нафиг не нужно. Тот же browser-sync обновит страницу за полсекунды и сохранит ее состояние (скролл, формы и тп), даже и не заметишь что она обновилась полностью.

Плагин Atom для редактирования html/css в реалтайм без перезагрузки страницы?

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

Как сделать пунктирную ссылку без border?

а background-image можно и зарепитить, зачем разной длины картинки-то? (но так всё равно не делайте)

Как сделать пунктирную ссылку без border?

Плюс в наличии еще есть ::before, ::after

В какой CMS лучше управлять сайтами?

>> Умиляют их советы обратиться к системному администратору :)
Нормальный совет.
Если сами не можете найти причину - наймите профессионала, который разберется в чем проблема и подскажет пути их решения, либо решит сам.

Как восстановить подсветку кода в определенном файле?

Денис: из нерадикальных - можно поковыряться в файлах внутри .idea. Я правкой какого-то файла решал проблему маркировки папки, когда через интерфейс почему-то пропала такая возможность (пометил как exclude, нужно было вернуть в проект, но в интерфейсе не было пункта). Вероятно и вашу проблему можно решить, правда я не могу подсказать куда конкретно копать.

Как восстановить подсветку кода в определенном файле?

ЗЫ уже вышел phpstrom 2016.2

Как восстановить подсветку кода в определенном файле?

После инвалидации кэша программу лучше перезапустить.
В крайнем случае можно попробовать (с выключенным phpstorm) удалить папку .idea и открыть проект заново. Правда придется потом снова вручную сделать настройку проекта.

Jade, для чего это нужно?

Максим Жаров: Еще и программист, который будет работать с вашей версткой помянет вас добрым словом :)
Ведь ему не нужно будет разгребать тонны голого html, а просто взять повторяющий кусочек из шаблона и легко и непринужденно встроить его в систему шаблонов своей CMS.

Jade, для чего это нужно?

По поводу статьи я даже не знаю что ответить O_O
Ну вот так, наверное: Search in google: "Для чего нужен препроцессор"
или "sass для новичков"

Jade, для чего это нужно?

Максим Жаров: Вы читали мой ответ? :) Накопировали 20 карточек. Нужно поменять все. Опа.
Ну и просто сравните два кода:
без шаблонизатора

<div class="card card-1">
	<span>Карточка №1</span>
	...  many code
</div>
<div class="card card-2">
	<span>Карточка №2</span>
	...  many code
</div>
<div class="card card-3">
	<span>Карточка №3</span>
	...  many code
</div>
<div class="card card-4">
	<span>Карточка №4</span>
	...  many code
</div>
<div class="card card-5">
	<span>Карточка №5</span>
	...  many code
</div>
<div class="card card-6">
	<span>Карточка №6</span>
	...  many code
</div>
<div class="card card-7">
	<span>Карточка №7</span>
	...  many code
</div>
<div class="card card-8">
	<span>Карточка №8</span>
	...  many code
</div>
<div class="card card-9">
	<span>Карточка №9</span>
	...  many code
</div>
<div class="card card-10">
	<span>Карточка №10</span>
	...  many code
</div>

и вариант с шаблонизатором

{% for card in cards %}
    <div class="card card-{{ card.index }}">
         <span>{{ card.title }}</span>
         ...  many code
    </div>
{% endfor %}

Почему не помещает массив?

режим выборки - это \PDO::FETCH_ASSOC, \PDO::FETCH_ARRAY, \PDO::FETCH_BOTH

Почему не помещает массив?

ThunderCat: где здесь вы уловили противоречие с моим утверждением? Запросы INSERT, UPDATE, DELETE возвращают true, SELECT - массив, либо ассоциативный, либо с числовыми ключами, либо смешанный, либо пустой. В случае ошибки все типы запросов вернут false.

Почему flex-shrink: 0; нормально работает на windows и сжимает все на mac safari?

Артур Черешнюк: * { flex-shrink: 0; }

Почему так?

Потому каждый реализует стандарты по-своему :D:D

Почему не помещает массив?

Для SELECT запросов fetch вернет пустой массив при отсутствии результатов и false в случае ошибки.
А пустой массив корректен для функции extract.
Так что дело не в том, что не нашлось записей.

Почему flex-shrink: 0; нормально работает на windows и сжимает все на mac safari?

непонятно. у вас именно flex-shrink:0 не работает?

Как выгрузить данные из JSON в локальный html?

код в целом верный.
Что в консоли пишется? какие ошибки возникают?