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

Хотите узнать больше о расширениях? Посмотрите ролики, рассказывающие о работе с расширениями Firefox.

Разработка » css js background » 22-06-2013 16:21:14

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

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

22-06-2013 16:21:52
Сохраняйте спокойствие, прошу Вас!

Разработка » css js background » 22-06-2013 15:40:46

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

все современные браузеры брать последних версий, то всё очень даже неплохо совместимо

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

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

Выделить код

Код:

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
}

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

Разработка » css js background » 22-06-2013 15:01:36

Анимация то ж мультики,
на ruseller.com что то не нашел пока ничего подобного, наверно не все демо просмотрел :) хотя можно наверно назвать их тоже анимацией. Вот телевизор Вы смотрите, он правда не интерактивный, но все же красиво, правда? почему бы так не создать сайт, да еще и с ajax. Непросто. Но с кросбр. еще сложнее и наверно сегодня вообще невозможно.

Разработка » css js background » 22-06-2013 14:13:45

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

22-06-2013 14:16:12

невозможно ничего сделать

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

Разработка » css js background » 22-06-2013 13:43:04

Определенно вам нравится кроссбраузерность :lol:

Ну тогда понятно почему все так как сейчас !
Шаблоны в головах, шаблоны на сайтах, статика полнейшая, а Мысль не должна топтаться на месте.

Разработка » css js background » 22-06-2013 13:04:43

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

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

Разработка » css js background » 22-06-2013 11:46:39

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

22-06-2013 12:11:08

ага, а потом любуемся на мешанину выдаваемую с отключенным js.

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

Разработка » css js background » 22-06-2013 01:47:57

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, но это же самое интересное :)
Знания, так это же прогресс надо понимать, а кроссбраузерность это что, это

Разработка » css js background » 22-06-2013 01:06:31

о, Вы защитник разнообразия !

Сменить говорите, так вот же и пробую :)
Всегда стороной обходил эти самые стили, оставляя это другим, а теперь любопытно стало, как же там все таки дела обстоят, в этом самом css. Пока вижу, похоже что все довольны положением дел, зубрят кроссбраузерные варианты всевозможных решений то для js, то для css, ИЗОбретают свои костыли то для ie, то для chrome (для него поменьше конечно), или повсеместно пользуют УНИверсальные то jquery, то еще что, не менее УНИверсальное и потому оч многострочное, и настолько универсальное что этому место не в отдельном скрипте, а в самом браузере. Вы не задумывались над этим?
Уровень знаний вырос или наоборот упал - возможно Вы и правы, если смотреть в школьный журнал отметок, а если сравнить
заявки публикуемые на ALLLANCE.COM хотя бы пару лет назад и сейчас, разница есть.

Разработка » css js background » 21-06-2013 22:39:03

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

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

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

Разработка » css js background » 14-06-2013 17:49:59

Итак, в ответ слову "кроссбраузерность" открыть движение

"Охота на дикобраузеров"

и с корявым будет покончено.   Конец дикобраузерам!   :)

Разработка » css js background » 14-06-2013 17:07:10

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

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

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

Разработка » css js background » 14-06-2013 15:37:49

Выделить код

Код:

if(typeof(document.getElementsByTagName("body")[0].getAttribute("className"))==='string')alert('kaleka');
else alert('opa-opa три прихлопа');

При том что:
IE 8 остался один, а
Firefox и Chrome  и теперь и Opera в другой группе, а везде же написано IE и Opera хранят информацию в формате #xxxxxx

Без JQuery ни тпру ни ну.  Ну так влепили бы в свои браузеры в натив этот самый JQuery.

Разработка » css js background » 14-06-2013 15:03:48

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

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


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

Разработка » css js background » 24-05-2013 22:18:55

Infocatcher спасибо! и за разъяснение и за ссылки.
Вы явно ближе к FF, чем я,
скажите, а лучше было бы если бы, ну предположим, пропало, исчезло из обихода, и осталось в истории, в архивах, слово "кроссбраузерность" ? Ну вот так не проще ли было бы запомнить, не тратя пол-жизни, минимум годы, на разнообразие браузеров, те несколько свойств, атрибутов, методов, функций.
Сравнимо ли количество программистов, пишущих для браузеров, с количеством программистов пишущих эти браузеры?
Стандарты, так есть же сантиметры, секунды, мир ими пользуется, подход един, все понятно, а с браузерами все наоборот, хотя программистам, пишущим браузеры надо отдать должное, люди они грамотные, но неужели им так нравится слово "кроссбраузерность", или выгодно, или чего не понимают. Похоже выгодно, а то бы все враз стали программистами, с большой буквы, коими сейчас являются только они. Монополия :)

Работа мастера не видна,
вот и с браузерами и с "кроссбраузерностью" должно быть так,
иначе так как с

Разработка » css js background » 24-05-2013 20:39:35

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 ?
или это так, на всякий случай ?

Разработка » css js background » 24-05-2013 19:59:28

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

И когда стандарты восторжествуют ?

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

Разработка » css js background » 24-05-2013 18:41:14

Для двух браузеров 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 ?

Разработка » Что врет - это getImageData или это putImageData » 10-05-2013 18:12:47

Вот. Пока я тут придумываю, серьезные люди давно изучили, и порешали,
и пример даже был.
Good потому что не только мне интересно, скорее наоборот, мне интересно что и другим.
Надо изучить то что уже есть, другими словами учиться и учиться :)

Разработка » Что врет - это getImageData или это putImageData » 09-05-2013 18:49:08

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

Демки конечно интересно, и раньше, и сейчас,
ну не эта 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
И так что не удалось пока найти демки с манипуляциями с фото хорошего разрешения и с элементами прозрачности.

Разработка » Что врет - это getImageData или это putImageData » 09-05-2013 14:48:14

Пример веселенький :)
А то кругом одна статика, или зацикленные баннеры надоедливые.
Убрать лишнее, добавить полезное, немного разнообразия, паузы и динамика, смена сценария и декораций, и дальше все интересней.

Разработка » Что врет - это getImageData или это putImageData » 09-05-2013 14:06:37

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

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

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

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

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

Разработка » Что врет - это getImageData или это putImageData » 07-05-2013 20:09:06

globalAlpha = значение прозрачности
Это свойство применяет значение прозрачности ко всем фигурам, рисуемым на холсте (canvas). Допустимое значение может быть от 0.0 (полностью прозрачный) до 1.0 (непрозрачный).

Таки да :)  а если к примеру при некотором событии хочу в верхнем рисунке изменить прозрачность отдельных пикселей или групп произвольных пикселей, не квадратиков, чтобы просвечивалась нижняя картинка с 1.0 на 0.4 ? и затем через время на 0.0 ? менять верхнюю картинку на другую заготовку? При плавном изменении прозрачности заготовок несколько потребуется.

Разработка » Что врет - это getImageData или это putImageData » 07-05-2013 18:19:43

svtux спасибо !

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

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

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

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

Разработка » Что врет - это getImageData или это putImageData » 05-05-2013 19:11:38

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

// 255 является максимальным значением
// Coordinates of image pixel that we will modify
// Get drawing context
// создание нового объекта
// размещение объекта на холсте
// получаем bitmap     
// Set pixel color - начинаем запись своих чисел (заменяем то что было)   
// перезапись рисунка с обновленными данными
// повторно извлекаем свои же только что записанные данные для проверки
// сверяем старые и новые данные в порядке возрастания чисел
// выводим на печать результаты проверки
// любой ваш рисунок

Задача поставленная: заменить в рисунке на холсте значения цвета r,g,b,a, включая и альфа канал.
И проверить то что получилось, проверить какие именно значения попали в r,g,b,a каждого пиксела.
И естественно посмотреть какой же рисунок при этом визуально получился.
Сравнить полученный рисунок с начальным, визуально отметив разницу.
Без дополнительных эффектов, без анимации, но с учетом того что это все же динамическое изм

Board footer

Powered by PunBB
Modified by Mozilla Russia
Copyright © 2004–2020 Mozilla Russia GitHub mark
Язык отображения форума: [Русский] [English]