Хабр Курсы для всех
РЕКЛАМА
Практикум, Хекслет, SkyPro, авторские курсы — собрали всех и попросили скидки. Осталось выбрать!
Хабр доступен 24/7 благодаря поддержке друзей
Комментарии 16
Интересно смотрится, но как этим пользоваться? Все скачет, мельтешит, текст меняется, читать не успеваешь… какое-то минимальное практическое применение должно все-таки быть.
Спустя полчаса выясняю следующее: Хром некорректно работает с элементом у которого height:100%...
Эту проблему можно решить более красиво и просто: position: absolute, left/top/right/bottom: 0 ;)
Эту проблему можно решить более красиво и просто: position: absolute, left/top/right/bottom: 0 ;)
Прикольно, но как это употребить?
Предлагаю поставить таймаут смены твитов на экране около 5-8 секунд. А при нажатии на тег менять твит на экране, выбирая рандомно из соответсвующего тега. Тогда будет боле-менее употребимо. Я б даже себе как стартовую поставил…
Предлагаю поставить таймаут смены твитов на экране около 5-8 секунд. А при нажатии на тег менять твит на экране, выбирая рандомно из соответсвующего тега. Тогда будет боле-менее употребимо. Я б даже себе как стартовую поставил…
окей я попробую так сделать. Основная идея насамом деле была какраз показать насколько быстро на сколько быстро мелькают твиты, и насколько бесполезно пытаться за всем этим следить. Ну плюс из падающих слов можно проследить какбы общее настроение общую тему чтоли. например когда недавно была грустная история у эппл там все пестрило словами в духе R.I.P
простите, хотел ответить Beyondtheclouds. промахнулся
спасибо :) но я если честно немного непонял — от полос прокрутки при пэддинге это неочень спасает хотя конечно именно такого глюка нет.
плюс выглядит всетаки мене элегантно на мой взгляд чем банальный height:100%
плюс например так я могу сделать несколько столбцов в ряд ненапрягаясь вот типа того:
а с position: absolute это будет не так удобно. я наверно что-то упускаю из вида?
плюс выглядит всетаки мене элегантно на мой взгляд чем банальный 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.
В общем, всё элементарно, основы.
div1 left: 0, div2 left: 250px, div3 left: 500px и т.п.
Если по правому краю, то: div1 right: 0, div2 right: 250px, etc.
В общем, всё элементарно, основы.
тут разница взглядов мне кажется :) я неочень люблю привзяывать дивы по координатам строго, потому что если скажем захочу изменить ширину — будет упс. и координаты придется править. пэддинг при-этом внутри может всеравно остаться нужным вроде — тоесть скажем если столбец с текстом и я хочу отступ от его края, то без пэддинга-марджина обойтись довольно сложно вроде. приэтом вродебы
выглядит несокльо элегантнее чем
хотя возможно я потом пойму чем подход с abs-pos лучше :)
{
height: 100%;
float: left;
width:250px;
}
выглядит несокльо элегантнее чем
{
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 250px;
}хотя возможно я потом пойму чем подход с abs-pos лучше :)
У меня в Хроме никаких кружков. Только слова. В консоли ошибок нету
Вам повезло, текст читабельнее, ничего не пестрит :)
Хром 15, Убунту, история такая же.
habrastorage.org/storage1/3f8e09a4/00463ebd/6c947502/777942ac.png
habrastorage.org/storage1/3f8e09a4/00463ebd/6c947502/777942ac.png
Задействовали бы акселерометр, например как в проекте Google Gravity. Было бы круче :)
Зарегистрируйтесь на Хабре, чтобы оставить комментарий
Сказка о Box2D, Canvas,Twitter, и о том, как все это черт возьми связано