3 заметки с тегом

html

Причёсываю РСС ленту

Попробую реализовать идею:

Получить вид главной страницы для РСС ленты (в xml формате)

Ленту возьму со своего же блога: http://e2.yaruslan.ru/rss/. В Хроме лента отображается так:

Редактируем шаблон РСС ./www/system/default/rss/rss.tmpl.php
Добавляем ссылку на стили в РСС ленту (вторая строка):

<?= '<?xml version="1.0" encoding="utf-8"?>' ?> 
<?= '<?xml-stylesheet type="text/xsl" href="/style.xslt"?>'?> 
<rss version="2.0">
....

Добавляем новый файл /style.xslt на сервер:

<?xml version="1.0" encoding="utf-8" ?>
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
	<xsl:output method="html" indent="yes"/>
	<xsl:template match="channel">
		<html>
			<head>
				<title>
					<xsl:value-of select="title" />
				</title>
				<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
				<base href="http://e2.yaruslan.ru/" />
				<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
				<link rel="stylesheet" type="text/css" href="themes/plain/styles/main.css?1574509235" />
			</head>
			<body>
				<div class="common">
					<div class="flag">
						<div class="header-content">
							<div class="header-description">
								<div class="title">
									<div class="title-inner">
										<div class="logo-marginal">
											<div class="e2-user-picture-container e2-external-drop-target">
												<img src="http://e2.yaruslan.ru/user/userpic@2x.jpg" />
											</div>
										</div>
										<h1>
											<span id="e2-blog-title">
												<xsl:value-of select="title" />
											</span>
										</h1>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="content">
						<xsl:apply-templates select="item" /> 
					</div>
				</div>
			</body>
		</html>
	</xsl:template>
	<xsl:template match="item">
		<div id="e2-note-109" class="e2-note  ">
			<article>
				<h1 class="e2-published e2-smart-title">
					<a>
						<xsl:attribute name="href">
							<xsl:value-of select="link" />
						</xsl:attribute>
						<xsl:value-of select="title" />
					</a>
				</h1>
				<div class="e2-note-text e2-text e2-published">
					<xsl:value-of disable-output-escaping="yes" select="description"/>
				</div>
			</article>
		</div>
	</xsl:template>
</xsl:stylesheet>

Структуру тегов я взял с главной страницы блога, просто скопировал итоговый хтмл из браузера.

Результат

Браузеры Хром и Эдж нормально применили стили (это радует):

Браузеры ФФ и ИЕ проигнорировали стили, при этом постарались вывести хтмл записи:

Так как это всё сделано на прямую в шаблонах движка, то сохранится до первого обновления. Придётся мне каждый раз править шаблон РСС и добавлять строку стилей.

Жуэль + Фоторама ≠ Ютуб

Илья писал о расширении функционала Жуэль-про и создание плейлистов. Хорошая идея. Предлагаю расширить функционал, добавить к  плейлистам фотораму.

Получится презентация с аудио сопровождением (и списком тезисов). Запускаешь аудио файл, с течением времени фоторама меняет картинки. При перелистовании картинки, Жуэль перематывает аудио файл в нужное место. И еще куча вариантов. Тот же плейлист, но картинками.

Зачем это всё? Это может быть простой и легкой альтернативой Ютуб-лекций, когда автор за кадром разговаривает, при этом на экране меняются картинки. Не всегда делают качественные ролики, то звук не очень, то картинки плохого качества.

О плюсах и минусах можно конечно подискутировать, тут много нюансов...

Кривое зеркало не поможет от ожирения

В общем ни чего нового и ни чего удивительного нет, одна печаль. Лично мне давно не нравиться то направление, куда катится весь интернет со своими модными тенденциями.

Яндекс запустил Турбо-страницы — новый формат отображения контента на мобильных устройствах. На Турбо-страницах нет ничего лишнего: только текст, картинки и видео. Они весят в среднем в 10 раз меньше, чем обычные веб-страницы, и загружаются при 3G-подключении в 15 раз быстрее.
https://yandex.ru/blog/company/turbo

На Хабре есть замечательная статья «Кризис ожирения сайтов». Или другая тематическая статья «Средний размер веб-страницы сравнялся с размером инсталлятора Doom». В интернете можно найти похожие статьи, с другим содержанием и примерами. Главное уловить суть, куда все движется: жирные сайты, высокие скорости, «быстрое отображение» страниц в браузере.

Содержимое Турбо-страниц хранится на серверах Яндекса. Они рассчитаны на высокую нагрузку и отвечают на запросы с минимальной задержкой — отсюда дополнительный выигрыш в скорости. Кроме того, если сайт упадёт, например из-за заражения или DDoS-атаки, его Турбо-страницы продолжат открываться — то есть контент будет по-прежнему доступен пользователям.

А вот с этого места желательно по подробнее пожалуйста... Получается при переходе с поисковика Яндекс, я попаду на копию сайта на сервере Яндекса. Так что ли? Попробую найти что-нибудь в поисковике:

Прочитал, пролистал и закрыл. Получается, я не посетил страницу википедии, я поселил страницу Яндекса. Для пользователя всё равно, он получил нужную ему информацию. Может это и хорошо. А для владельца сайта как такая ситуация?

Появления подобных сервисов не ново, у оперы был трубо-режим браузера (может и сейчас работает, не знаю), у 1С-Битрикс это называется «Композитный сайт». Появление подобных сервисов, свидетельствуют о наличии проблемы в сайто-страении, не предлагая её решения. Поверхностное «лечение» скорости загрузки страниц, не изменит ситуацию в целом.

Турбо-страницы — есть костыль, который пытается хоть как выправить ситуацию, при этим не меняет тенденции тяжелого сайто-строения. При этом Яндекс старается удержать посетителей поисковой системы на своих серверах. Зачем? Как минимум что бы зарабатывать деньги.

Проблем много, решения есть, желание их применять нет. На мой субъективный взгляд, для начала, нужно «избивать до крови» тех, кто ставит фоновым изображением файлы по 5Мб =)

https://fuckingwebsite.ru