Ну да,
сегодня нужны шаблоны, магазины, реклама-мусор-тормоз, твиты, лайки,  сео-обман, фейсбуки, спам. И конечно кроссбр.

тут наверно в одну строку прямо сегодня можно легко и позиционировать блоки, и с цветом порядок, и с прозрачностью все по стандарту.

И Вы не пишете что либо подобное:

var crossbr=function(a,z){
 if(supportsTransforms){
  a.style.transition='transform 0.8s ease';
  a.style.OTransition='-o-transform 0.8s ease';
  a.style.msTransition='-ms-transform 0.8s ease';
  a.style.MozTransition='-moz-transform 0.8s ease';
  a.style.WebkitTransition='-webkit-transform 0.8s ease';
  var t='scale('+z+')';
  a.style.transform=t;
  a.style.OTransform=t;
  a.style.msTransform=t;
  a.style.MozTransform=t;
  a.style.WebkitTransform=t;
 }else 
 a.style.zoom=z
}

Нет чтобы прямо сказать, но родном Вам языке, "Мне не нравится слово кроссбраузерность".

KooL рад слышать что и Вам дикобраузеры не импонируют.
Обычный сайт обязан без скриптов работать - так он же будет работать, только оч примитивно, хотя может даже и полностью,
и конечно с массой переходов по страницам. Беготня.
Интересную анимацию без скриптов, без флеша, хотелось бы глянуть...

22-06-2013 14:16:12

разве что высказать свое отношение по данному вопросу, а все молчат и тихо так кроссбр. занимаются.

про это ? про что это, про кроссбраузерность что ли ?

Вам ссылочку на мой сайт с абсолютным позиционированием?

okkamas_knife, как Вы скажете, я тут придумал нечто по части css, и слово кроссбраузерный хоть чуточку будет менее значимым:
1. Из html выкидываем строку <link rel="stylesheet" type="text/css" href="style/Moz-ie-Chrome.css" />
2. С помощью js вычисляем размеры доступные для страницы, и все блоки позиционируем в абсолютном формате с учетом их высоты, ширины для начала.
Другими словами выполняем работу ту, что должен делать браузер. Любой браузер. Вот какая сейчас версия FF, Opera, Chrome, а воз и ныне там, это я по поводу вертикального выравнивания, т.е. как выровнять одной строкой по вертикали многострочный текст? вот моя сегодняшняя задачка для поиска в google, пока все найденные мной решения не укладываются в одну строку.

KooL - Вы абсолютно правы, в других сферах программирования нет слова кроссбраузер, правда там нет и слова браузер.
Это все только в css / js, но это же самое интересное :)
Знания, так это же прогресс надо понимать, а кроссбраузерность это что, это

2013 !
За 20 есть ли прогресс?

Читаю на "хабре" :
"Сегодня, верстая один макет, я, кажется, изобрел очередной небезынтересный способ вертикального выравнивания блока относительно родительского. Он не основан на превращении блоков в ячейки таблицы и не использует css-свойство position." и т .д.

Так вот меня очень интересует, последние годы образовательный уровень учащегося люда естественно вырос,
но так как и прежде невозможно написать самые элементарные веб-страницы быстро и просто, и так чтобы и кода поменьше, и во всех браузерах css отображался так как и хочется.
С цветом разбирались, прозрачность вообще лучше и не трогать, а вот выравнивание контента посередине,
выравнивание текста внутри блока,
по горизонтали, по вертикали,
центрирование, а если не по центру да еще и в процентах, или в пикселях,
и снова изобретать, или лазить по гуглу и яндексу? А что магистры, маги дикобраузерные, за 20 последних лет ничего не придумали такого единого, стандартного, приемлемого, простого ?

Как перевести rgb to hex, и наоборот, и в по отдельности обработать каждую составляющую все это можно найти, google поможет.
Но вопрос остается.

Какое самое простое решение задачи присвоения цвета блоку,  (КРОССБРАУЗЕРНОЕ)
если на странице html в body ничего нет, и с помощью js динамически создается блок и цвет?

(с тем чтобы далее тем же скриптом, к примеру, красную составляющую уменьшить в 2 раза, через секунду, ну или увеличить)

Нет, ну все таки, скажите как установить цвет, например блоку, с помощью style.backgroundColor
не обращаясь к специальным функциям типа navigator.appName  ?

Какое будет самое простое решение этой задачи, если на странице html в body ничего нет кроме js, с помощью которого динамически создается блок, и ему нужен цвет?

При том что
IE и Opera хранят информацию в формате #xxxxxx,
Firefox и Chrome – в формате rgb(xxx, xxx, xxx).

style.background <-> style.backgroundColor =====> style.background  (так типа проще как бы, для запоминания)

Полное разнообразие, куда там запомнить...
тут опыт нужен, многолетний.

style.background <-> style.backgroundColor2
style.background <-> style.backgroundColorType2
style.background <-> style.backgroundColorDrink
...
background-сolor
сolor
style.background <-> style.backgroundColorDrinkDrinkDrink      ^-|-^

24-05-2013 20:53:22
В FF:

style.backgroundColor - работает.

А вот что показывает тогда  style.background ?
или это так, на всякий случай ?

Для двух браузеров IE и Chrome установленный цвет блока можно и установить и поменять, там использованы два варианта записи цвета:
- #012345
- rgb(0,10,255)

var k=document.getElementById('kp');
k.style.background='#101010';
alert(typeof(k.style.background));  //  string
alert(k.style.background);               // FF   none repeat scroll 0% 0% rgb(10,10,10)

если после того как цвет все же был хоть как то установлен, то прочитав его получаем еще какие то "none repeat scroll 0% 0%" в строке перед искомым "rgb(10,10,10)"

Как можно поменять цвет фона блока в FF ?

Ссылки на гугл - универсально! Там правда всего дофигища :)))))))

Демки конечно интересно, и раньше, и сейчас,
ну не эта https://developer.mozilla.org/en-US/demos/detail/html5-video-time-warp/launch
так эта: https://developer.mozilla.org/en-US/demos/detail/ghostwriter-art-studio/launch
https://developer.mozilla.org/ru/demos/detail/panoramic-video/launch
https://developer.mozilla.org/en-US/demos/detail/scene-change-detection-demo/launch
НО это все кадры.
Попрозрачней : https://developer.mozilla.org/en-US/docs/HTML/Canvas/Drawing_Graphics_with_Canvas
И так что не удалось пока найти демки с манипуляциями с фото хорошего разрешения и с элементами прозрачности.

Пример интересен. Надо поэкспериментировать.

Верхняя картинка где нужные пиксели полностью прозрачны тоже выход, но
плавность перехода прозрачности прямым образом не обеспечена.

Телевидение: смена 24 кадров дает впечатление плавного изменения изображения лица человека с серьезным выражением на улыбку,
перерисовывая только часть изображения, относящегося к лицу не простая задача, но зато и множество кадров не потребуется,
отличие от телевидения, скорость, и рациональность действия.

перерисовывать весь холст заново - или часть, т.е. холстов может быть несколько (естественно в качестве демо страницы, т.к. никто реально такое делать не будет)

Разница анимация и телевидение. Превращение изображения лица мужчины в изображение лица женщины, ребенка, взрослого, динамическое изменение контуров, цветов,  перемещение объекта по экрану (холсту). Тогда и полный ОК!
Пока альфа канал "туговат".

svtux спасибо !

Ссылки очень даже нужно изучить (сначала перевести придется конечно).

Велосипед точно изобретаю :)  Вы совершенно правы! и к тому весьма экзотическим способом, и никаких извращений, просто переставляя буковки в скриптах специфическим способом пытаюсь решить новые задачи.
И я тоже замечал, как иногда ковыряешься с чем то, придумываешь что то,  городишь страшные конструкции, а потом где то вдруг обнаруживаешь нечто отдаленно напоминающее твою задумку, и чувствуешь что твоя идея не такая уж и бессмысленная, и скорее наоборот надо приложить еще чуть-чуть усилий и все будет ок! хотя в данном случае парой строчек не обойтись, и картинка всего лишь небольшая, но достаточно важная часть общего плана, главное план есть.

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

Присваивать просто порядковые номер