Comments for Web Platform Team Bloghttp://blogs.adobe.com/webplatform
Making the web awesomeThu, 13 Nov 2014 19:33:37 +0000hourly1http://wordpress.org/?v=4.1.1Comment on SVG: How would you make it better? by Rob Levinhttp://blogs.adobe.com/webplatform/2014/11/03/svg-how-would-you-make-it-better/#comment-62469
Thu, 13 Nov 2014 19:33:37 +0000http://blogs.adobe.com/webplatform/?p=7553#comment-62469An in depth and thorough article explaining the details of the advanced SVG export options would be extremely useful. Especially for the “CSS Properties” dropdowns (Style Elements, Style Attributes, Presentational Attributes, etc.). Hovering does give some explanation, and I can always look at the output, but a guide of sort would be ideal.
]]>Comment on SVG: How would you make it better? by Witkacyhttp://blogs.adobe.com/webplatform/2014/11/03/svg-how-would-you-make-it-better/#comment-62467
Sun, 09 Nov 2014 14:22:46 +0000http://blogs.adobe.com/webplatform/?p=7553#comment-62467Hi,
Thank you for asking!

My biggest concern is a quality of SVG output form Illustrator.

– the pixel preview, although better than in previous versions, still doesn’t match browsers one to one even where it easily could
– I would love to see an option to minify/optimise output, so I would not have to resort to great but flawed tools like SVGO
– currently when I want to embed raster graphics in an SVG, my options are very limited – either a very compressed JPG over which I have no control, or a PNG24 which is huge. Current workaround is lengthy: I save SVG with the PNG linked, then run them manually through ImageAlpha/ImageOptim, then relink them by hand in Illustrator and finally save the SVG with them embedded. It would be great if I could control the compression/format of raster files much more granularly.
– in general an overhaul of Save for Web with an addition of SVG (super optimised) and better GIF (giflossy) and PNG (pngquant)would be great – Photoshop’s Extract Assets is a first step (although the control over pngquant’s compression is non-existant ).

Thank you for great tools and your open attitude!

Regards
m.

]]>Comment on SVG: How would you make it better? by George Ghttp://blogs.adobe.com/webplatform/2014/11/03/svg-how-would-you-make-it-better/#comment-62466
Thu, 06 Nov 2014 01:28:47 +0000http://blogs.adobe.com/webplatform/?p=7553#comment-62466Two things from me:

– easier export options (resorting to Save As every time is a hassle, and lacks control options)
– better controls over exported fonts (right now, a Roboto Black element will export with font=”Roboto Black”, instead of font=”Roboto” and style=”font-weight: 700″, which breaks the font in Firefox)

]]>Comment on SVG: How would you make it better? by Elliot Genohttp://blogs.adobe.com/webplatform/2014/11/03/svg-how-would-you-make-it-better/#comment-62464
Wed, 05 Nov 2014 21:28:08 +0000http://blogs.adobe.com/webplatform/?p=7553#comment-62464My biggest headaches with SVG involves animations. Greensock recently introduced some updates that smooths a lot of the issues with transforms across browsers. You should definitely hook up with Jack Doyle from Greensock to see what he is doing. There should be a GUI for animating with his tween engine!

Otherwise… Filters are a HUGE PAIN. They should not be that difficult to add SVG filter effects in Illustrator. Look to how Flash applies filters. IT’S A STROKE OF GENIUS. Nothing out there compares to it’s expressiveness, layering, performance and simplicity.

Also, take a look at animating filters. There really, really, needs to be some performance enhancements with animating SVG filters. They are almost unusable. Flash is handling these fine, I wonder why SVG is taking so long to catch up.

]]>Comment on SVG: How would you make it better? by Tobi Reifhttp://blogs.adobe.com/webplatform/2014/11/03/svg-how-would-you-make-it-better/#comment-62463
Wed, 05 Nov 2014 17:56:53 +0000http://blogs.adobe.com/webplatform/?p=7553#comment-62463If you could dedicate resources towards closing all tickets / fixing all reported SVG bugs in the main browsers on all platforms (and also make them all pass the main SVG test suites) – that would be pretty great

]]>Comment on SVG: How would you make it better? by Noah Blonhttp://blogs.adobe.com/webplatform/2014/11/03/svg-how-would-you-make-it-better/#comment-62461
Wed, 05 Nov 2014 01:31:30 +0000http://blogs.adobe.com/webplatform/?p=7553#comment-62461Thanks for having this discussion — here are a few things I would love to see!

* Removal of camelCased attributes such as viewBox and preserveAspectRatio. These attributes can be difficult to manipulate with JS.
* Breaking up multiple value attributes, such as viewbox, into components which can be targeted individually.
* The ability to set strokes inside or outside a shape.
* Fragment identifiers working in CSS background images.

Export from Illustrator
* Ability to completely customize output of attributes on SVG tag and save configurations.
* Consolidation of all into one block at the top of the file. Generally more control over how defs are output and applied.
* Configure IDs and Classes for groups/shapes in some sane way with the file.
* Title, desc, and aria roles configuration for accessibility.

]]>Comment on SVG: How would you make it better? by Corinhttp://blogs.adobe.com/webplatform/2014/11/03/svg-how-would-you-make-it-better/#comment-62460
Tue, 04 Nov 2014 21:37:40 +0000http://blogs.adobe.com/webplatform/?p=7553#comment-62460I’m not sure if this the perfect solution, but something needs to be done to make viewbox behave more intuitively.
]]>Comment on SVG: How would you make it better? by Jonathan Engstromhttp://blogs.adobe.com/webplatform/2014/11/03/svg-how-would-you-make-it-better/#comment-62459
Tue, 04 Nov 2014 17:18:12 +0000http://blogs.adobe.com/webplatform/?p=7553#comment-62459The biggest stumbling block within my SVG workflow is artboard sizing. I create my artwork in Illustrator, save and SVG and then save a PNG fallback. This is great, however if I am working on a machine where I don’t have access to the original .ai file, and want to make a quick edit to a SVG file, the artboard size is lost, which is OK for the SVG itself as it is scalable, but when I go to re-export the PNG fallback, then the sizes are wrong.

Only a small inconvenience, but it would help streamline things.

]]>Comment on SVG: How would you make it better? by Micha Grandelhttp://blogs.adobe.com/webplatform/2014/11/03/svg-how-would-you-make-it-better/#comment-62458
Tue, 04 Nov 2014 16:56:36 +0000http://blogs.adobe.com/webplatform/?p=7553#comment-62458I try to use SVG a lot on my websites, but every time I run into the same problems, so this would be my wishlist:

* Provide a browser-independent way to implement layer blend modes (like multiply) for now, these are ignored in the export of illustrator! You can just include them and provide some polyfills for browsers, which doesn’t support them (either directly in the SVG File or when including it in Edge Code or Dreamweaver)

* provide a browser-independent way to build svg sprites. I want to be able to create one icon per layer (possibly with one background layer for all icons) and then save one svg file out of illustrator and just use whatever icon(layer) I want in my html-file. The method is described in detail at http://is.gd/SLhIO1 – I don’t care, if Illustrator is using group- or symbol-elements in the svg File, but it would be nice if the svg file is ready to go without the need of handcoding

* Would be really great if you provide an easy to use, fast way for polyfills arround svg, so that I don’t have to switch to google just to look how to make this or that work in browser A or B (e.g. masks etc.) It’s annoying to have to search for many minutes just to find out, that google chrome doesn’t support the “”-Element (used in the sprite-workflow) or that CSS is ignored when using the -Element. Provide simple to use workflows for such problems and help me save time

* Please support (and use!) CSS3 transformations and other CSS3 stuff in illustrator! E.g. it’s not possible to skew a rect without getting a polygon… just a small enhancement

* make all the svg-minifier useless by enhancing your SVG Export in Illustrator.

]]>Comment on SVG: How would you make it better? by Andrew Berghttp://blogs.adobe.com/webplatform/2014/11/03/svg-how-would-you-make-it-better/#comment-62457
Tue, 04 Nov 2014 16:34:29 +0000http://blogs.adobe.com/webplatform/?p=7553#comment-62457Control over the stroke location, inside, outside, or center.
]]>