Нативный спойлер

Я тут упоминал о таком замечательном теге (тегах) html5 как <DETAILS> и <SUMMARY>, позволяющих сделать простой, но эффективный спойлер (то есть скрыть|открыть часть информации, что, как мы знаем, удобнее разбиения статьи на две части «подкатом» с необходимостью перехода на отдельный url, если оно не подгружается с помощью AJAX и пр. скриптщины). Одна проблема, замечательная эта штукенция была доступна только на движке Webkit — то есть для Хромового семейства. Но вот теперь и Firefox с версии 49 обзавелся поддержкой этого полезнейшего свойства.

Можно даже теперь стили написать для блога. И пользовать иногда. Хотя, опять же, все резко на FF49 не пересядут. Есть вполне резонные причины сидеть на более старых версиях, даже просто версиях с длительным сроком поддержки (т.н. ESR)… А Seamonkey моя вообще не обновляется, хотя проект официально не свернут.

Тема очень сложная, потому что разработчики FF часто волюнтаристским решением внедряют (или того хуже — убирают) что-то в свойствах и умениях браузера, что вызывает потоки возмущения со стороны пользователей. Зачастую эти крики остаются неуслышанными. И люди принимают решение остаться на старой версии, но с привычной (удобной, нужной) функцией…

Что до «спойлеров». Я буквально недавно, переборов лень, довел до пригодного состояния простейший спойлер на css (без всяких js). Он у меня на самописном зимнем блоге давно (аж год)), а для WordPress требовалась основательная подгонка.

Эффектов никаких, но свое дело он делает и оправдывает доверие. Вроде бы и фиг с ними с <DETAILS> и <SUMMARY>, но хорошая же вещь. Скачаю я 49-й Фокс, погляжу, хорошо что есть портабельные. Упрощает всякие тестирования до предела.

Достаточно примечателен факт, что Файрфокс стал поддерживать css-свойства с префиксами прямого конкурента -webkit-. Это замечательно, это увеличит совместимость и снивелирует еще больше различия внешних видов сайтов, но как-то странно это. Не хочется мне эпохи единственного Хрома, какой была темная эпоха Осла. Снова таки, не все разбираются в том, что популярные браузеры (за искл. FF и IE) на сегодня различаются только названием и иногда внешним видом. Кондовая основа у них (Opera, Yandex, Iron, Vivaldi, браузер под каждый поисковик, браузер под каждый бренд итд итп) — движок — одинаковая. Как бы ни пыжились разработчики того же Вивальди, что вырублено в Хроме, будет вырублено и в Вивальди. Так что, имеем один браузер. И если Файрфокс окончательно сдаст позиции, то у нас будет альтернатива простая: всепожирающий Google или неистребимый Microsoft — две чудеснейшие, милейшие корпорации.

Необходимое приложение:

Как сделать спойлер на суперсовременных браузерах? Легко.

<details><summary>Заголовок</summary>
«Тело» скрытого сообщения.</details>

Как видим (если видим), практически то же самое, что и мой собственный спойлер, только без более значительных строчек кода. Чуть стили доработать — и не отличишь. Вот так…

Значится, посмотрел я на 49-м ФФ: в том месте, где Хромы заботливо вставляют переворачивающийся треугольничег, у Фокса тишь да гладь. С одной стороны — хорошо, можно приделать что-то свое (a вот хотя бы и кулак из fontawesome)), с другой, нужно не забывать об одновременном уничтожении гугловского треугольника. Н-да. Различия неизбывны.