Браузеры наши меньшие

Недоступность

• Копирование текста
• Сохранение картинок
• Копирование адреса
• Навигация по истории
• Доступность

Браузеры меньшие

1. Отправляют адрес на прокси-сервер
2. Прокси отрисовывает и отправляет резульатат обратно
3. Результат отображается до следующего действия

• Не работает интерактивный JavaScript
• Не подгружаются веб-шрифты
• Не работает CSS-графика

Opera Mini в России

• 12 000 000 уникальных пользователей
• 12 000 000 000 страниц просмотрено
• 3 ПБ данных прошло через сервера
• 0,3 ПБ вернулось обратно в сжатом виде

И это только в апреле 2015 года.

Картинка

			<div class="NewsEntryImage"
				data-reactid=".4wq5adewao.5.$/.0:$section-1-3.0…
					6оже-чт0-я-пuwy-0становuт3-меHя-wh/twH4o…"
				style="background-image:
					url(/assets/images/405x270_2x.png),
					url(/image/…/twH4opK6vpJswQ.jpg);">
			</div>
		

Ссылка

			<a class="Link Link--independent"
				data-reactid=".4wq5adewao.5.$/articles.0:$section-
					6оже-чт0-я-пuwy-0становuт3-меHя/2015/05/20/eto-
					tolko-dlya-teh-kto-mozhet-vredit-rossii.5"
				href="/feature/2015/05/20/eto-tolko-dlya-
					teh-kto-mozhet-vredit-rossii">
			</a>
		

HTML как API

1. Спека как документация
2. Доктайп как версия
3. Значимые элементы как основа
4. Осмысленная вложенность
5. Дивы, спаны, дата-атрибуты
6. Всё остальное как расширение

Читать дальше

• This Web App Best Viewed By Someone Else — Эрик Мейер
• Адаптивный веб-дизайн на практике — Антон Епрев
• Статьи про Opera Mini на Dev.Opera
• Better by Proxy — Тим Кадлек
• Everyone has JavaScript, right?