Screenshot instructions:
Windows
Mac
Red Hat Linux
Ubuntu
Click URL instructions:
Right-click on ad, choose "Copy Link", then paste here →
(This may not be possible with some types of ads)
From: <archil@im...> - 2013-04-11 15:06:57
|
<html><body><span style="font-family:Verdana; color:#000000; font-size:10pt;"><div>Personally, I've made a home page of <a href="http://gvirabi.com">gvirabi.com</a> in Inkscape. I rendered it in PNG for reducing the size. I don't think it's a good idea to include the SVG file in HTML unless you have some interactive SVG content.<br></div><div><br></div><div>Here is the Inkscape SVG image:<br></div><div><a href="http://gvirabi.com/images/logo.svg">http://gvirabi.com/images/logo.svg</a></div><div><br></div><div>The corresponding rendered PNG image:<br></div><div><a href="http://gvirabi.com/images/logo.png">http://gvirabi.com/images/logo.png</a></div><div><br></div><div>And the site using this image as a background:</div><div><a href="http://gvirabi.com">http://gvirabi.com</a>/</div><div><br></div><div>Cheers!<br></div><div></div> <blockquote id="replyBlockquote" webmail="1" style="border-left: 2px solid blue; margin-left: 8px; padding-left: 8px; font-size:10pt; color:black; font-family:verdana;" mce_style="border-left: 2px solid blue; margin-left: 8px; padding-left: 8px; font-size:10pt; color:black; font-family:verdana;"> <div id="wmQuoteWrapper"> -------- Original Message --------<br> Subject: Inkscape-user Digest, Vol 83, Issue 4<br> From: <a href="mailto:inkscape-user-request@...">inkscape-user-request@...</a><br> Date: Thu, April 11, 2013 4:37 am<br> To: <a href="mailto:inkscape-user@...">inkscape-user@...</a><br> <br> Send Inkscape-user mailing list submissions to<br> <a href="mailto:inkscape-user@...">inkscape-user@...</a><br> <br> To subscribe or unsubscribe via the World Wide Web, visit<br> <a href="https://lists.sourceforge.net/lists/listinfo/inkscape-user"; mce_href="https://lists.sourceforge.net/lists/listinfo/inkscape-user">https://lists.sourceforge.net/lists/listinfo/inkscape-user</a><br> or, via email, send a message with subject or body 'help' to<br> <a href="mailto:inkscape-user-request@...">inkscape-user-request@...</a><br> <br> You can reach the person managing the list at<br> <a href="mailto:inkscape-user-owner@...">inkscape-user-owner@...</a><br> <br> When replying, please edit your Subject line so it is more specific<br> than "Re: Contents of Inkscape-user digest..."<br> <br> <br> Today's Topics:<br> <br> 1. Re: Using Braille labels in inkscape (Pranav Lal)<br> 2. Web design using Inkscape. (john Culleton)<br> 3. Re: Web design using Inkscape. (Shlomi Fish)<br> 4. Re: Using Braille labels in inkscape (Chris Tooley)<br> 5. About formatting text (Javier Garcia)<br> <br> <br> ----------------------------------------------------------------------<br> <br> Message: 1<br> Date: Wed, 10 Apr 2013 05:35:06 +0530<br> From: "Pranav Lal" <<a href="mailto:pranav.lal@...">pranav.lal@...</a>><br> Subject: Re: [Inkscape-user] Using Braille labels in inkscape<br> To: "'Inkscape User Community'" <<a href="mailto:inkscape-user@...">inkscape-user@...</a>><br> Message-ID: <013601ce357f$1c3b9a70$54b2cf50$@<a href="http://gmail.com"; mce_href="http://gmail.com">gmail.com</a>><br> Content-Type: text/plain; charset="UTF-8"<br> <br> Hi Chris,<br> <br> I want to create Braille labels in Inkscape and label tactile diagrams in Braille. How should I do this assuming I have a Braille font?<br> <br> Pranav<br> <br> -----Original Message-----<br> From: Chris Tooley [<a href="mailto:euxneks@...">mailto:euxneks@...</a>] <br> Sent: Tuesday, April 09, 2013 11:36 PM<br> To: Inkscape User Community<br> Subject: Re: [Inkscape-user] Using Braille labels in inkscape<br> <br> I think you have an extra braille font installed. If that's the case, you can send it to other people to install (might be scary thing for them) or, you can simply convert the text objects to a path (Path>Object to Path), which renders the font to an svg path for you - I do this whenever I have bizarre fonts and I need to make the svg portable. Please note that once you convert to path, you'll not be able to edit the text with the text tool.<br> <br> <br> <br> <br> ------------------------------<br> <br> Message: 2<br> Date: Wed, 10 Apr 2013 15:49:39 -0400<br> From: john Culleton <<a href="mailto:John@...">John@...</a>><br> Subject: [Inkscape-user] Web design using Inkscape.<br> To: Inkscape User Community <<a href="mailto:inkscape-user@...">inkscape-user@...</a>><br> Message-ID: <<a href="mailto:20130410154939.3bf83e9b@...">20130410154939.3bf83e9b@...</a>><br> Content-Type: text/plain; charset=US-ASCII<br> <br> I bought the book "Inkscape 0.48 Essentials for Web Designers."<br> Unfortunately the boook is light on worked examples. Does anyone<br> here care to post the url of a site using Inkscape, either for<br> main pages or for embedded svg images in an html page?<br> Incidentally Chapter 23 of Tavmong Bah's manual has more useful<br> infomration on this subject then the entire book that I bought,<br> referenced in the first sentence. Live and learn.<br> <br> FYI my first baby steps toward such a site are at <br> <a href="http://webdesign.wexfordpress.net"; mce_href="http://webdesign.wexfordpress.net">http://webdesign.wexfordpress.net</a><br> <br> -- <br> John Culleton<br> Wexford Press<br> Free list of books for self-publishers:<br> <a href="http://wexfordpress.net/shortlist.html">http://wexfordpress.net/shortlist.html</a><br> PDF e-book: "Create Book Covers with Scribus"<br> available at <a href="http://www.booklocker.com/books/4055.html">http://www.booklocker.com/books/4055.html</a><br> <br> <br> <br> ------------------------------<br> <br> Message: 3<br> Date: Thu, 11 Apr 2013 05:37:57 +0300<br> From: Shlomi Fish <<a href="mailto:shlomif@...">shlomif@...</a>><br> Subject: Re: [Inkscape-user] Web design using Inkscape.<br> To: Inkscape User Community <<a href="mailto:inkscape-user@...">inkscape-user@...</a>><br> Message-ID: <<a href="mailto:20130411053757.086c0097@...">20130411053757.086c0097@...</a>><br> Content-Type: text/plain; charset=UTF-8<br> <br> Hi John,<br> <br> [Please reply to the list or all recipients.]<br> <br> On Wed, 10 Apr 2013 15:49:39 -0400<br> john Culleton <<a href="mailto:John@...">John@...</a>> wrote:<br> <br> > I bought the book "Inkscape 0.48 Essentials for Web Designers."<br> > Unfortunately the boook is light on worked examples. Does anyone<br> > here care to post the url of a site using Inkscape, either for<br> > main pages or for embedded svg images in an html page?<br> > Incidentally Chapter 23 of Tavmong Bah's manual has more useful<br> > infomration on this subject then the entire book that I bought,<br> > referenced in the first sentence. Live and learn.<br> > <br> <br> I have quite a few images done using Inkscape here:<br> <br> <a href="http://www.shlomifish.org/"; mce_href="http://www.shlomifish.org/">http://www.shlomifish.org/</a><br> <br> The sources for the site are on <a href="http://www.shlomifish.org/"; mce_href="http://www.shlomifish.org/">http://www.shlomifish.org/</a>meta/site-source/ .<br> <br> Some pages with Inkscape images:<br> <br> * <a href="http://www.shlomifish.org/"; mce_href="http://www.shlomifish.org/">http://www.shlomifish.org/</a>art/<br> <br> * <a href="http://www.shlomifish.org/"; mce_href="http://www.shlomifish.org/">http://www.shlomifish.org/</a>MathVentures/bugs-in-square-mathml.xhtml<br> <br> * <a href="http://www.shlomifish.org/"; mce_href="http://www.shlomifish.org/">http://www.shlomifish.org/</a>humour/TheEnemy/<br> <br> * <a href="http://www.shlomifish.org/"; mce_href="http://www.shlomifish.org/">http://www.shlomifish.org/</a>humour/human-hacking/<br> <br> Note that I usually convert these images to .pngs or .jpegs or whatever as<br> some browsers have a problem displaying SVGs and fonts can be a large problem.<br> <br> > FYI my first baby steps toward such a site are at <br> > <a href="http://webdesign.wexfordpress.net"; mce_href="http://webdesign.wexfordpress.net">http://webdesign.wexfordpress.net</a><br> > <br> <br> Regards,<br> <br> Shlomi Fish<br> <br> -- <br> -----------------------------------------------------------------<br> Shlomi Fish <a href="http://www.shlomifish.org/"; mce_href="http://www.shlomifish.org/">http://www.shlomifish.org/</a><br> My Public Domain Photos - <a href="http://www.flickr.com/photos/shlomif">http://www.flickr.com/photos/shlomif</a>/<br> <br> The bad thing about hardware is that it sometimes works and it sometimes<br> doesn?t. The good thing about software is that it?s consistent: it always<br> does not work, and it always does not work in exactly the same way.<br> <br> Please reply to list if it's a mailing list post - <a href="http://shlom.in/reply">http://shlom.in/reply</a> .<br> <br> <br> <br> ------------------------------<br> <br> Message: 4<br> Date: Wed, 10 Apr 2013 21:26:43 -0700<br> From: Chris Tooley <<a href="mailto:euxneks@...">euxneks@...</a>><br> Subject: Re: [Inkscape-user] Using Braille labels in inkscape<br> To: Inkscape User Community <<a href="mailto:inkscape-user@...">inkscape-user@...</a>><br> Message-ID:<br> <<a href="mailto:CAC_8CRpBGxnmX+ZoEuv7k-bT3-Jf_40RFg3DkK=GDcg1TU1q8g@...">CAC_8CRpBGxnmX+ZoEuv7k-bT3-Jf_40RFg3DkK=GDcg1TU1q8g@...</a>><br> Content-Type: text/plain; charset="utf-8"<br> <br> Hi Pranav,<br> <br> I may have a severely deficient understanding of how Braille works on<br> computers, one of the other suggestions might yield better results :)<br> <br> -Chris<br> <br> On Tuesday, April 9, 2013, Pranav Lal wrote:<br> <br> > Hi Chris,<br> ><br> > I want to create Braille labels in Inkscape and label tactile diagrams in<br> > Braille. How should I do this assuming I have a Braille font?<br> ><br> > Pranav<br> ><br> > -----Original Message-----<br> > From: Chris Tooley [<a href="mailto:euxneks@...">mailto:euxneks@...</a> <javascript:;>]<br> > Sent: Tuesday, April 09, 2013 11:36 PM<br> > To: Inkscape User Community<br> > Subject: Re: [Inkscape-user] Using Braille labels in inkscape<br> ><br> > I think you have an extra braille font installed. If that's the case, you<br> > can send it to other people to install (might be scary thing for them) or,<br> > you can simply convert the text objects to a path (Path>Object to Path),<br> > which renders the font to an svg path for you - I do this whenever I have<br> > bizarre fonts and I need to make the svg portable. Please note that once<br> > you convert to path, you'll not be able to edit the text with the text tool.<br> ><br> ><br> ><br> > ------------------------------------------------------------------------------<br> > Precog is a next-generation analytics platform capable of advanced<br> > analytics on semi-structured data. The platform includes APIs for building<br> > apps and a phenomenal toolset for data science. Developers can use<br> > our toolset for easy data analysis & visualization. Get a free account!<br> > <a href="http://www2.precog.com/precogplatform/slashdotnewsletter"; mce_href="http://www2.precog.com/precogplatform/slashdotnewsletter">http://www2.precog.com/precogplatform/slashdotnewsletter</a><br> > _______________________________________________<br> > Inkscape-user mailing list<br> > <a href="mailto:Inkscape-user@...">Inkscape-user@...</a> <javascript:;><br> > <a href="https://lists.sourceforge.net/lists/listinfo/inkscape-user"; mce_href="https://lists.sourceforge.net/lists/listinfo/inkscape-user">https://lists.sourceforge.net/lists/listinfo/inkscape-user</a><br> ><br> -------------- next part --------------<br> An HTML attachment was scrubbed...<br> <br> ------------------------------<br> <br> Message: 5<br> Date: Thu, 11 Apr 2013 13:37:07 +0200<br> From: Javier Garcia <<a href="mailto:tirengarfio@...">tirengarfio@...</a>><br> Subject: [Inkscape-user] About formatting text<br> To: Inkscape User Community <<a href="mailto:inkscape-user@...">inkscape-user@...</a>><br> Message-ID: <<a href="mailto:5166A063.6070700@...">5166A063.6070700@...</a>><br> Content-Type: text/plain; charset="iso-8859-1"<br> <br> Hi,<br> <br> I have selected a piece of text (Canalones Bastimar) to choose another <br> font but the lines become like this:<br> <br> <br> <br> Is the same for you? The types are Futura Light and Futura Normal.<br> <br> Any idea?<br> <br> 0.48<br> <br> Javi<br> -------------- next part --------------<br> An HTML attachment was scrubbed...<br> -------------- next part --------------<br> A non-text attachment was scrubbed...<br> Name: gfhjhacc.png<br> Type: image/png<br> Size: 26268 bytes<br> Desc: not available<br> <br> ------------------------------<br> <br> ------------------------------------------------------------------------------<br> Precog is a next-generation analytics platform capable of advanced<br> analytics on semi-structured data. The platform includes APIs for building<br> apps and a phenomenal toolset for data science. Developers can use<br> our toolset for easy data analysis & visualization. Get a free account!<br> <a href="http://www2.precog.com/precogplatform/slashdotnewsletter"; mce_href="http://www2.precog.com/precogplatform/slashdotnewsletter">http://www2.precog.com/precogplatform/slashdotnewsletter</a><br> <br> ------------------------------<br> <br> _______________________________________________<br> Inkscape-user mailing list<br> <a href="mailto:Inkscape-user@...">Inkscape-user@...</a><br> <a href="https://lists.sourceforge.net/lists/listinfo/inkscape-user"; mce_href="https://lists.sourceforge.net/lists/listinfo/inkscape-user">https://lists.sourceforge.net/lists/listinfo/inkscape-user</a><br> <br> <br> End of Inkscape-user Digest, Vol 83, Issue 4<br> ********************************************<br> </div> </blockquote></span></body></html> |
From: <archil@im...> - 2013-04-17 14:47:51
|
<html><body><span style="font-family:Verdana; color:#000000; font-size:10pt;"><div>> But, aside some possible Internet Explorer compatibility problems, *why*<br> > do you think is a good idea?<br> ></div><div>> Regarding the file size optimization, I see your SVG is 19 KB while the<br> > PNG us 433 KB, using SVG would make for a way smaller total page size.</div><div><br></div><div>Gvirabi's background is a big bulk image and definitely not a good example. Perhaps, this might be a good example for size reduction. It's an icon set and there are too many small objects:</div><div><a href="http://gvirila.com/launch/images/sprite.svg">http://gvirila.com/launch/images/sprite.svg</a><br></div><div><a href="http://gvirila.com/launch/images/sprite.png">http://gvirila.com/launch/images/sprite.png</a></div></span></body></html> |
From: Tavmjong Bah <tavmjong@fr...> - 2013-04-17 17:08:00
|
On Wed, 2013-04-17 at 07:47 -0700, archil@... wrote: > > But, aside some possible Internet Explorer compatibility problems, > *why* > > do you think is a good idea? > > > > Regarding the file size optimization, I see your SVG is 19 KB while > the > > PNG us 433 KB, using SVG would make for a way smaller total page > size. > > > Gvirabi's background is a big bulk image and definitely not a good > example. Perhaps, this might be a good example for size reduction. > It's an icon set and there are too many small objects: > http://gvirila.com/launch/images/sprite.svg > > http://gvirila.com/launch/images/sprite.png On the web you should be serving compressed SVG files. The compressed sprite.svg is 18288 bytes, smaller than sprite.png which is 18833 bytes. If you clean up the SVG (remove the 36 unused definitions and save with the option available in 0.49 to remove unused/redundant/incorrect attributes) it compresses to 14492 bytes. SVG (and XML in general) compresses really well. Tav |
From: John Fisher <john.fisher@zn...> - 2013-04-17 17:55:14
|
Tav, thats interesting. Anything special to know about how to do the compression? I have a similar problem, a very large SVG with a zillion gradiants and other unused cruft and the vacuum command doesn't clean them up. On 04/17/2013 10:07 AM, Tavmjong Bah wrote: > > On the web you should be serving compressed SVG files. The compressed > sprite.svg is 18288 bytes, smaller than sprite.png which is 18833 bytes. > If you clean up the SVG (remove the 36 unused definitions and save with > the option available in 0.49 to remove unused/redundant/incorrect > attributes) it compresses to 14492 bytes. SVG (and XML in general) > compresses really well. > > Tav > > > > -- > John Fisher > Znyx Networks |
From: Mark Crutch <markc@qs...> - 2013-04-18 11:09:54
Attachments:
Message as HTML
|
On Wed, Apr 17, 2013 at 6:07 PM, Tavmjong Bah <tavmjong@...> wrote: > > On the web you should be serving compressed SVG files. The compressed > sprite.svg is 18288 bytes, smaller than sprite.png which is 18833 bytes. > If you clean up the SVG (remove the 36 unused definitions and save with > the option available in 0.49 to remove unused/redundant/incorrect > attributes) it compresses to 14492 bytes. SVG (and XML in general) > compresses really well. > > Tav Unless storage space is an issue, or you have a very slow server, I would suggest having uncompressed SVG files, but enabling GZip compression on the web server software itself (Apache, IIS, etc). That gives you the size advantage of SVGZ but will also reduce the size of other files that you serve. (I'm a hypocrite in this regard, as I serve SVGZ files, but that's because we've got over 200 comics available for download and the extra storage space costs money). Mark -- Co-creator of *The Greys* and *Monsters, Inked* webcomics, created with Inkscape Website http://www.peppertop.com/ Facebook http://facebook.com/TheGreysComic Twitter https://twitter.com/TheGreysComic |
From: John Fisher <john.fisher@zn...> - 2013-04-11 17:54:24
|
I build a webapp ( runs on our product, not on the 'net) that uses a very large Inkscape SVG in a dynamic AJAX setup that makes images of LEDs blink and animates boards moving in and out of a chassis. I'm no SVG expert but I have got some things working. Can I help? On 04/11/2013 07:50 AM, archil@... wrote: > > ------------------------------ > > Message: 2 > Date: Wed, 10 Apr 2013 15:49:39 -0400 > From: john Culleton <John@... <mailto:John@...>> > > Does anyone > here care to post the url of a site using Inkscape, either for > main pages or for embedded svg images in an html page? > > -- > John Fisher > Znyx Networks |
From: john Culleton <John@we...> - 2013-04-11 19:04:44
|
On Thu, 11 Apr 2013 10:29:16 -0700 John Fisher <john.fisher@...> wrote: > I build a webapp ( runs on our product, not on the 'net) that uses a > very large Inkscape SVG in a dynamic AJAX setup that makes images of > LEDs blink and animates boards moving in and out of a chassis. > > I'm no SVG expert but I have got some things working. Can I help? > > On 04/11/2013 07:50 AM, archil@... wrote: > > > > ------------------------------ > > > > Message: 2 > > Date: Wed, 10 Apr 2013 15:49:39 -0400 > > From: john Culleton <John@... > > <mailto:John@...>> > > > > Does anyone > > here care to post the url of a site using Inkscape, either for > > main pages or for embedded svg images in an html page? > > > > -- > > John Fisher > > Znyx Networks > > ------------------------------------------------------------------------------ > Precog is a next-generation analytics platform capable of advanced > analytics on semi-structured data. The platform includes APIs for > building apps and a phenomenal toolset for data science. Developers > can use our toolset for easy data analysis & visualization. Get a > free account! http://www2.precog.com/precogplatform/slashdotnewsletter > _______________________________________________ > Inkscape-user mailing list > Inkscape-user@... > https://lists.sourceforge.net/lists/listinfo/inkscape-user Can you share the svg file? Your copyright respected of course. -- John Culleton Wexford Press Free list of books for self-publishers: http://wexfordpress.net/shortlist.html PDF e-book: "Create Book Covers with Scribus" available at http://www.booklocker.com/books/4055.html |
From: John Fisher <john.fisher@zn...> - 2013-04-11 21:32:51
|
No, else I'd just put it up for viewing. heres is a screenshot: http://jawfish.net/images/Screenshot-webapp-disguised.png The important thing is that very complex SVG drawing can be rendered fast enough, and you can then animate the parts. Also it scales beautifully. In my drawing there is a typical computer blade server chassis with six slots. Each slot has three optional drawings of differing boards, and a blank plate. Plus the power supplies and fan trays, plus two Ethernet switches. Each element (board, fan, switch, power supply) has a status and the app can change the look to match the status. There are something like 100 LEDs to manage Gotcha: doesn't work in IE at all, use recent Chrome or FF to view SVGs. On 04/11/2013 12:05 PM, john Culleton wrote: > Can you share the svg file? Your copyright respected of course. > > > -- > John Fisher > Znyx Networks |
From: Nicu Buculei <nicu_gfx@ni...> - 2013-04-15 18:17:16
|
archil@... wrote: > Personally, I've made a home page of gvirabi.com in Inkscape. I rendered it in PNG > for reducing the size. I don't think it's a good idea to include the SVG file in > HTML unless you have some interactive SVG content. But, aside some possible Internet Explorer compatibility problems, *why* do you think is a good idea? Regarding the file size optimization, I see your SVG is 19 KB while the PNG us 433 KB, using SVG would make for a way smaller total page size. -- nicu :: http://photoblog.nicubunu.ro/ |
From: Chris Tooley <euxneks@gm...> - 2013-04-15 23:04:49
Attachments:
Message as HTML
|
On Mon, Apr 15, 2013 at 10:59 AM, Nicu Buculei <nicu_gfx@...> wrote: > archil@... wrote: > > Personally, I've made a home page of gvirabi.com in Inkscape. I rendered > it in PNG > > for reducing the size. I don't think it's a good idea to include the SVG > file in > > HTML unless you have some interactive SVG content. > > But, aside some possible Internet Explorer compatibility problems, *why* > do you think is a good idea? > > Regarding the file size optimization, I see your SVG is 19 KB while the > PNG us 433 KB, using SVG would make for a way smaller total page size. > > -- > nicu :: http://photoblog.nicubunu.ro/ With IE9, microsoft has implemented a basic SVG set: http://msdn.microsoft.com/en-ca/ie/hh410107.aspx I suspect it was rendered to PNG not for size constraints but computing constraints, looking at gvirabi, there's a fairly large circular gradient, with some machines that may cause a problem. I could be wrong though. -Chris |