Gym!

Соблюдает дня режим Джим! Знает — спорт необходим ДЖИМ!

CSS: transition & browsers

Неожиданно пэрэчэпыуся я за странное отмораживание браузеров на движке Gecko (Seamonkey 2.38, Firefox ESR38, Firefox 41, Firefox 45.0a1 (Nightly)).

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

Проще говоря, это рюшко-сопелка, которая сглаживает, точнее, анимирует, например, изменение цвета(поведения) гиперссылок при наведении курсора (transition и неtransition) без применения javascript и его многочисленных библиотек.

Да, если подумать, скрипач она не нужна. Но народу нравится.

Обычно я смотрел (отлаживал) все свои изделия в двух браузерах: на движках Gecko (Firefox и Ко) и Webkit (Chrome и Ко). Но, как правило, в последние годы они ничем не отличаются в отображении веб-страниц. Поэтому у меня есть незахламленный чистый Хром, в котором я и.. того-этого. Он быстрее работает, чем Файрфокс, и постепенно вытесняет его. И поделом, кстати.

Обычно я хожу в обход всяких эффектов, но тут захотелось трошки повеселиться.

На нынешнем временном простом зимнем блоге внизу есть область, попав мышью в которую, можно увидеть ряд снежинок (мега, да?). Чтобы картинку резко не выбивало, я добавил секундный «переход» между темной и синей.

Полез я нонче проверить, как там поживает бложек, с обычного своего повседневного Seamonkey. И не обнаружил никакой мягкости и плавности. Поначалу я подумал, что Симанки как продукт архаичный (хоть и основанный на современном движке, том же самом, что и передовой Файрфокс), просто не поддерживает это свойство. Но оказалось, что даже свежайшая сегодняшняя файрфоксовая альфа страдает тем же непониманием высокого искусства.

Главное, с текстовыми ссылками все работает отлично, можете убедиться, открыв верхнее меню, нажав красную хреновину вверху экрана. Плавные уходы и приходы. Картинки — фиг. Хром — все на ура.

Я подумал, что мешает какой-то код на странице, хотя опять же, хрому это не помеха. И переместил только этот снежиночный элемент в известный сервис для тестирования кода jsfiddle. Та же картина. Хром отлично, Фоксы — неуд.

Джаваскрипта никакого нет, остальное можете видеть. Result — это резулт. Ткните и проверьте.

Вроде ерунда, а зацепило. Половина интернета рюшку не приметит! Ужас! Ааааа!

Ну да, можно подключить jQuery, тем более что эта штука уже работает на странице, выдвигая «меню» и инициируя кнопку перемещения вверх. Но тут не в этом дело. Всегда нужно искать простой путь. Для меня эффекты, если они необходимы, прежде всего это стандарты CSS, а уж потом все остальное. Джава-скрипт многими людьми отключается во избежание. В том числе я лично знаю парочку параноидальных админов, которые своих подопечных в интернет гоняют чуть ли не через TOR с полным выпиливанием малейших пылинок на челе безопасности… Никакие модные параллаксы в их браузерах работать не будут. А CSS будет, потому что это просто безобидное оформление, помогающее (или мешающее) восприятию html-разметки веб-страницы.

Не знаю, что с этим делать. Попала песчинка в ботинок. Ненавижу такие ситуации, когда какая-то ерунда портит пёрфект всего остального. Гм, я на выяснения, эксперименты и этот отклик потратил кучу времени.

Ну ладно. Пойду сделаю тыквенную кашу с рисом и изюмом. Happy Halloween!

P.S.

Если две картинки заменить спрайтом (то есть склеить их вместе, что практикуется для более быстрой подгрузки, но требует более сложного и точного позиционирования, особенно когда картинок в одном спрайте много и они разного размера), такая фиговина работает в Файрфоксе, но эффект получается совсем иным:

Картинка едет вверх, поскольку вторая ее часть лежит на 27 пикселей «ниже». Тогда как две картинки по отдельности дают эффект «проявки» или «подсветки»… Идиотия какая-то.

CSS — инструмент очень сильный. Сделать с его помощью можно многое. Но это такой замысловато скрученный клубок разноцветных нитей, что порой…

Короче.

Denwer или Open Server?

Я много много лет в качестве локального сервера для создания (разработки) динамических сайтов использовал так называемый «Джентльменский набор Web-разработчика» — «Д.н.w.р», вот так его акронимируют создатели.

Что за зверь локальный сервер? Если проще: это полноценный хостинг для сайтов, который разворачивается на личном компьютере и далее этого компьютера без особой нужды не распространяется. В то же время позволяя работать с проектом так, словно он лежит на реальном сервере в интернете. При этом не тратится время на перемещение файлов в, гм, интернет, а также на поиск, регистрацию и (иногда) оплату подходящего хостинга. И все остальные неудобства с этим связанные, например, отсутствие доступа к интернету не помеха для продолжения работы на локальном сервере.

В стандартных условиях для работы динамического сайта нужны три компонента: Apache (веб-сервер), MySQL (база данных) и PHP (интерпретатор скриптов). Поэтому программные пакеты локальных серверов именуются *AMP, где * — управляющая операционная система: Windows, Linux, Mac etc.

Все эти компоненты содержатся в Денвере (который исключительно WAMP) и уже настроены так, что после установки можно начинать работу. Повторная установка не требуется. Директорию с Денвером можно многократно копировать и переносить куда угодно, работа с флешки ограничена только ее скоростными характеристиками. Что очень удобно. Где угодно подключаете, допустим, телефон в режиме флеш-накопителя и демонстрируете свои наработки… Вот так скажем… Или, находясь на периферии, внезапно обнаруживаете в подвале фурычащий комп сносной производительности и… понеслась.

Текущая установка была сделана мной в 2013 году и… работает и работает, что говорить. И под рукой более старые версии, раз и запустил.

Да еще и безвозмездно.

Вопрос в том, что ПО, входящее в Денвер постоянно обновляется. Версии быстро сменяют друг друга. А вот сам Денвер не обновляется давно. Четвертую версию «оболочки» пользователи ждут больше трех лет, хотя она обещается и обещается. Это не проблема, это особенность. Но все-таки.

Я вообще человек интересующийся, можно сказать — склонный к экспериментам.. и, узнав про альтернативу, поспешил ее опробовать. Альтернатива называется Open Server и тоже является русскоязычным проектом. Других «отечественных» локальных серверов больше нет (был еще один, но сканал в середине нулевых).
Это вопрос не языка, потому что базово все работает и создается в англофонской среде… Ну.. я не знаю, инерция что-ли? Подспудное комфортабельное ощущение, что есть автор, которому твоя «точка зрения» ближе, чем какому-то Бучу Смитджонсеру из Диксвилля штат Айова. Хотя, бабка надвое сказала. Понимаете, о чем я.

Первое, что меня озадачило — размеры. Установленный Денвер, без учета юзерских данных, весит чуть более 100 МБ. OpenServer, без учета идущего в комплекте портативного софта, занимает 2 Гб, грубо — в 20 раз больше. Да, я поставил максимальную версию. (Там еще куча портативного по, типа браузеров, просмотрщиков, редакторов и так далее — еще + 800 метров. Это просто для удобства). [Надо оценить еще мини-версию.]

Проблема ли это? Как посмотреть. Телефон, например, у меня забит книгами и музыкой, там уже под завязку… Денвер + сайт на него влезет. Но надо еще разобраться, влезет ли работающая конфигурация Оупен Сервера. А для компьютера и современных флешек, это совершенно нечувствительно. Это единственный минус (даже не минус, а локальная особенность конкретного меня).

Еще вот такая особенность: «Требуется наличие Microsoft Visual C++ 2005-2008-2010-2012-2013-2015 Redistributable Package». Эта среда (IDE) без проблем устанавливается из комплекта, но если мы ходим запустить локальный сервер на чужом компьютере, то не вполне этично требовать установить ее там. Денвер не нуждается во внешних библиотеках. Мм.. шероховатый момент.

Все остальное, на первый взгляд, мне понравилось.

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

Тот самый ожидаемый многими подход «юзер френдли».

Далее, можно сделать выбор версии модулей (PHP, БД, сервера итд) — если не нужны самые новые, если нужны самые новые. Не надо лезть, скачивать устанавливать, настраивать. Да, за выбор платим пространством… (как-то актуально и широкоохватно прозвучало, тьфу ты…) Да! — выбор благо, а последствия его… Как в жизни, в локальном сервере можно выбрать новый интерпретатор, который будет работать с траблами или не заработает вовсе. Но без выбора еще хуже. Сидеть на старье до посинения — фигово.

Дуже приємно, що можна працювати з україномовним інтерфейсом і з легкістю перейти на русскоязычный. Проблема не существует. Кто раздувает эту проблему — идите в дупу.

В Денвере проще реализовано создание пользователя и базы данных. Есть спецстраничка с несколькими полями, тык, хлоп и все сделано. Open Server требует непосредственного входа root в PhpMyAdmin и ручного творения. Ну и ладно.

Ну что, мне понравилась концепция, понравилось, что есть альтернатива, что все это имеет подробную и доступную документацию, форум поддержки и довольно часто обновляется. Хотя автоматические обновления отсутствуют как класс. Нужно все настраивать заново. Это ерунда, потому что, если все работает, частые обновления нередко вредны в таком деле, как веб-сервер.

И еще одна ремарка. Как бы и не относящаяся. Время Windows XP исчерпано не только потому, что Майкрософт прекратил ее поддержку. Множество стороннего программного обеспечения больше не работает в этой среде. Например, интерпретатор PHP старше 5.3. А в этом году обещают выход PHP 7.0. И таких примеров уже значительное количество. Это проблема, потому что железо, пригодное для той же веб-разработки, может не потянуть новые операционные системы. Привычная ситуация из области нерационального использования ресурсов. Но рациональное использование и коммерция несовместимы. Точнее, никто не хочет их совмещать. Тема не на абзац. Поэтому хватит.

Итак. Использование Open Server не предполагает тотального отказа от Денвера. Или любого другого инструмента (например популярного XAMPP, который я тоже посмотрю). Они портативны, портабельны, они могут существовать параллельно, не мешая друг другу. Каждый инструмент имеет свою нишу. Open Server, возможно, более удобен для стационарной разработки, со множеством подключаемых модулей и программного обеспечения. А Денвер более мобильный и легкий, умещающийся на флешку в 250 мб или.. заполненный мультимедийным контентом смартфон.

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

Плагин для техобслуживания и редизайн

Крреатифф прэ и прэ.

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

Обе блоговые шкуры были основаны на древней теме =Librio= — которая долгое время, более трех лет с момента основания, стояла на моем блоге без изменений. Она одновременно и нравилась, и мозолила эстетические рецепторы. В 12 году я измельчил в кулаке свою лень и переделал ее. Точнее подверг, как я уже когда-то говорил, шлифовке мелкой наждачкой, сформированной из этой самой мелкодисперсизированной лени. Посему — множество хвостов осталось. Да и время идет, кое-что необходимо модернизировать. А кроме того, сделать вариант «дизайна» для мобильных устройств. Ибо я сам в более чем 50% случаев хожу в инет с телефона.

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

Для WordPress существует масса (кстати, многие не знают, что масса — это мера в стары годы, когда системы СИ и в помине не было: дюжина в кубе — 12х12х12 т.е. 1728. Немалое число.) плагинов для технического обслуживания. А я по чьей-то рекомендации, уже и не помню, поставил в 2009 году один из таковых с незамысловатым названием «Maintenance Mode». К моему удивлению, на официальном сайте WP ни плагина, ни его автора не наблюдается (как, впрочем, и темы «Либрио»). А сам плагин со странички автора не скачивается (ибо ссылка ведет на тот же WP.org). Т.е. плагин, как это часто бывает с некоммерческим продуктом, заброшен. А вордпрессовцы, похоже, избавились от балласта, что тоже верно. Старье может наделать делов, если его вовремя не подмазать.

[Зайчик-репарайчик, сумо-сьурри и… На этой почве что-то геральдическое выползло из-под…]

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

Полез я смотреть альтернативные плагины и понял, что ни один мне не подходит, есть группа слишком навороченных, содержащих очень яркие рельефные шерстистые шевелящиеся заглушки, идущие в разрез с концепциями моего характера. Буф, завернул. Другие пропагандируют давний стиль «простота хуже воровства», позволяя изменять, допустим, цвет текста, но не цвет фона. Некоторые просто «демо» версии «про» версий, последние стоят денег за полный функционал. Я ничего по настоящему стоящего не нашел, только умаялся с этими поделиями.

Не бойтесь, я ничего сам не стал писать. Я подумал над тем, что мне нужно, и вернулся на привычный исследованный =Maintenance Mode= v.5.4 от 2010 года. А почему? Оный позволяет ненавязчиво создавать свою заглушку. Произвольный код страницы вставляется в дефолтный пхп-файл. И все. Никаких лишних па.
Я так и делал раньше, у меня, кстати, не осталось «оригинала» этого плагина… потому что я много в нем копался, посчитав, что, гм, чуть что скачаю заново-выново-поново… Ага, сейчас. А архивы, которые распаковал, имею нехорошую привычку удалять, еще с тех времен, когда винчестер моего персонального компьютера обладал аж 1200 Мб пространства… [как дофигища много помещалось тогда на одну дискету… дЪдушка вспоминает молодость…].

Итак, благодаря CSS3 реализован двойной фон, с винтажным обоем и приятным шумом. И логотип персональный. Ссылка на контакты поставлена на весь бэкграунд, за исключением небольшой области вверху, чтобы не мешать.. рекламе бесплатного этого самого хостинга. А еще счетчик обратного отсчета на js — именно такой, как я хочу, а не автор плагина или левый дядя вася… Я не мешаю плагину работать с движком, он не мешает мне выдавать на гора то, что я желаю. Идеальный симбиоз.

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

Это — рюшки и перделки, но почему-то они вызывают приятное чувство. Для этого все и делается. Джаст фор фан.

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

Skisport

Зимний блог, для которого (для движка которого) я еще не подобрал хостинг, существует и даже процветает в бездвижковой инкарнации. Как встарь.

Прирастая заметками, как ни в чем не бывало. Приблизительно к середине-концу ноября, когда лыжный сезон войдет в ритм, я верну это все на wordpress итд итп… Хотя, мне нравится держать все под непосредственным контролем. Ну ладно, время покажет.

Welcome!

Don’t let idiots ruin your day

Патриция бьет рекорды…

Satellites monitoring record-breaking #HurricanePatricia as it rapidly intensified. Details: https://t.co/hmrs97wvdt pic.twitter.com/HyBYaOr318

— NASA (@NASA) October 23, 2015