Hi all,
May I ask the group to critique and comment on this image to data URI
conversion tool?
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/
thanks
Mike Foskett
http://websemantics.co.uk/
This is a confidential email. Tesco may
Unfortantly this technique doesn't work on IE6 and 7.
Regards,
Hugo Mendes
http://www.hugomendes.com
On Wed, Feb 10, 2010 at 11:21 AM, Foskett, Mike
mike.fosk...@uk.tesco.com wrote:
Hi all,
May I ask the group to critique and comment on this image to data URI
conversion tool?
On 10 Feb 2010, at 11:48, Hugo Mendes wrote:
http://websemantics.co.uk/online_tools/image_to_data_uri_convertor/
Unfortantly this technique doesn't work on IE6 and 7.
… as it says on the page? Which suggests work arounds?
On the subject of the suggested workaround (conditional comments) -
Hi Mike
I had a play - wow - I seriously didn't realise that you could do this,
(although now I think about it, its how Google sends data back to
themselves in a 1px by 1 px image yes?)
So while I think its a fun tool, I'm wondering what the applications
actually would be. And are there
Looks interesting, Mike :)
For those unfamiliar with Data URI's, it may also be worth taking a
look at this in depth article:
http://www.nczonline.net/blog/2009/10/27/data-uris-explained/
Also Using Data URIs in CSS:
http://nimbupani.com/using-data-uris-in-css.html
Thanks
Russ
Hi all,
Hi David,
A browser will fetch a style sheet but only fetches an image background it
contains upon use in the XHTML.
Consequently overwriting background-image: url('http://example.com');
With background-image: url('data:...'); will not fetch the image but use the
data version.
So to the
Hi Chris,
Thanks for taking a look at the tool.
The main application is to reduce HTTP requests and thereby increase page
delivery speed.
Right clicking on a data URI image and using Save image as will save it in
its original form.
Regards
Mike
From: li...@webstandardsgroup.org
The main application is to reduce HTTP requests and thereby increase
page delivery speed.
Hi Mike,
I see that the page you refer to links to a stylesheet with 4 images
embedded in it, rather than the stylesheet linking to those 4 images,
therefore, you have one http request rather
Hi, I am unwell and out of the office.
If your email is related to DBCDE work please email webreque...@dbcde.gov.au or
call Andrew Eals on 6271 1501 or Catherine Driessen on 6271 1159.
If it's of urgent personal nature call my mobile.
Many thanks,
Warwick Smith
Internet Publishing
Hi Chris,
That's a little beyond topic scope but here goes.
The image / CSS / data URI layout used on the page is a little complex I'll
agree.
It was optimised to provide the key images first and quickly, even in IEv6.
Note the different sub-domains used.
The CSS is served via a gzip and cache
(I'm a list lurker. Also, apologies if this has been covered before.)
In CSS, setting a div to overflow: hidden solves a problem it shouldn't--at
least from the name of the property and value, it seems like it shouldn't.
Often I'll have text, e.g. an h1, overflowing its containing/parent div,
If I understand correctly, you're suggesting that that overflow:hidden
doesn't hide overflow?
My own use of overflow:hidden has only been in conjunction with a
stated height. In this case overflow:hidden hides anything that goes
beyond the stated height of the element the rule has been
I'm not sure I understand what you're asking. Could you put together a
quick example to illustrate.
Basically what overflow: hidden does is anything that doesn't fit into
it's given container is hidden, basically meaning that it doesn't affect
the height of it's container. This only works if
fuck off sendin me shit
_
We want to hear all your funny, exciting and crazy Hotmail stories. Tell us now
http://clk.atdmt.com/UKM/go/195013117/direct/01/
My apologies all. This charming individual has been removed from the
list.
No need to comment on this and add unwanted noise to the list...
As you were.
Thanks
russ
***
List Guidelines:
Apparently he is talking about overflow:hidden as a clearing floats fix. (
http://www.quirksmode.org/css/clearing.html)
Let me reformulate the question: why the property that serves for hiding
smth just make the wrapper stretch to accomodate containing floats.
As for me - i still consider this
Hi,
Any suggestions?
Maybe:
word-wrap: break-word or overflow: hidden
See:
http://www.positioniseverything.net/explorer/expandingboxbug.html
Hths?
Micky
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Lucien Stals wrote:
Hi everyone.
I have a paragraph with a width set on it (500px). The text inside the
p includes one very long URL. IE7 and Safari (both mac a win) are
wrapping the URL in the wrong place and part of it extends out beyond
the edge of the p. Curiously IE6 displays correctly,
Sorry, can't do that. The project isn't live yet, and I'd get in trouble :(
I know that makes it harder to get help with.
On 11/02/2010, at 3:05 PM, David Laakso wrote:
Lucien Stals wrote:
Hi everyone.
I have a paragraph with a width set on it (500px). The text inside the p
includes one
Bingo!
word-wrap: break-word
did the trick.
Thanks for that.
L.
On 11/02/2010, at 2:49 PM, Micky Hulse wrote:
Hi,
Any suggestions?
Maybe:
word-wrap: break-word or overflow: hidden
See:
http://www.positioniseverything.net/explorer/expandingboxbug.html
Hths?
Micky
From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of Jody Tate
Sent: Wednesday, February 10, 2010 2:05 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] the mysteries of overflow: hidden
Exactly. The magic confounds me.
overflow:hidden simply suggests that whetever text/image if overflows will be
automatically get hidden and hence the case. So read it like if something
overflows it should be hidden :)
--- On Thu, 2/11/10, Jody Tate jt...@uw.edu wrote:
From: Jody Tate jt...@uw.edu
Subject: [WSG] the
22 matches
Mail list logo