Comments 80
Название оптимистичное, подняли настроение, спасибо :)
Веселей был бы только «DURIC» (его тоже можно из заданных слов составить), особенно для славянского народа.
А когда ожидается RC? — я бы с удовольствием попробовал интегрировать
Веселей был бы только «DURIC» (его тоже можно из заданных слов составить), особенно для славянского народа.
А когда ожидается RC? — я бы с удовольствием попробовал интегрировать
+1
Уж очень много гемороя с этими data:urii
+1
Что-то я не понимаю в чём польза от конкретно такой автоматизации:
— зарядил я туда урл site.ru/
— получил index.html и addon.css
И что мне с ними делать? Положить на сайт? Ну так у меня там динамический скрипт, а получил я, хоть и оптимизированный, но статичный слепок.
Т. е., получается, этот tool годится только для статичных сайтов. Ы?
— зарядил я туда урл site.ru/
— получил index.html и addon.css
И что мне с ними делать? Положить на сайт? Ну так у меня там динамический скрипт, а получил я, хоть и оптимизированный, но статичный слепок.
Т. е., получается, этот tool годится только для статичных сайтов. Ы?
-5
мдя… предпочитаю конструктивную критику
0
Получился сверстанный слепок. Сверстанный слепок всегда статичен, таким, кстати, его делают верстальщики, и уже потом он прикручивается к какой-нибудь CMS.
0
сам сайт duris.ru динамический, и как видите в него нормально интегрирована технология.
tool годится как для динамических так и для статических сайтов. вам предоставляется примерный код как это должно быть, что куда вставлять, а в динамику вы уже сами ручками вставляйте в нужные места.
tool годится как для динамических так и для статических сайтов. вам предоставляется примерный код как это должно быть, что куда вставлять, а в динамику вы уже сами ручками вставляйте в нужные места.
0
textarea с кодом добавления CSS-правил в toDo уже :)
0
> 7) другое.
Убило )
Хорошая задумка, интересно будет следить ра завитием.
И даже, возможно, пользоваться в будущем.
Убило )
Хорошая задумка, интересно будет следить ра завитием.
И даже, возможно, пользоваться в будущем.
+3
Задумка, действительно, стоящая. К сожалению, пока нет впечатлений от использования в реальной жизни (и не разработчиками, а сторонними пользователями). Ждем-с.
0
Мне видится такая автоматизация:
После того как обновили сайт (css'ы или картинки), запускаем на хостинге скрипт навроде этого:
А в шапку вставляем:
Засада в том что надо будет не забывать запускать этот скрипт на хостинге, но может в CVS/SVN есть тулзы для такой автоматизации (делать нечто по апдейту).
Джаву запускать не на всеъ хостингах возможно, но если сайту требуется такая оптимизация, то наверное это решаемо :-)
После того как обновили сайт (css'ы или картинки), запускаем на хостинге скрипт навроде этого:
duris_rebuild_all($htdocs, $css_files, $joined_css_file) {
// Сканируем каждый из $css_files на предмет нахождения кандидатов в data:uri.
// Попутно заменяем ссылки-на-файлы на data:uri.
// Сводный файл копируем в $joined_css_file.
}
duris_rebuild_all("/www", array("/main.css", "/sec.css"), "/joined.css");
А в шапку вставляем:
<link rel="stylesheet" type="text/css" href="/joined.css" />
< !-- ну и джаваскрипт, и всё остальное -- >
Засада в том что надо будет не забывать запускать этот скрипт на хостинге, но может в CVS/SVN есть тулзы для такой автоматизации (делать нечто по апдейту).
Джаву запускать не на всеъ хостингах возможно, но если сайту требуется такая оптимизация, то наверное это решаемо :-)
0
Хуками они называются.
0
честно пока о интеграции вплотную не думали, но это на самом деле не проблема. обязательно сделаем удобно.
думаю будет так как реализован сам сайт: duris.ru и duris.ru/?dev=1 — т.е. на выходе будет боевая версия и версия для разработки
думаю будет так как реализован сам сайт: duris.ru и duris.ru/?dev=1 — т.е. на выходе будет боевая версия и версия для разработки
0
Побольше английского описания, подалуйста. Что бы коллегам показать.
+1
А в эксплорере 7 насмерть не работает? У меня ничего не показывает — всё пусто, что получается держать два комплекта что ли?
0
Да, держвать 2 комплекта. В вашем случае изображения будут загружаться, как раньше.
0
как не показывает? сайт duris.ru в ИЕ7 показывает? он сам является примером применения технологии
0
не показывает, они для ИЕ видать выводят обычным способом
0
гм, не увидел, что вы автор топика. просто у меня ваш пример из файла открылся нормально везде кроме 7 ИЕ
0
пример из файла? вы на ИЕ7 ХР? почитайте внимательно фаг. Если вы запускаете копию сайта лебедева, для нормального отображения в ИЕ, вам надо залить все на домен artlebedev.ru. Посмотрите в исходный код
addon.ie.css.js там везде абсолютные урлы mhtml:http://www.artlebedev.ru/;-)/svalka/addon.ie.css.js!1
addon.ie.css.js там везде абсолютные урлы mhtml:http://www.artlebedev.ru/;-)/svalka/addon.ie.css.js!1
0
> всё пусто, что получается держать два комплекта что ли?
конечно исходные изображения удалять ненадо :)
конечно исходные изображения удалять ненадо :)
0
Первой строкой после генерации идет
а причем тут собствено ФП?
а причем тут собствено ФП?
0
пока что-то стрёмно проверять в боевых условиях. не плохо бы на реализацию подобного взглянуть, и не ровен час высыпания ещё каких-нибудь ошибок и подводных камней.
в остальном верной дорогой идёте, товарисчи! :)
в остальном верной дорогой идёте, товарисчи! :)
0
duris.ru это и есть пример реализации, гляньте в исходный код
а если зайти так duris.ru/?dev=1 — тогда видно то что изначально было, без применения DURIS
в боевых условиях проверять ненадо :), у вас ведь наверно есть рабочая версия? ну или тестовая площадка? там и проверяйте
а если зайти так duris.ru/?dev=1 — тогда видно то что изначально было, без применения DURIS
в боевых условиях проверять ненадо :), у вас ведь наверно есть рабочая версия? ну или тестовая площадка? там и проверяйте
0
У вас в FAQе: «Предназначен автоматизировать процесс». Думаю, все же «предназначен, чтобы…» (:
0
data uri для сайтов редко полезны, лучше компилять картинки в одну — тогда работать с ними будет проще. а данный подход полезен для всяких виджетов и букмарклетов. собстно так я дата ури использовал ещё лет пять назад.
0
> data uri для сайтов редко полезны, лучше компилять картинки в одну
вы наверно большой специалист в этом вопросе? особенно в умении собрать все картинки разных размеров и разного позиционирования в одну итоговую, ну хоть поделитесь опытом с нами.
вы наверно большой специалист в этом вопросе? особенно в умении собрать все картинки разных размеров и разного позиционирования в одну итоговую, ну хоть поделитесь опытом с нами.
0
Необязательно всё собирать в одну картинку. Главное — не зацикливаться на чём-то одном, а использовать разные технологии и техники по мере нужды.
Я не говорю, что ваша штука есть фигня. О нет, очень даже интересная штука! И полезная. Но сайты далеко не всегда вписываются в подобную концепцию.
Я не говорю, что ваша штука есть фигня. О нет, очень даже интересная штука! И полезная. Но сайты далеко не всегда вписываются в подобную концепцию.
0
если внимательно изучить как построен сам сайт duris.ru, то можно увидеть что у нас применяется смесь технологий — мелкие картинки запакованы в data:uri, а большие (лого, фото) подключаются обычным способом с применением привычных CSS спрайтов. Соответственно мы применяем разные технологии. И вам того же советую. Кстати в faq это описано.
Вы разработчик и вы решаете что лучше вам применять по мере нужды. Мы даем вам еще одну технологию, в общий набор. Т.е. арсенал инструментов увеличивается. Видели сколько инструментов у зубного врача? Представьте если бы он работал только одним каким то инструментом, вы бы тогда сами лечили себе зубы. В противовес существуют современные стоматологические кабинеты, в которых очень большой набор очень хороших инструментов. Аналог можно провести и в веб-разработке.
Вы разработчик и вы решаете что лучше вам применять по мере нужды. Мы даем вам еще одну технологию, в общий набор. Т.е. арсенал инструментов увеличивается. Видели сколько инструментов у зубного врача? Представьте если бы он работал только одним каким то инструментом, вы бы тогда сами лечили себе зубы. В противовес существуют современные стоматологические кабинеты, в которых очень большой набор очень хороших инструментов. Аналог можно провести и в веб-разработке.
0
data:uri в windows используется в msc шаблонах с первого их появления =) (microsoft management console)
Так же удобно использовать для файлов ошибок http т.к. часто там не удобно использовать прямые линки на изображения, а не прямые будут не везде отображаться (IIS)
Так же удобно использовать для файлов ошибок http т.к. часто там не удобно использовать прямые линки на изображения, а не прямые будут не везде отображаться (IIS)
+1
> На сегодняшний день мы имеем стабильную бета версию
Абсурд!
Абсурд!
0
ух как исчерпывающе вы высказались!, круче было бы иконку влепить какую-то или просто смайл ляпнуть, максимальная оптимизация речи :).
0
зачем обзывать версию бетой, если продукт работает стабильно?
0
По теме data:uri
отличная онлайн утилита The data: URI kitchen
software.hixie.ch/utilities/cgi/data/data
отличная онлайн утилита The data: URI kitchen
software.hixie.ch/utilities/cgi/data/data
0
вот еще одна www.scalora.org/projects/uriencoder/
0
А ещё вместо всего этого можно использовать svg+xml
жалко только что браузеры очень неохотно поддерживают этот формат =\
жалко только что браузеры очень неохотно поддерживают этот формат =\
0
вот это вы молодцы!
багрепорт от меня: все css вклеиваются в один вне зависимости от media, что не есть хорошо.
багрепорт от меня: все css вклеиваются в один вне зависимости от media, что не есть хорошо.
+1
вопрос: а почему data-uri кодированная графика для IE хранится в отдельном файле, а не включается в общий css, как в вашей статье webo.in/articles/habrahabr/46-cross-browser-data-url/?
0
По-моему офигительная тулза:
Верстаешь себе по-нормальному в css не заморачиваешься со спрайтами, а после генерации на выходе получаешь:
1. Оптимизация запросов к серверу (адын «тэкставы» спрайт)
2. Минимизация кода и GZипование
3. Никаких проблем с кэшированием.
Ахринительно — дайте две =)
Верстаешь себе по-нормальному в css не заморачиваешься со спрайтами, а после генерации на выходе получаешь:
1. Оптимизация запросов к серверу (адын «тэкставы» спрайт)
2. Минимизация кода и GZипование
3. Никаких проблем с кэшированием.
Ахринительно — дайте две =)
+1
а почему mhtml задётся через js, а не в ie-css?
0
ИЕ останавливает рендеринг страницы (она как бы замерзает) пока ИЕ докачивает файл стилей (addon) с background-image если подключать через <link>, поэтому изначально мы подключаем динамически через скрипт — это устраняетcя замерзание, ну а если скрипты запрещены — тогда уже через <link>
0
ага, понял, спасибо!
0
> не, это понятно, я чуть другое спрашиваю — почему mhtml-background для ie подключать через js, а не через conditional comments для IE?
гляньте внимательнее, подключается через conditional comments
гляньте внимательнее, подключается через conditional comments
0
всего-лишь 37↑ расстраивают(
0
base64 увеличивает размер на 30%, разве не так?
0
Sign up to leave a comment.
Data:URI CSS Sprites — современный подход к генерации CSS спрайтов