Using Inkscape for webdesign
What I really miss in Inkscape, in order to make it a great tool for webdesign, is an easy way to make a split bitmap, with custumized slices. Similar to what we can find in ImageReady or Fireworks. I believe that some Gimp builds also have a feature like that, called Web-o--tine, but in GIMP there seems to be a little flexibility in slice creation.
Is there any feature like that in the current development roadmap for Inkscape?
Victor Domingos http://lojamac.com/blog
There is a WONDERFUL tutorial on how to slice up an image for web use on Youtube
Victor Domingos wrote:
What I really miss in Inkscape, in order to make it a great tool for webdesign, is an easy way to make a split bitmap, with custumized slices. Similar to what we can find in ImageReady or Fireworks. I believe that some Gimp builds also have a feature like that, called Web-o--tine, but in GIMP there seems to be a little flexibility in slice creation.
Is there any feature like that in the current development roadmap for Inkscape?
Victor Domingos http://lojamac.com/blog
This SF.net email is sponsored by DB2 Express Download DB2 Express C - the FREE version of DB2 express and take control of your XML. No limits. Just data. Click to get it now. http://sourceforge.net/powerbar/db2/ _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
There is SVG slice ( http://freshmeat.net/projects/svgslice/ ) which works quite well. I used it to slice the graphics in http://www.nightline.org.uk
Victor Domingos wrote:
What I really miss in Inkscape, in order to make it a great tool for webdesign, is an easy way to make a split bitmap, with custumized slices. Similar to what we can find in ImageReady or Fireworks. I believe that some Gimp builds also have a feature like that, called Web-o--tine, but in GIMP there seems to be a little flexibility in slice creation.
Is there any feature like that in the current development roadmap for Inkscape?
Victor Domingos http://lojamac.com/blog
This SF.net email is sponsored by DB2 Express Download DB2 Express C - the FREE version of DB2 express and take control of your XML. No limits. Just data. Click to get it now. http://sourceforge.net/powerbar/db2/ _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
Em 2007/06/01, às 17:02, Stathis Sideris escreveu:
There is SVG slice ( http://freshmeat.net/projects/svgslice/ ) which works quite well. I used it to slice the graphics in http://www.nightline.org.uk
How do I make it work with Inkscape for Mac? I placed the cripts inside the Inkscape.app package, in the extensions folder, but it only seems to be generating a .xhtm file. It does not export the .png slices... Has anyone seen something like this before, with svgslice?
Victor Domingos
On Fri, Jun 01, 2007 at 01:30:15PM +0100, Victor Domingos wrote:
What I really miss in Inkscape, in order to make it a great tool for webdesign, is an easy way to make a split bitmap, with custumized slices. Similar to what we can find in ImageReady or Fireworks. I believe that some Gimp builds also have a feature like that, called Web-o--tine, but in GIMP there seems to be a little flexibility in slice creation.
I think the "Export Groups to PNGs" effect does what you want, but of course you need to have effects configured on your machine to use it. Search the mailing list archives or the wiki for more information on setting up Inkscape to work with effects. It Should Just Work, but for various reasons some people have to do one or two extra things to make it happen.
Em 2007/06/01, às 17:06, Daniel Hulme escreveu:
On Fri, Jun 01, 2007 at 01:30:15PM +0100, Victor Domingos wrote:
What I really miss in Inkscape, in order to make it a great tool for webdesign, is an easy way to make a split bitmap, with custumized slices. Similar to what we can find in ImageReady or Fireworks. I believe that some Gimp builds also have a feature like that, called Web-o--tine, but in GIMP there seems to be a little flexibility in slice creation.
I think the "Export Groups to PNGs" effect does what you want, but of course you need to have effects configured on your machine to use it. Search the mailing list archives or the wiki for more information on setting up Inkscape to work with effects. It Should Just Work, but for various reasons some people have to do one or two extra things to make it happen.
But does it create a HTML file with all the images correctly placed in?
Victor Domingos
On Fri, Jun 01, 2007 at 06:40:00PM +0100, Victor Domingos wrote:
But does it create a HTML file with all the images correctly placed in?
I don't actually use the extension but it doesn't look like it does. Why would you want it to do that? If you want the images all placed together in the same way it's laid out in Inkscape, don't split it up in the first place. If you want to lay out your page inside the elements, you probably want to be using CSS.
Em 2007/06/01, às 18:55, Daniel Hulme escreveu:
But does it create a HTML file with all the images correctly placed in?
I don't actually use the extension but it doesn't look like it does. Why would you want it to do that? If you want the images all placed together in the same way it's laid out in Inkscape, don't split it up in the first place. If you want to lay out your page inside the elements, you probably want to be using CSS.
But that means open the page in a text editor and code it by hand... With an HTML file, I can go and edit it in any WYSIWYG application, like Dreamweaver ou NVU.
By the way... Do you know any opensource software that allows webdesign layout with CSS, and that does not require me to code?
Thanks, Victor Domingos
On Mon, Jun 04, 2007 at 03:22:06AM +0100, Victor Domingos wrote:
By the way... Do you know any opensource software that allows webdesign layout with CSS, and that does not require me to code?
Sorry, that's way out of my area. It was some years ago that I graduated from writing HTML myself to writing things that generate HTML. I haven't used anything other than Vim to edit HTML since I was in school.
On Sunday 03 June 2007 22:22, Victor Domingos wrote:
Em 2007/06/01, às 18:55, Daniel Hulme escreveu:
But does it create a HTML file with all the images correctly placed in?
I don't actually use the extension but it doesn't look like it does. Why would you want it to do that? If you want the images all placed together in the same way it's laid out in Inkscape, don't split it up in the first place. If you want to lay out your page inside the elements, you probably want to be using CSS.
But that means open the page in a text editor and code it by hand... With an HTML file, I can go and edit it in any WYSIWYG application, like Dreamweaver ou NVU.
By the way... Do you know any opensource software that allows webdesign layout with CSS, and that does not require me to code?
Thanks, Victor Domingos
I have never understood the aversion to code. You can create html direclty in an editor or indirectly in something like Dreamweaver or FrontPage. If you do it directly you can understnd it and modify it with confidence.
Among the Open Source specialized html editors I would mention Quanta, Bluefish and Amaya. I edit in Gvim which I use for all my editing. It gives me syntax highlighting. I can put together a page faster that way than trying to recall the conventions of some special program. YMMD of course. Try Bluefish for example. On the bottom bar select the left hand image (Quick Start). This will give you a boiler plate heading area with the field values left blank. Then it is just fill in the blanks in the editor window. There are other things you can click on for headings, anchors and so on.
Quanta allows you to view the source code window, the WYSIWYG window, or both. It also has a starter button which gives you the minimum tags. It utilizes a loft of fill-in-the-blanks popups instead of askng you to use the text editor directly.
I gave up on WYSIWYG html editors after too many sessions with DW thinking 'what is happening behind there?'. Html is really dead simple - or at least it should be if you do it right, and CSS, well it takes a bit of time... I'd recommend Topstyle as a CSS tutor program, and something like Jedit + the Xilize plugin to turn plain text into nice html documents. The whole point of separating style and content is that your document authoring has nothing to do with presentation. If you are looking for a more advanced solution take a look at Aptana: an open source (Eclipse based) html/css/Javascript IDE with Subversion support and SFTP/FTP.
On 04/06/07, John R. Culleton <john@...1668...> wrote:
On Sunday 03 June 2007 22:22, Victor Domingos wrote:
Em 2007/06/01, às 18:55, Daniel Hulme escreveu:
But does it create a HTML file with all the images correctly placed in?
I don't actually use the extension but it doesn't look like it does. Why would you want it to do that? If you want the images all placed together in the same way it's laid out in Inkscape, don't split it up in the first place. If you want to lay out your page inside the elements, you probably want to be using CSS.
But that means open the page in a text editor and code it by hand... With an HTML file, I can go and edit it in any WYSIWYG application, like Dreamweaver ou NVU.
By the way... Do you know any opensource software that allows webdesign layout with CSS, and that does not require me to code?
Thanks, Victor Domingos
I have never understood the aversion to code. You can create html direclty in an editor or indirectly in something like Dreamweaver or FrontPage. If you do it directly you can understnd it and modify it with confidence.
Among the Open Source specialized html editors I would mention Quanta, Bluefish and Amaya. I edit in Gvim which I use for all my editing. It gives me syntax highlighting. I can put together a page faster that way than trying to recall the conventions of some special program. YMMD of course. Try Bluefish for example. On the bottom bar select the left hand image (Quick Start). This will give you a boiler plate heading area with the field values left blank. Then it is just fill in the blanks in the editor window. There are other things you can click on for headings, anchors and so on.
Quanta allows you to view the source code window, the WYSIWYG window, or both. It also has a starter button which gives you the minimum tags. It utilizes a loft of fill-in-the-blanks popups instead of askng you to use the text editor directly.
-- John Culleton Able Indexing and Typesetting Precision typesetting (tm) at reasonable cost. Satisfaction guaranteed. http://wexfordpress.com
This SF.net email is sponsored by DB2 Express Download DB2 Express C - the FREE version of DB2 express and take control of your XML. No limits. Just data. Click to get it now. http://sourceforge.net/powerbar/db2/ _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
participants (6)
-
Daniel Hulme
-
Dave Niezabitowski
-
John R. Culleton
-
Paul Bolger
-
Stathis Sideris
-
Victor Domingos