Как стать автором
Обновить

Комментарии 16

Интересно смотрится, но как этим пользоваться? Все скачет, мельтешит, текст меняется, читать не успеваешь… какое-то минимальное практическое применение должно все-таки быть.
Спустя полчаса выясняю следующее: Хром некорректно работает с элементом у которого height:100%...
Эту проблему можно решить более красиво и просто: position: absolute, left/top/right/bottom: 0 ;)
Прикольно, но как это употребить?
Предлагаю поставить таймаут смены твитов на экране около 5-8 секунд. А при нажатии на тег менять твит на экране, выбирая рандомно из соответсвующего тега. Тогда будет боле-менее употребимо. Я б даже себе как стартовую поставил…
окей я попробую так сделать. Основная идея насамом деле была какраз показать насколько быстро на сколько быстро мелькают твиты, и насколько бесполезно пытаться за всем этим следить. Ну плюс из падающих слов можно проследить какбы общее настроение общую тему чтоли. например когда недавно была грустная история у эппл там все пестрило словами в духе R.I.P
простите, хотел ответить Beyondtheclouds. промахнулся
спасибо :) но я если честно немного непонял — от полос прокрутки при пэддинге это неочень спасает хотя конечно именно такого глюка нет.
плюс выглядит всетаки мене элегантно на мой взгляд чем банальный height:100%
плюс например так я могу сделать несколько столбцов в ряд ненапрягаясь вот типа того:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <style>
     html
     {
         height: 100%
     }
     body
     {
         height: 100%;
     }
     div
     {
         height:100%;
         width: 250px;
         float: left;
     }
    </style>
</head>
<body>
<div style="background-color:red">123</div>
<div style="background-color:green">234</div>
<div style="background-color:blue">345</div>
</body>
</html>

а с position: absolute это будет не так удобно. я наверно что-то упускаю из вида?
блин нетуда ответил :(
Без проблем. Просто подход с abs-pos позволяет как бы размещать элементы по точным координатам без всяких padding-margin проблем. Т.е. есть viewport, есть элементы. Если это 3 столбца во всю высоту (top: 0, bottom: 0) и с фикс. шириной (width: 250px), то:
div1 left: 0, div2 left: 250px, div3 left: 500px и т.п.
Если по правому краю, то: div1 right: 0, div2 right: 250px, etc.
В общем, всё элементарно, основы.
тут разница взглядов мне кажется :) я неочень люблю привзяывать дивы по координатам строго, потому что если скажем захочу изменить ширину — будет упс. и координаты придется править. пэддинг при-этом внутри может всеравно остаться нужным вроде — тоесть скажем если столбец с текстом и я хочу отступ от его края, то без пэддинга-марджина обойтись довольно сложно вроде. приэтом вродебы
{
   height: 100%;
   float: left;
   width:250px;
}

выглядит несокльо элегантнее чем
{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 250px;
}


хотя возможно я потом пойму чем подход с abs-pos лучше :)
У меня в Хроме никаких кружков. Только слова. В консоли ошибок нету
Вам повезло, текст читабельнее, ничего не пестрит :)
Интересно, у меня тоже kUbuntu. Может ли быть дело в этом?
Ну, всё возможно, хотя странно — js движок там вроде свой и одинаковый для всех версий (вин, мак, лин).
Спасибо :) сейчас посмотрю что смогу сделать. там с хромом насамом деле были проблемы которые я уже не стал описывать. под мак и винду вроде бы все потестил и поправил раньше. а вот линя у меня небыло к сожалению.
Задействовали бы акселерометр, например как в проекте Google Gravity. Было бы круче :)
Зарегистрируйтесь на Хабре, чтобы оставить комментарий

Публикации