Comments on: data:urls – what are they and how to use them http://www.phpied.com/data-urls-what-are-they-and-how-to-use/ Stoyan's blog about <a href="/category/xhtml" class="tag-minor">(x)html(5)</a>, <a href="/category/ajax" class="tag-major">ajax</a>, <a href="/category/bookmarklets" class="tag-major">bookmarklets</a>, <a href="/category/browsers" class="tag-minor">browsers</a>, <a href="/category/css" class="tag-normal">css</a>, <a href="/category/firebug" class="tag-minor">firebug</a>, <a href="/category/javascript" class="tag-numero-uno">javascript</a>, <a href="/category/json" class="tag-normal">json</a>, <a href="/category/mdb2" class="tag-minor">mdb2</a>, <a href="/category/mysql" class="tag-normal">mysql</a>, <a href="/category/pear" class="tag-numero-uno">pear</a>, <a href="/category/performance" class="tag-major">performance</a>, <a href="/category/php" class="tag-numero-uno">php</a>, <a href="/category/phpbb" class="tag-major">phpbb</a>, <a href="/category/tools" class="tag-normal">tools</a>, <a href="/category/yslow" class="tag-minor">yslow</a>, <a href="/category/yui" class="tag-normal">yui</a>, <a href="/category/writing" class="tag-minor">writing</a>, <a href="/category/music" class="tag-major">music</a>,... <a href="/category/life-and-everything" class="tag-normal">life and everything</a>. Sat, 11 Feb 2012 14:07:43 +0000 hourly 1 http://wordpress.org/?v=3.1 By: When to base64 encode images (and when not to) | David B. Calhoun – Developer Blog http://www.phpied.com/data-urls-what-are-they-and-how-to-use/#comment-78548 When to base64 encode images (and when not to) | David B. Calhoun – Developer Blog Sun, 28 Aug 2011 09:20:04 +0000 http://www.phpied.com/?p=716#comment-78548 [...] URIs (see this, this, and this) and Base64 encoding goes hand-in-hand. This method allows you to embed images [...] [...] URIs (see this, this, and this) and Base64 encoding goes hand-in-hand. This method allows you to embed images [...]

]]> By: Data URI&MHTML: 用还是不用？ « 99css http://www.phpied.com/data-urls-what-are-they-and-how-to-use/#comment-77779 Data URI&MHTML: 用还是不用？ « 99css Fri, 27 May 2011 08:43:06 +0000 http://www.phpied.com/?p=716#comment-77779 [...] data:urls – what are they and how to use them [...] [...] data:urls – what are they and how to use them [...]

]]> By: המנעו מ-Data URIs | FrontEnd.co.il http://www.phpied.com/data-urls-what-are-they-and-how-to-use/#comment-77615 המנעו מ-Data URIs | FrontEnd.co.il Thu, 28 Apr 2011 23:01:53 +0000 http://www.phpied.com/?p=716#comment-77615 [...] הרעיון של data-uri הוא שאת כל המידע הדרוש להצגת התמונה ניתן לשלב בכתובת, ולחסוך את הצורך באחסון של תמונה כקובץ חיצוני ובקריאת HTTP נוספת. הרעיון קונה לו תומכים ותופס תאוצה, וכלים נלווים מושקים חדשות לבקרים. [...] [...] הרעיון של data-uri הוא שאת כל המידע הדרוש להצגת התמונה ניתן לשלב בכתובת, ולחסוך את הצורך באחסון של תמונה כקובץ חיצוני ובקריאת HTTP נוספת. הרעיון קונה לו תומכים ותופס תאוצה, וכלים נלווים מושקים חדשות לבקרים. [...]

]]> By: The proper MHTML syntax / Stoyan's phpied.com http://www.phpied.com/data-urls-what-are-they-and-how-to-use/#comment-74504 The proper MHTML syntax / Stoyan's phpied.com Tue, 16 Nov 2010 16:15:18 +0000 http://www.phpied.com/?p=716#comment-74504 [...] the number of HTTP requests is a must, sprites are cool, but a pain to maintain, so there come data URIs (for all browsers) and MHTML (IE6 and 7). I've talked about these things on this blog to a point [...] [...] the number of HTTP requests is a must, sprites are cool, but a pain to maintain, so there come data URIs (for all browsers) and MHTML (IE6 and 7). I've talked about these things on this blog to a point [...]

]]> By: Abhishek http://www.phpied.com/data-urls-what-are-they-and-how-to-use/#comment-73954 Abhishek Fri, 27 Aug 2010 06:55:19 +0000 http://www.phpied.com/?p=716#comment-73954 Hi I have a problem in reading the base64 data using javascript which is store in xml This is exactly what I am trying i have a PHP code post.php : http://pastebin.com/WqnwphQq this returns one small xml which contents base64 data ... which I am calling from AJAX post this is my java script index.html : http://pastebin.com/C0zppqsR the output of ele.firstChild.nodeValue is different in firefox and chrome I can see that the string which we get in firefox is totally change form the actual generated PHP response (I have checked it using firebug )... any pointers ?? Hi I have a problem in reading the base64 data using javascript which is store in xml

This is exactly what I am trying i have a PHP code

post.php : http://pastebin.com/WqnwphQq this returns one small xml which contents base64 data … which I am calling from AJAX post this is my java script index.html : http://pastebin.com/C0zppqsR

the output of ele.firstChild.nodeValue is different in firefox and chrome

I can see that the string which we get in firefox is totally change form the actual generated PHP response (I have checked it using firebug )… any pointers ??

]]> By: 传播标准，让前端开发更强大 « WEB前端 http://www.phpied.com/data-urls-what-are-they-and-how-to-use/#comment-71717 传播标准，让前端开发更强大 « WEB前端 Sun, 01 Nov 2009 12:36:12 +0000 http://www.phpied.com/?p=716#comment-71717 [...] 关于背景整合的问题，其实也提到了，是将整站背景完全整合在一起呢？还是如何整合呢？方案是还是按CSS规则进行，就是全部公用的整合在一张上，频道公用的整合，单独使用的整合。当然还有一些会被频繁更换的背景，这时候就得小了，也可以整合，这你就得考虑清楚，将他们放在整合的背景中的什么位置，便于你更换。克军还提到了关于背景图片的使用，使用dataURI的方式，这种方式听说不会产生http请求数，这个我还得找时间学习学习。 [...] [...] 关于背景整合的问题，其实也提到了，是将整站背景完全整合在一起呢？还是如何整合呢？方案是还是按CSS规则进行，就是全部公用的整合在一张上，频道公用的整合，单独使用的整合。当然还有一些会被频繁更换的背景，这时候就得小了，也可以整合，这你就得考虑清楚，将他们放在整合的背景中的什么位置，便于你更换。克军还提到了关于背景图片的使用，使用dataURI的方式，这种方式听说不会产生http请求数，这个我还得找时间学习学习。 [...]

]]> By: 让我们一起讨论如何把简单的事做好 « Kejun’s Blog http://www.phpied.com/data-urls-what-are-they-and-how-to-use/#comment-71715 让我们一起讨论如何把简单的事做好 « Kejun’s Blog Sun, 01 Nov 2009 07:00:45 +0000 http://www.phpied.com/?p=716#comment-71715 [...] 3. 图片素材文件的组织。首先是用好CSS Spirits的优势，回避它维护上的缺点。常犯的问题是，认为它好就把所有素材文件都放进一张图片中，不好维护，也无法重用。所以CSS Spirits的策略是对应CSS规划的，在核心级core.css中把所有定义基本风格的图片素材合并成一张png图，并做优化。不便整合的图（像平铺的虚线）可以用dataURI的方式做到CSS文件中。产品级CSS文件是会较频繁变动的，所以经常变化的素材图片不要放进spirits图中自讨苦吃。 [...] [...] 3. 图片素材文件的组织。首先是用好CSS Spirits的优势，回避它维护上的缺点。常犯的问题是，认为它好就把所有素材文件都放进一张图片中，不好维护，也无法重用。所以CSS Spirits的策略是对应CSS规划的，在核心级core.css中把所有定义基本风格的图片素材合并成一张png图，并做优化。不便整合的图（像平铺的虚线）可以用dataURI的方式做到CSS文件中。产品级CSS文件是会较频繁变动的，所以经常变化的素材图片不要放进spirits图中自讨苦吃。 [...]

]]> By: 陈成的博客 — Data URI小试 —— 在旺旺点灯(JS)上的应用 http://www.phpied.com/data-urls-what-are-they-and-how-to-use/#comment-71701 陈成的博客 — Data URI小试 —— 在旺旺点灯(JS)上的应用 Wed, 28 Oct 2009 13:01:54 +0000 http://www.phpied.com/?p=716#comment-71701 [...] Msdn, http://msdn.microsoft.com/en-us/library/cc848897%28VS.85%29.aspx Stoyan, http://www.phpied.com/data-urls-what-are-they-and-how-to-use/, http://www.phpied.com/mhtml-when-you-need-data-uris-in-ie7-and-under/ R Reid, Detecting IE 8 [...] [...] Msdn, http://msdn.microsoft.com/en-us/library/cc848897%28VS.85%29.aspx Stoyan, http://www.phpied.com/data-urls-what-are-they-and-how-to-use/, http://www.phpied.com/mhtml-when-you-need-data-uris-in-ie7-and-under/ R Reid, Detecting IE 8 [...]

]]> By: Data URIs explained | NCZOnline http://www.phpied.com/data-urls-what-are-they-and-how-to-use/#comment-71696 Data URIs explained | NCZOnline Tue, 27 Oct 2009 13:00:28 +0000 http://www.phpied.com/?p=716#comment-71696 [...] been a fair amount written about data URIs recently: my colleague Stoyan Stefanov has written a couple of posts about data URIs, and my former colleague Hedger Wang also penned a post about how to use [...] [...] been a fair amount written about data URIs recently: my colleague Stoyan Stefanov has written a couple of posts about data URIs, and my former colleague Hedger Wang also penned a post about how to use [...]

]]> By: Max Yozoff http://www.phpied.com/data-urls-what-are-they-and-how-to-use/#comment-71313 Max Yozoff Mon, 17 Aug 2009 09:25:32 +0000 http://www.phpied.com/?p=716#comment-71313 Another thing I missed... When IE8 runs in IE7 regime it works like IE8 and Firefox or data:uri works as described in this article. Tested :) Another thing I missed…
When IE8 runs in IE7 regime it works like IE8 and Firefox or data:uri works as described in this article.
Tested :)

]]>