SW: Rebels. Season 3

Н-да. Вот уже и третий сезон пошел. Время-времечко… Посмотрел я первую серию. Ну… ээ.. по крайней мере ту, которая доступна на тойсамойпиратскойбухте дот се. Была летом какая-то «промка» на каком-то заморском мероприятии. Но найти не удалось. В сеть ничегошеньки не утекло.

Ну что поделать? Мы родом из детства, а в нашем детстве были Старварсы в художественно гнусавом Володарском в видеосалонах… И пошло и поехало. Это навсегда. Поэтому приходится закусывать разной побочной продукцией в ожидании чуда…

Что сказать по первой серии третьего сезона? Как всегда все подается в лоб, разжевано, но тем не менее в особый примитив не скатились, как бывало. При этом, открыто мочат штурмовиков и достаточно жестоко. Дисней отошел от принципов «розового ненасилия — детям»? Или полагают, что аудитория стареет матереет вместе с сериалом, и уже можно кровушки подпустить? Ну, положим, ничего не текло. Но…

По сюжету ничего не скажешь, ибо толком его там и нет… Зато главный герой поменялся. В первых сезонах этот самый Эзра Бриджер был похож на Аладдина из известного диснеевского мульта и раздражал только когда раздражал.

А нынче его словно бы срисовали с британского клоуна Бера Гриллса, которого я терпеть ненавижу, который превратил тему выживания в дикой природе в тошнотворный фарс. Поэтому Эзра раздражает дополнительно к задуманному раздражению по сценарию.

Его учитель, джедай Кэнэн, в финале второго сезона получивший кошерным лайтсэйбером (прорезающим толстенные металлы как масло) по глазам от самого Дарта Вейдера Мола, отделался косметическими подпалинами. Хотя, по правде… Ну, какая тут правда? Эстетически все правильно, «Так дебютировал слепой музыкант» ©. Сказочная физика не поддается анализу.

Анимация стала лучше. В смысле, от- и прорисовка персонажей. По сравнению с первым сезоном, который показался даже на фоне неидеальных «Войн Клонов» каким-то пластиковым трэшем, тут уже все смотрится живенько-красивенько. Растут на собой. Похвально.

А в декабре Дисней выпустит еще какую-то побочную старварскую муть. Умеют они рубить сорокалетними световыми мечами капусту. Аплодирую.

Начала скоростной оптимизации

Страшно подумать, у меня на блоге было подключено аж 4 шрифта с Google Fonts! И хоть мне очень нравилось отображение их в тех местах, где я задумал, два шрифта я уберу, ради более быстрой загрузки всего сайта. Увы. PT Sans и PT Sans Caption уходят. Остаются Ubuntu в качестве основного и PT Serif Caption (c засечками) в качестве цитатно-вспомогательного.

2) Два файла со стилями держать расточительно, посему изменения для 1024px суперрезины, я перенесу в основной стилевой файл.

Ну что, со шрифтами не так гарно, як було, но терпимо. Дополнительно увеличил основной текстовый шрифт. Может быть Ubuntu сменить? Хм…

Н-да, со шрифтами и их подгонкой, особенно в сайдбаре, нужно отдельно плотно поработать. 4 мегаблога, не знаешь — за что хватаццо…

Итак, для скоростной оптимизации мы имеем:

а) кэширование страниц, по сути — это временная сборка динамической страницы в конкретный html-файл. Т.о. не затрачиваются постоянно время и ресурсы сервера на то, чтобы каждому посетителю эти страницы собирать отдельно. Отвечает за это плагин WP Super Cashe.

б) убираем лишние подгрузки. Шрифты в данном случае. Это также могут быть неиспользуемые библиотеки, скрипты и, вообще, вода на страницах, всякие лишние пространства-пробелы и закомментированные сто лет назад функции, разметки и стили… Файл стиля должен быть один — и не содержать лишнего. Мне этим нужно заняться тоже.

в) Очень рекомендуется чистить базу от разнообразных дубликатов-публикатов, а также всякой ерунды, забытой прежними деактивированными плагинами и тому подобное. Я все время удаляю «ревизии» статей с помощью плагина DelRevision. Для более опасной базовой чистки есть плагин Clean Options.

г) главное для скорости загрузки сайта — все же отзывчивость сервера. Ну, тут, как повезет.

+

Интересный еще момент для меня, как любителя встраивать твиты и инсты, которые формируются очень медленно, по сравнению с остальным контентом. С каждым кодом встраивания идет ссылка на фирменный скриптовой сценарий. Это позволяет сделать оформление и подгрузить всякие элементы. Без скрипта твит был бы просто

«blockquote»

Это хорошо, когда на странице один твит, а если их десяток? Мне вот интересно, если вынести

<!-- js -->
<script async defer src="//platform.instagram.com/en_US/embeds.js"></script>
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
<!-- end of js -->

в начало страницы в <head>, а из встраиваемого кода изымать. Даст ли это прибавку, то есть убавку? По идее, при загрузке браузер ломится по каждой ссылке… И в итоге, лишние запросы сократятся. Я попробовал так сделать на зимнем: во-первых, я все остальные скриптовые ссылки убрал вплотную к закрывающему тегу </body>. Ну, а эти оставил в единственном числе наверху. Эксперименты продолжаются.

С другой стороны, если твито-инсто на странице не будет, скрипт станет подгружаться за здорово живешь. Лучше недооптимизировать, чем переоптимизировать?

Валидненько

Интересно, о какой валидации можно говорить, если такие гиганты как facebook и youtube предоставляют для вставки невалидный код? Нет, ну я понимаю, что все нужно править самостоятельно. Но вот ровное место.

Еще один смешок. Я выделил одну важную штуку тегом <section>, посчитав это оправданным в том контексте семантически. То не был <артикль> или <нав> с <асайдом> в моем понимании. Валидатор заругался и потребовал заголовка уровня h2-h6. Мне там заголовок не сплющился. Я взял и заменил <section> на ненавистный многим <div> (те же люди, совсем недавно еще, становились горячими и белыми от табличной верстки, иводзимя стяг с дивом куда не попадя). Валидатор скушал и облизнулся.

Моя семантика требовала секса <section>! Я автор. Я прав. У меня видение без видений. И что теперь? Кто-то будет учить меня семантике в моем личном произведении?

Чем был раньше HTML? Разметкой. Самодостаточной. Каждый элемент что-то значил и отличался от другого внутренне и внешне. Создавая безо всяких там CSS и JS удобочитаемую страничку. Что теперь? Куча тегов, которые ничем не отличаются друг от друга, и все отличия нужно задавать через css с километрами вложенных селекторов. Так на кой мне, простите, все эти секции и артикли, ежели я могу с тем же успехом обходиться дивами с семантичными для меня классами и айди?

Что есть семантика? Кем она определяется? И почему? Покажите мне единый стандарт html-семантики, понимаемый и отображаемый всеми устройствами вывода одинаково (тождественно, однотипно).

Вот мой зимний блог. В нем нет хедера. Мне он там не нужен. Нет там транспаранта с криком на полстраницы. Нет там и навигации. И асайда, то есть сайдбара. И футера по сути нет. А блог есть. Структура проста до посинения. Заголовки, параграфы, рисунки, ифреймы, с повторением таких «сообществ» пару десятков раз внутри одного единственного дива с айди «блог». Куда мне тулить секшныны и артикли? И зачем? Оборачивать? Разделять? Запутывать?

<div class="header" role="heading">
<div class="container clearfix">

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

Что же там намутили в HTML5.1, даже страшно представить. А придется с этим работать. И как-то между этих струй просачиваться.

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

Пяток примеров:

1) Заключаем в теги ссылку на <audio> или <video> и оно проигрывается без всяких проигрывателей, флэша и скриптов.

2) Чудесный доктайп <!DOCTYPE html> — ясный и простой, не требующий ничего навешивать. И вообще куча упрощений в этом роде: <meta charset="UTF-8">, <script src="jq.js"></script>, <link rel="stylesheet" href="style.css">

3) <canvas>, позволяющий творить всяческие чудеса с рисованиями и анимациями, хранилищами и даже играми. К примеру (наконец-то сгодился для чего-то страничк) вот здесь у меня все бэкграунды рисуются с помощью возможностей этого тега.

4) Куча новых атрибутов и типов для полей ввода (input) форм, например, =e-mail искаропки проверяет корректность ввода. И прочее — подсказки, выборы дат, ползунки, авдополнения… Автофокус, наконец.

5) Микроданные. Штука незаменимая для всяческого ранжирования и поискования. Это та семантика, которая никому не мешает, но при этом приносит пользу.

Firefox 49 и некоторые расширения

Немножко старания и терпения — и ультрасовременный Файрфокс приобретает пристойный классический вид. Ну, почти.

Ну давайте немного об этом…

Мне кажется неудобной и нерациональной стандартная файрфоксовая «среда» Australis. Ее приходится отрубать и перенастраивать. Благо — есть совершенно чудесное дополнение «Classic Theme Restorer», которое позволяет не только вернуть внешность нормального Фокса, но и очень тонко настроить всякие мелочи, важные мелочи.

В дополнение к CTR есть возвращатель статусбара S4E — Статусбар навсегда. Постоянная полоса внизу, на которой, не закрывая контент, отображаются направления ссылок и размещается куча полезного, была выпилена файрфоксами без возможности даже опционального включения. Вот и приходится ставить расширение (или дополнение, как хотите называйте).

В обязательном порядке ставится AdBlock Plus, уничтожающий почти всю рекламу в интернете. Хорошо сказал. Увы, он ее только прикрывает. Тоже хорошо сказал… Достаточно не видеть рекламу, чтобы чувствовать себя на просторах сети комфортно. Но ушлые контрры научились противодействовать: теперь многие зарекламленные сайты не пускают посетителя с включенным АдБлоком. Менее наглые просто вывешивают предупреждения и мольбы о выключении резалки рекламы.

Одним из самых ценных расш.. дополнений я считаю VideoDownloadHelper, очень даже помогающее скачать практически любое видео откуда угодно, даже если оно разбито на кучу частей. Я таким и только таким способом качаю ролики и записи с SVT Sport.

С массовым скачиванием картинок или разнообразных пдфок (да в принципе любого файла, на которое есть на странице одна и более прямых ссылок) отменно справляется FlashGot — зачачку оный может передавать в любой внешний менеджер закачек, что почти не актуально, или оставлять в самом браузере. Последнее имеет недостаток только при низкой скорости доступа в интернет. В настройках задаются фильтры по расширениям jpg, png, pdf, zip, rar, tif etc и после этого достаточно Ctrl+F3 или в контекстном меню «Закачать все при помощи FlashGot» — и оно сольется в выбранную папку. Старое доброе расширение.

Мне по роду деятельности или просто из любопытства, порой практического, интересно в какой стране и на каком IP расположен сервер, содержащий тот или иной сайт. Дополнение Flagfox позволяет это узнать. Наглядно выставляя соответствующий флажок в панели адреса. Контекстное меню флажка направляет на всяческие полезные сервисы, очень удобная штукенция.

Раньше, ну, там, много лет назад, когда только все начиналось, я не был знаком с порядками, царящими в Википедии… Эти войны правок и грызня между участниками по поводу значимостей публикаций на фогне того, что любой пакостник может прийти и изгадить статью, а это изгаживание выгрести без кучи бюрократизма просто невозможно. При том, что правки по делу, от специалистов часто даже не проходят… Короче. Мне как пользователю их кухня до пятой точки. Но от этого страдают хорошие статьи. Я, помню, зачитывался несколькими десятками очень подробных литературных и кинематографических статей… И просто делал закладки в браузере. Когда же я захотел перечитать это все, спустя года полтора, на их месте располагалась пустая водичка и без всяких иллюстративных материалов даже. И правило такое, если на вики появляется что-то стоящее, надо хватать и тикать, завтра его уже не будет. Самая удобная вещь, сохраняющая форматирование и все прочее, это mht, когда в один файл заклеиваются все компоненты странички. И я с давних пор использую вот такое расширение UnMHT для создания таких файлов. Там можно настроить быстрое сохранение в определенную папку с определенными параметрами и вывести эту кнопочку на панель. И достаточно один раз жмакнуть — страница сохранена с названием заголовка дот mht. Для любого архивирования подходит. Вики просто пример, суть проблемы отражающий. Много ресурсов ушло в небытие, среди них много и полезных было. И закладки в браузере, пардон, до, гхм, сами знаете какого места теперь.

Ну давайте еще парочку.

Password Exporter — название само за себя. Архивирует из браузера пароли, связанные с логинами и ресурсами. Жутко удобная вещь. Благодаря этому дополнению много чего было восстановлено, казалось безвозвратно потерянное… Позволяет просто смотреть пароли. Не подходит для общественных мест. Будьте внимательны.

Snap Links Plus — очень удобная вещь, когда одновременно нужно открыть несколько ссылок. Правой кнопкой выделяется пунктирное поле, и все ссылки, которые попадают в него, открываются во вкладках. И постепенно, читая, переходишь без лишних ожиданий. Я очень люблю эту штуку. И когда первое расширение (без плюса) прекратило существование, я расстроился. Но добрые люди возродили.

В завершении опуса. Если нужно содрать скриншот странички, полностью, видимую часть или в выделенной зоне, лучше Screengrab fix version просто расширения нет. Тот же случай, упавшее расширение подобрал добрый человек и значительно его улучшил. Кстати, из Киева. У кого есть возможность, проспонсируйте автора. У него много других классных дополнений, в том числе и весьма функциональный переводчик. Очень рекомендую.

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

Кирпичик за кирпичиком Firefox превращается в Chrome.

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

Я тут упоминал о таком замечательном теге (тегах) 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)), с другой, нужно не забывать об одновременном уничтожении гугловского треугольника. Н-да. Различия неизбывны.

Танцуем

Видимо, моя внутренняя высокая температура сказывается, что меня эти дни тянет на кветч. То есть ворчание с переходом в разные фазы брюзжания. Побрюзжать есть из-за чего, как бы не на ровном месте. Однако, есть чему и порадоваться, вплоть до отплясывания матросского танца Яблоч… Нет, танцуем Румбу!

Поставив эмоциональную точку в заметке, я, тем не менее, продолжил поиск «lite cms». И критерием оного избрал уже не просто заявляемую, но не выявляемую «нетребовательность к ресурсам», а четкое отсутствие необходимости работы с базой данных в виде отдельного серверного модуля, наподобие MySQL и иже. По примеру того бруклинского зародыша.

За оглушительным да искрометным звоном неисчислимых поршней раскормленных СУК не услышана мною была приятная мелодия Румбы. А так называется семейство (целое семейство) системы управления контентом за авторством Эдуарда Сесигина. И существует это семейство этак около десяти лет.

Что сказать? Дистрибутив полнофункциональной системы (Rumba XML 2.8) на начальном этапе — после установки (являющейся простым копированием) — весит чуть менее 252 КИЛОБАЙТ.

Вот оно, искомое. Rumba XML — это так сказать золотая середина. Автор создал и более простые системы, подходящие для связывания отдельных html страничек в полноценный перелинкованный сайт (почему я не знал раньше?!). И даже полнофункциональную платформу для социальной сети. И все это бесплатно… Гениально.

Конечно, я еще не разобрался толком в этом всем, но превосходным образом запустил систему на локальном сервере. Без проблем, сразу же. Так что хвальбы в сторону «Brooklyn» я забираю и отбрасываю подальше. Даже на энтузиазме можно сделать многое, несказанно полезное людям. Забросить перспективный проект легко, а вытащить его и поддерживать невзирая ни на что — вот это настоящее…

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

База данных являет собою XML-файл, который можно(и, порой, нужно) править вручную. К сожалению (или к счастью) в Rumba XML 4* админки как таковой нет и все добавления, написания, изменения делаются прямо в этом XML.

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

СУКи

В предыдущем посте я упомянул систему управления контентом «Бруклин». Я ее посмотрел. Единственный выпуск версии 0.1 образца мая 2014 года. После этого — на гитхабе пара исправлений в файле.. readme. С предупреждением о жесточайшей бете.

В общем, «внешне» она у меня не завелась. Я уж не стал разбираться… Но внутренне — идея показалась мне идеальной. То есть, для ее работы не нужна база данных, контент складируется в «обычные» файлы, можно сказать «человекочитаемые» и «человекоредатируемые». При этом, существует админка, которая рутины позволяет избегать. При создании записи создается заголовок, человекупонятная ссылка, описание и собственно контент. Легко сохраняется, легко редактируется, ресурсов практически не жрет.

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

Этот «Бруклин» всколыхнул мою давнишнюю идею — найти легкую систему управления контентом. Которая не налагает повышенные требования на хостинг (в отличие от ведущих игроков рынка).

Прошелся я по интернету. И картина предстала удручающая. Множество СУК, которые определялись как «легкие» и рекомендовались в авторитетных источниках 4-7 летней давности, исчезли. Которые не исчезли — не обновляются годами. Или разрослись в таких же откормленных бычков, как вордпресс. А современно-актуальные погрязли в наращивании функционала, в попытках угнаться за тем же Вордпрессом с Друпалом и Джумлой.

Шило на мыло менять бессмысленно. Менять вордпресс на какое-то менее распространенное поделие с таким же или чуть меньшим аппетитом… Та… И выходит, какие бы задачи не стояли, тупо ставится вордпресс под все.

Заметьте, я не говорю, что wordpress плох. Нет, это лучшая СУКонтентом на сегодня. Но это избыточно функциональная установка, агрегат повышенной производительности. На кой он — каждый раз в булочную на такси ездить? Пешочком порой полезнее для здоровья пройтись.