Доброкнижка про HTML5 от Google

Крошка Ру · №1

Пока в интернетах идут войны на тему HTML5, убьет он Flash или нет, компания Google выпустила онлайн книгу 20 Things I Learned About Browsers & The Web. И это действительно книга!
Ребята создали веб-приложение, напоминающее детскую книгу, ее можно листать, оставлять закладки, а посвящена она веб-технологиям.
Первое, что стоит отметить — книга создана только с использованием HTML5 возможностей, таким образом каждая страница книги это html страница. По это причине, каждую из страниц можно расшарить в социальных сервисах, причем расшарить независимо от остальных. И все по той же причине, все эти страницы индексируются.

Таким образом, это наверное первый реальный опыт создания нормальной веб-читалки. А если добавить сюда сенсорный экран, то мы получим отличную штуку!

Источник:http://habrahabr.ru/blogs/google/108414/

Отредактировано Крошка Ру (19-11-2010 05:15:48)

okkamas_knife · №2

книга создана только с использованием HTML5 возможностей,

Брехня!
попробуйте почитать книжку с отключенными скриптами,вообще нифига не увидите.
так что тут не только хтмл5 а джаваскрипт тоже используется.
а при заходе на страничку еще просит сохранить локально аж 3.4 мега данных.
вобщем отстой.

Крошка Ру · №3

okkamas_knife То есть получилось наглядное пособие типа "как не надо делать HTML5 - книги" ?

okkamas_knife · №4

Крошка Ру
именно!
не,ну реально что это за веб-сайт который для отображения обычного текста требует залить на твой комп три с половиной мега и включить жабаскрипт?

ПротопопулуS · №5

okkamas_knife пишет

не,ну реально что это за веб-сайт который для отображения обычного текста требует залить на твой комп три с половиной мега и включить жабаскрипт?

Это ж ~~бубль-гум~~ Google!

vladmir · №6

Опять плюют на изменение размера шрифта в браузере.
При дефолтном размере в 16 пикселей текст лезет один на другой.
Халтурщики.

okkamas_knife

требует залить на твой комп три с половиной мега

На мой не требует.

okkamas_knife · №7

vladmir пишет

okkamas_knifeтребует залить на твой комп три с половиной мегаНа мой не требует.

а ты загляни в настройки - сеть - автономное хранилище. вполн возможно что у тебя браузер просто не спрашивает разрешения.

vladmir · №8

okkamas_knife
Ну наверное не спрашивает. А мне должно быть жалко?

Ну и лошары гуглики, оказывается.
Если не на том браузере зайти, то вверху вываливается блок с текстом и ссылкой на др сайт.

This illustrated book was designed for HTML5-compliant browsers and will not work with your current browser.
For the best viewing experience, please upgrade to the latest version of your browser or download a modern browser and try launching this site again.

Зашёл на трёх версиях Симанки на их вот эту поделку:
http://www.whatbrowser.org/ru/
И вон чё пишут:

Какой у вас браузер?
Познакомьтесь со своим браузером.
Вы используете:
Sorry, we couldn’t recognize your browser. The What Browser team has been notified.

okkamas_knife · №9

vladmir пишет

okkamas_knife
Ну наверное не спрашивает. А мне должно быть жалко?

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

Йцукен · №10

vladmir пишет

При дефолтном размере в 16 пикселей текст лезет один на другой.

Вообще-то так на многих сайтах. По-нормальному размер шрифта должен устанавливать сайт, а не пользователь. А пользователь устанавливает масштаб - NoSquint - хорошее дополнение.

Отредактировано Йцукен (14-06-2011 19:47:06)

vladmir · №11

okkamas_knife
Ну так один-два мега - это теперь нередко встречающийся размер страницы.
Первую страницу Коммерсанта открой без фильтров и сохрани.
Тебя же браузер и не предупредит сколько загрузится.
Твоя головная боль как ориентироваться, на какие сайты ходить.
С диалапом я фильтровал тщательно лишнюю загрузку, сейчас меня траффик сам по себе не интересует. Но всё равно волнует сколько сохранится на диск при сохранении страницы. Потому что, если каждая страница будет по мегу, то диск в терабайт вместит всего-то тысячу страниц.

Куда оно легло на диске я не знаю, кстати. Может в оперативке.

Так просто запишу.
В Симанки 1.1.19 практически не фурычит эта "книжка".
В Симанки 2.0.8 можно переключать на следующую страницу кликом по стрелкам и внизу в меню. И форматирование не совсем корректное получается.
В Симанки 2.1 бета1 вроде бы всё работает - и перелистывание перетаскиванием мышкой.

Радик245
По нормальному - личное дело юзера в каком размере ему шрифт удобнее - на то и интернет. Это бумажные дизайнеры любят свои стереотипы переносить в незнакомую и чуждую им среду.
А не халтурщики спокойно такую очевидную вещь учитывают - полно сайтов, где ничего друг на друга не залазит. Уж во всяком случае с дефолтным шрифтом и самым распространённым разрешением монитора.

kiko-pro · №12

vladmir пишет

...А не халтурщики спокойно такую очевидную вещь учитывают - полно сайтов, где ничего друг на друга не залазит...

+1

Al_H · №13

Крошка Ру пишет

И это действительно книга!

Ну товарищи, ну так же нельзя. Эффект перелистывания существует в виде компонента для Flash уже давно. Есть бесплатные самосборные галереи и платные решения.
Тут перелистывание сделано на канвасе. Неясен анахренизм решения - нарисовано оно так примитивно, что можно было то же самое сделать наложением PNG. Но оно на канвасе. Тогда уж нужно было сделать как на флэше - с отгибающимся уголком.

Книгу просмотрю поподробнее. Пока не очень интересно.

Отредактировано Al_H (22-11-2010 14:25:09)

Полезная информация

№119-11-2010 05:14:30

Доброкнижка про HTML5 от Google

№219-11-2010 05:41:03

Re: Доброкнижка про HTML5 от Google

№319-11-2010 06:04:42

Re: Доброкнижка про HTML5 от Google

№419-11-2010 07:03:56

Re: Доброкнижка про HTML5 от Google

№519-11-2010 07:48:56

Re: Доброкнижка про HTML5 от Google

№619-11-2010 17:43:45

Re: Доброкнижка про HTML5 от Google

№719-11-2010 17:49:38

Re: Доброкнижка про HTML5 от Google

№819-11-2010 18:15:47

Re: Доброкнижка про HTML5 от Google

№919-11-2010 19:01:44

Re: Доброкнижка про HTML5 от Google

№1019-11-2010 19:03:58

Re: Доброкнижка про HTML5 от Google

№1119-11-2010 19:57:16

Re: Доброкнижка про HTML5 от Google

№1220-11-2010 06:39:01

Re: Доброкнижка про HTML5 от Google

№1322-11-2010 14:24:28

Re: Доброкнижка про HTML5 от Google

Board footer