Vlad

Добавил в SVG-файл свои атрибуты к path - data-bg. А как их теперь получить? Использую библиотеку Snap.svg.

stariknatali, обрамляйте код тегами [ code ] и [ /code ] без пробелов. В следующий раз вынесу за это замечание.

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

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

Кто работал с этой штукой и другими продуктами линейки Edge? Поделитесь впечатлениями. https://creative.adobe.com/products/reflow

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

Спасибо, будем считать что это у меня браузер глючит.

Хром 41 под Win8.

Сделал такой пример. Локально во всех браузерах всё работает хорошо, но на JSFeddle сердечко скачет. В чём может быть дело? http://jsfiddle.net/webref/Lp9kzon3/

Зато точно работает везде!

Посмотрел на планшете, ничего не ездит, всё смотрится хорошо.

Спасибо, поищу в этом направлении.

Можно ли сделать клон имеющейся на странице картинки только средствами CSS?

Места для тени не хватает, добавь ей пространства.

Всё в кучу намешано - надо разделять вёрстку и программирование. И в том и другом случае знать полезно всё, но уровень погружения разный. Вёрстка HTML5 -> CSS -> Sass (Less) -> Вёрстка (применение технологий на практике для создания сайтов) + jQuery, потому что без него сейчас практически ни одна вёрстка не обходится. Про Bootstrap здесь почитай. Если кратко, то это фреймворк, который облегчает вёрстку, потому как в нём уже много чего готового есть. http://webref.ru/layout/bootstrap Программирование JavaScript -> jQuery Дальше что-то советовать сложно, потому что зависит от специализации.

Так добавь это, и будет тебе 500 px на мобилках. <meta id="viewport" name="viewport" content="width=500, initial-scale=1.0, user-scalable=no">

product-item

Вот здесь можете про vw почитать. На таблицу с браузерами вначале смотреть - IE9+ если не пугает, то нормально всё. https://developer.mozilla.org/en-US/docs/Web/CSS/length#vw Ещё подумал, что можно минимальную ширину блоку установить через min-width, тогда не будет такого что заголовок выходит за пределы блока и без этих единиц.

У тебя Андроид наверное? device-pixel-ratio есть, как раз подходит для определения конского разрешения. https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries#-moz-device-pixel-ratio Для Андроида ещё была специальная штука target-densitydpi, но нагуглил что уже выпилили.

Используйте единицы vw. 1vw = 1% от ширины вьюпорта. .product-item>h2{ font-size: 4vw;}

Блин, а мы тут спорим, думаем, почему различается. И тут пришёл Илья и всё объяснил.

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

Сделал вот такой пример. Почему-то время движения субъективно различается в браузерах. В хроме быстрее, в IE и Firefox медленнее. Почему так может быть? http://jsfiddle.net/04yvqa25/ Если движения сразу не видно, надо чуток подождать.

http://htmlbook.ru/samhtml5/formy/polzunok

В таком случае только написать так, должно помочь. p, pre,... { font-weight: 600 !important; }