Случилось замечательное: появился новый раздел кромешностей. Расширения для браузеров на основе Chromium будут складываться туда. В разделе используется стандартное меню сайта со ссылками на все разделы, но стили для меню я прописал другие. Получилось довольно симпатично.
Конечно же, раздел из предыдущего пункта открыт не просто так. Опубликовано расширение My Little Links, которое позволяет принудительно подчеркнуть все ссылки, а посещенные еще и подсвечивает пурпурным цветом.
На страницу переводов разнообразных песен добавлен перевод песни Faces группы 2 Unlimited.
Сайт переехал на хостинг от Джино. Хостинг от РЕГ.РУ меня устраивал изначально, но малая гибкость тарифов вынудила поискать альтернативу. В планах создание бложика на поддомене. В случае с РЕГ.РУ пришлось бы перейти на гораздо более дорогой тариф, большая часть возможностей коего мне не нужна.
Опубликованы новые версии обоих модулей расширения MuSe.
Выложена новая версия сервиса Магистр. Изменений в алгоритме нет, но я хорошо поработал над чисткой исходных текстов от лишних пробелов и переносов, и еще добавил кнопки очистки полей для ввода. Заодно и название сервиса чуть почистил. :)
У всех сервисов появились версии. Также версия теперь указана и для сервиса Магистр.
На страницу альбома №27 добавлена композиция Углифрут и ремикс, конечно, тоже.
На морде сайта появился счетчик обновлений. На сей день их 151. Удивительно. Думал, одно в месяц будет максимум.
В основной раздел сервисов добавлены отзывы. Пока только к одному сервису. У остальных они тоже всенепременно появятся в будущем. Впервые я задействовал jQuery. Это нужно отметить.
На страницу переводов песен разнообразных добавлен перевод песни Boys Don’t Cry группы The Cure.
На странице переводов Depeche Mode в заголовках появились ссылки на оригинальные тексты.
Небольшое уточнение в файле .htaccess. Теперь при попытке открыть несуществующий файл иконки favicon.ico происходит перенаправление на корректный файл favicon.png.
Опубликована новая версия модуля MuSe.Master расширения MuSe.
На страницу переводов Depeche Mode добавлен перевод песни My Little Universe.
Опубликована версия 4.4 пользовательского скрипта Серпом по ссылкам. Сильные изменения пока не видны конечному пользователю, жаль. На самом деле скрипт стал мощнее: теперь можно не только парсить любые ссылки, но и извлекать несколько видов ссылок из одной страницы. Будем надеяться, в будущем эта мощь понадобится.
На страницу переводов Depeche Mode добавлен перевод песни Barrel Of A Gun.
Опубликован новый, а на самом деле старый, но сильно доработанный пользовательский скрипт для извлечения ссылок из результатов поиска Яндекса. Назвал я его просто и гениально: Серпом по ссылкам.
Так как продукт из предыдущего пункта, по сути, первый действительно полезный пользовательский скрипт моего производства, я сделал для него отдельную страницу с подробным описанием и журналом изменений.
На страницу переводов Depeche Mode добавлен перевод песни Mercy In You.
На страницу альбома №27 добавлена композиция Саке и ее ремикс.
На страницу переводов Depeche Mode добавлен перевод песни Halo.
На страницу флагов добавлены флаги Республики Татарстан, Республики Удмуртия, Республики Крым. Остальные флаги регионов России содержат в себе сложные изображения, нарисовать их при помощи CSS не получится. Поэтому на этом раздел флагов России завершен.
Виртуальная дама получила имя, ее зовут Марго. Но не это главное. Теперь Марго предлагает посетителю познакомиться, запоминает его имя (при помощи Web Storage) и просит делать неприличные вещи. Также Марго научилась запоминать, нужно ли стонать или нет.
Раздел текстов снова переделан: теперь у списков нет обтеканий, они располагаются один под другим. Кажется, это наиболее практичный вариант для постоянного наполнения, когда размеры списков могут быть весьма разными.
На самой важной странице сайта появляется все больше интерактивных плюшек. При клике на сосок теперь виртуальная дама возбуждается и сосок наливается цветом на 10 секунд, после чего возвращается в исходное состояние. Чтобы дама была возбуждена постоянно, придется и кликать тоже постоянно :). Также сделана кнопка выключения стонов. Пока писал скрипт для добавления и удаления класса, дама меня слегка замучила своими вздохами.
На страницу альбома №27 добавлена композиция Персик и ее ремикс.
Создан скрипт, собирающий в навигационный список определенные теги или классы. Пока скрипт просто собирает все указанные элементы подряд. Планирую научить его также сортировке по алфавиту. В данный момент скрипт уже формирует навигацию на странице сервисов.
Ликвидирована небольшая визуальная проблема с активным разделом при формировании верхнего меню.
На страницу переводов Depeche Mode добавлен перевод песни Everything Counts.
На страницу альбома №27 добавлено вступление Подъем и ремикс, конечно, тоже. Половина альбома готова, для интродукции самое время.
На страницу пользовательских скриптов добавлен скрипт Гарри Поттер и всякая фигня, имитирующий заголовки неизданных книг о Гарри Поттере на веб-сайтах.
На страницу переводов Depeche Mode добавлен перевод песни Photographic.
Запущена вторая версия сервиса j.Магистр. Благодаря автору, то есть мне, он стал более умным.
Переверстано верхнее меню. Изначально я сделал выравнивание по центру, и это было нормально - пока не появилось несколько пунктов в выпадающих меню. Там выравнивание по центру смотрится не очень. В связи с этим теперь меню выровнено по левому краю. Также я перенес из бокового меню в верхнее ссылку на страницу О сайте.
На страницу переводов песен разнообразных добавлен перевод песни I Want To Break Free группы Queen.
На сайте наконец-то появилась кошечка. Что за сайт без кошки? Она някает, если ее потрогать, и урчит, если включить урчальник. Увы, стандартная петля для аудио во всех браузерах имеет довольно ощутимую паузу (шов). Поэтому я написал скрипт, который этот шов немного ретуширует. Урчание звучит более слитно, но, увы, не идеально.
Давно хотел сделать CSS-анимацию, имитирующую развевающийся на ветру флаг. В качестве подопытного выбрал флаг Нидерландов. Вышло не очень, хотя если остановить анимацию и посмотреть на статичное изображение, эффект несколько лучше.
Верхнее меню теперь не только формируется при помощи JavaScript, но и грузится быстро. Начинать его делать после загрузки страницы было не лучшей идеей, какие-то секунды страницы были без меню. Теперь оно формируется сразу после построения дерева DOM, то есть после события DOMContentLoaded.
Наконец-то появилась страница Купить. Поработал над нею усердно, ибо это, по сути, портфолио. Анимированный фон, резина, переходы, JS, все дела. Впрочем, там далеко не все, что я знаю и умею.
Раздел текстов изменился: теперь там 4 списка со ссылками на тексты (выделил переводы в отдельный список, что кагбе намекает на расширение этого самого списка в ближайшем будущем).
На страницу альбома №27 добавлена композиция Огуречный лимонад и ее ремикс.
Верхнее меню теперь формируется при помощи JavaScript. Везде, кроме морды. Решил оставить на случай, если кто-то отключает скрипты. Хотя бы морда будет работать. Обновлять в двух местах все равно куда легче, чем на всех страницах.
На страницу пользовательских скриптов добавлен скрипт Обняшиватель, обняшивающий тексты на всех посещаемых пользователем сайтах.
На сайте наконец-то появились сиськи. Что за сайт без сисек?
На страницу переводов Depeche Mode добавлен перевод песни Insight. На той же странице теперь есть ссылки на каверы.
На страницу флагов добавлены флаги Республики Карелия, Ростовской области и Хабаровского края. В связи с этим переделана навигация по странице: появилось два дополнительных блока. Один - со списком флагов государств по алфавиту, другой - с навигацией по собственно региональным флагам России.
На страницу альбома №27 добавлена композиция Нутелла и ее ремикс.
На кладбище домашних страниц появилась пони. Правда, она стеснительная, и появляется, только если позовут. Также заменены шрифты, при этом основной (на могильном камне) сделан объемным.
На страницу переводов Depeche Mode добавлен перевод песни Behind The Wheel. На ту же страницу добавлено второе содержание с сортировкой по алфавиту.
На страницу пользовательских скриптов добавлен скрипт Подсвязка, принудительно подчеркивающий ссылки на странице.
На страницу переводов Depeche Mode добавлен перевод песни Enjoy The Silence. Заодно подправил HTML, теперь содержание в nav, а разделители сделаны через hr.
В разделе сервисов у всех полей для ввода, коих три штуки, теперь есть подсказки, сделанные при помощи элемента datalist.
На страницу флагов добавлены флаги Таиланда, Ямайки и Палау. Навигация по странице теперь тоже в nav.
На страницу альбома №27 добавлена композиция Медовое мороженое и ее ремикс. Заодно чуть изменил логику размещения аудио. Теперь все музыкальные композиции лежат в папке audio, а не music.
В разделе О сайте появилась шпионская информация о браузере посетителя страницы.
На страницу переводов Depeche Mode добавлен перевод песни Breathe.
На страницу пользовательских скриптов добавлен второй скрипт Убийца полосок, который скрывает рекламную полоску Яндекса с предложением что-то скачать. Ее иногда видно в результатах поиска.
На кладбище домашних страниц появилась птичка. При наведении курсора мыши на нее слышно крик грифона из Warcraft 2, а при наведении на Луну теперь воет волк (откуда звук - понятия не имею; известно лишь, что он родом из девяностых).
Появился раздел О сайте. В связи с этим пришлось несколько доработать скрипт, формирующий левое меню: чтобы путь к странице, лежащей в корне, корректно формировался с любой страницы сайта, даже если она лежит где-то глубоко. Для этого я добавил обработку параметра глубины и коррекцию пути при необходимости. Можно было бы просто прописать абсолютные пути, но тогда оффлайн проверять было бы нельзя.
На страницу альбома №27 добавлена композиция Лазанья и ее ремикс.
На страницу 404 добавлено стилизованное изображение собственно числа 404 на могильной плите. Не сильно похоже, ну да ладно.
На страницу переводов Depeche Mode добавлен перевод песни Walking In My Shoes.
Запущен новый абсолютно гениальный сервис Понитота. Если серьезно, то это первое мое творение, которым я горжусь. И если узнать частоту ноты не проблема - есть таблицы в конце концов - то узнать ноту по частоте непросто. В сети нашел один подобный сервис, сделанный каким-то интуристом, и он работает не совсем корректно. Мой - лучше. :) И, что самое приятное, уже использую сервис при работе над музыкой. Полезная штука.
На странице альбома №27 в таблице композиций ячейки с оценками теперь подсвечиваются цветом (в зависимости от оценки, по логике тепло-холодно). Заодно заюзал расширенные именные цвета. Надеюсь, подсветку для кола мы не увидим никогда.
На страницу флагов добавлены флаги Чехии и Ирландии, а также подправлен флаг Либерии. Несколько расстроил браузер Firefox. По каким-то непонятным причинам он рисует синий блок под звездой чуть больше, чем положено. Даже Internet Explorer отрабатывает корректно, не говоря об остальных браузерах. Можно было бы обернуть его в еще один блок и попробовать, по крайней мере, ликвидировать баг визуально, но не стал возиться.
На страницу альбома №27 добавлена композиция Камамбер и ее ремикс.
На той же странице альбома №27 в таблице композиций появился столбец с оценками.
На страницу переводов Depeche Mode добавлен перевод песни Pipeline.
Сделал няшую страницу 404, теперь на сайте есть кладбище домашних страниц. Луна становится кровавой при наведении курсора. Заодно попробовал подключить веб-шрифты - кажется, все работает хорошо. Есть несколько идей по дополнению, оставил на будущее.
На страницу альбома №27 добавлена композиция Ирландское рагу и ее ремикс.
На страницу флагов добавлен флаг Китая. Это было непросто. Нарисовать при помощи CSS3 идеально симметричную звезду я не смог, но, кажется, в глаза это не бросается. В остальном все максимально соответствует правилам изображения флага КНР. Пруф.
Валидатор от W3C штука, конечно, хорошая, но при использовании с микроразметкой подглючивает. Проверяя страницы сайта через этот валидатор я узнал, что в коде страниц текстового раздела, оказывается, есть ненужный закрывающий тег head, а тег body открыт два раза, чего, конечно, не было. Но это заставило меня внимательнее посмотреть на код и увидеть в теге head теги time. После их перемещения в body и небольшой коррекции разметки Schema.org все снова стало валидно. Кстати, рекомендацию перенести h1 внутрь тега article я тоже выполнил; кажется, так действительно правильнее.
На страницу флагов добавлены флаги Швейцарии и Италии, и еще якоря для более удобной навигации.
После долгих мучений сделан-таки ряд полезных серверных перенаправлений. Теперь со страницы index.html идет редирект в корень. Но самое главное, что теперь пользователь не запутается в навигации, даже если любит путешествовать по сайту, редактируя адресную строку.
Перенаправление установлено с папок разделов, то есть адресов вида: http://mylittleservices.ru/music/
Теперь с таких ссылок идет редирект на основную страницу раздела вида: http://mylittleservices.ru/music.html
Ранее при обращении к папке пользователь получал код ответа 403.
Простой редирект сделать было просто. Сложность была в том, чтобы не было редиректов с внутренних страниц разделов вида: http://mylittleservices.ru/music/27.html
Но, кажется, я с задачей справился. Аналогичным образом настроены редиректы для других разделов. Правда, у раздела разное основной страницы нет, оттуда я сделал редирект на большую морду.
Вообще-то я социальные сети не использую, и даже проверить не на чем, но все же: в подвал добавил поделиську от Яндекса. Кажется, российских социальных сетей всего 3 (из предлагаемого списка), выбрал их. Надеюсь, работает.
Вообще-то мобильные устройства я за полноценные девайсы не считаю, и проверить даже не на чем, но все же: попробовал сделать адаптивную верстку. Страница с картинками теперь умеет уменьшать контент при ширине экрана 480 пикселей и меньше. Весь остальной сайт переделывать буду вряд ли. Шапка, меню, боковые панели и подвал остаются чугунными. Впрочем, это лучше, чем ничего.
Главное меню немного доработано: теперь выпадашки выпадают с анимацией, пропадают же не сразу после удаления с них курсора, а через некоторое время. Должно стать удобнее.
На страницу флагов добавлен флаг Японии, а флаг России сделан большим - пусть выделяется.
На странице с картинками появилась анимация: по наведению курсора превьюшки немного болтаются. Другие виды анимации пробовал, но они работают пока кривовато в большинстве браузеров - явно видна муть во время трансформации. Либо это у меня руки не оттуда.
Запущена первая версия сервиса j.Магистр. Магистр Йода, несомненно, пользовался бы им для сочинения речей.
В разделе сервисов появилась страница пользовательских скриптов, на которой сейчас есть целый 1 (один) скрипт.
Появился раздел «Разное», где уже есть ссылка на страницу с государственными флагами некоторых стран.
В связи с вышеперечисленными изменениями переверстано основное меню сайта. Впрочем, правильнее сказать, что обилие новых страниц связано с работой над меню: пока я работаю без CMS, обновлять меню приходится на всех страницах вручную, поэтому я отмучился сразу на 3 новых ссылки.
Добавлена пиктограмма конверта для почтовых ссылок. Пиктограмма для ссылок на внешние ресурсы заменена.
На страницу альбома №27 добавлена композиция Зеленый чай и ее ремикс. Начинаем накрывать обед.
На страницу стихов добавлены два стишка: Конец света и Цепь.
Левая боковая панель стала приносить пользу. В связи с этим бесполезные пока глаза поняши исчезли. Зато появился вызов псевдомодального окна с очень полезным хелпом.
Внедрен поиск по сайту от Яндекса. Вызывается там же, на левой панели. Пришлось повозиться с добавлением через скрипт, так как код формы содержит разные кавычки, но, вроде бы, все получилось.
На страницу альбома №27 добавлен ремикс интерлюдии Перерыв 27.1.
В подвале появились строки, касающиеся использования материалов данного ресурса. Подаю пример правильного отношения к так называемой интеллектуальной собственности. Использовать материалы сайта разрешено прямым текстом.
Плееры теперь корректно работают в Chromium-браузерах. По какой-то причине таковые не видели часть файлов на странице альбома №27. Судя по информации в сети, это баг движка. В качестве эксперимента сменил формат файлов на OGG, но не помогло. Прописал явным образом атрибут preload - все заработало нормально. Вернул обратно MP3, благо его сейчас воспроизводят практически все браузеры.
Добавлен костыль для корректной работы сайта в старых версиях браузера Internet Explorer. Только для морды.
Раздел обновлений улучшен: внедрены списки для улучшения читабельности, немного изменен дизайн.
В текстах текстов выделение сделано красным. Дизайн там отличен от остального сайта, оранжевый показался не в кассу. Под раздел текстов выделен отдельный файл стилей.
Большое обновление в музыкальном разделе. На основную страницу и страницу альбома №27 добавлены плееры для прослушивания музыкальных композиций без посещения Яндекс.Диска. Ссылки на Яндекс.Диск остались в качестве резервных + это пока единственное место хранения ремиксов (они весьма длинные и много весят, а платный хостинг пока дешевенький, нужно экономить).
На страницу альбома №27 добавлена таблица со списком композиций и ссылками-якорями для более удобного перемещения по странице.
На основную страницу музыкального раздела добавлена семантическая микроразметка Schema.org (синтаксис JSON-LD). В основном - для моего виртуального альбома кавер-версий Depeche Mode.
А еще в Яндексе адрес сайта теперь официально отображается как MyLittleServices.ru.