<html>
<head>
<meta content="text/html; charset=windows-1252"
http-equiv="Content-Type">
</head>
<body text="#000000" bgcolor="#FFFFFF">
Hello Campbell,<br>
<br>
Sure it is extra work, but it can be used parallel with images.<br>
With screenshot you limiting yourself by keeping in mind that the
image can't be to large in the end.<br>
<br>
Talking about images:<br>
Please: Scale down the browser window to around 500px width - until
the menu collapse:<br>
<a class="moz-txt-link-freetext" href="https://www.blender.org/manual/editors/nla.html#strips">https://www.blender.org/manual/editors/nla.html#strips</a><br>
:D<br>
<br>
Fragile: When a problem occures the "bug" is in the single CSS-file
and can be fixed afterwards.<br>
But even screenshot of the viewport with flat color shading could be
easily exported thanks to Freestyle SVG-export.<br>
Ya, WebGl would be awesome - looking forward to year 2020.<br>
<br>
The integration of html-fragments is tricky:<br>
<ol>
<li>Deliver xml + script to user. Script generates html fragment
and adds it into the frame.</li>
<li>Html fragment paced directly into manual page. (Sphinx?)<br>
</li>
<li>Stand-alone html-page load with an i-frame.<br>
</li>
</ol>
<ol>
<li>CPU intensiv (mobile), security</li>
<li>Only if the merging is done with Sphinx-scripting<br>
</li>
<li>I-Frame need a fixed scaling [html5] (script: side scale -
i-frame scale)<br>
</li>
</ol>
<p>I-frame are used on many MDN pages "live result"(scroll up pls):<br>
<a class="moz-txt-link-freetext" href="https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/Advanced_styling_for_HTML_forms#Dealing_with_the_select_nightmare">https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Forms/Advanced_styling_for_HTML_forms#Dealing_with_the_select_nightmare</a><br>
</p>
<p>Open fonts and kerning... But kerning in browser seams to be a
use or not use thing.<br>
The problem the fancy scaling that Blender does: effective pixel
size (screen size/pixel density). <br>
Affecting everthing independently: font size, border radius (alias
round edge), margin<br>
That's why Blender looks different on every screen. (- also every
screenshot looks different)<br>
</p>
<p>I've implemented conditions and working on defining enviroment
varibles (e.g. context.active_object.mode = "OBJECT").<br>
I had to digged deep into Blender code:<br>
[layout.prog] is heavly overloaded spreads up and nearrows down
again "everything's a button = a rectangle = html box-model",<br>
UI-Code in the modules/editors/spaces, 1. Level Data Management
"RNA". Quirks compability code.<br>
</p>
<p>Thumbnails? - Html fragments can be scale to every size like SVG.</p>
<p>
Next time I've planned to show a demo for side by side comparison.<br>
</p>
<p>Tobias<br>
</p>
<div class="moz-cite-prefix">Am 27.02.2016 um 06:32 schrieb Campbell
Barton:<br>
</div>
<blockquote
cite="mid:CAEcf3Nz+hfQz9cpt8NH_KjB+zDGF=BMsCKfwM78nv-MmDnHC7g@mail.gmail.com"
type="cite">
<pre wrap="">Hi Tobias,
While this seems like a fun challenge, I'm quite skeptical that this
would be usable for us.
Currently document writers can take a screenshot and commit it, I can
only assume this would take some extra step when adding images.
On the other hand if this was made into a build-step, its going to
slow-down building documentation.
It also seems rather fragile - subtle differences in font kerning are
likely to make text display differently (where it may not fit).
And this would have to somehow support thumbnails too.
Solid colors already compress quite well with PNG, and shaded areas of
the screen will have to be images anyway (unless you incorporate WebGL
into this system).
The potential to have interactive parts of the image could be useful
in some cases,
however that can be done using images too.
On Sat, Feb 20, 2016 at 3:55 AM, Tobias Heinke
<a class="moz-txt-link-rfc2396E" href="mailto:heinke.tobias@t-online.de"><heinke.tobias@t-online.de></a> wrote:
</pre>
<blockquote type="cite">
<pre wrap="">Hi everybody,
On big image files - huge repository
70% of the images are screenshot of the UI.
I've started a attempt to solve this problem once and for all
by copying the Blender UI to HTML + CSS + SVG.
This is done by parsing an XML file with JS to HTML.
The generated html fragments can then be used as a replacement for the
images.
The icons are the original Blender svg-icons.
The biggest problem is the 3D shading Blender does,
but I found work arounds.
<a class="moz-txt-link-freetext" href="https://github.com/tobiasHeinke/BlenderWebUI">https://github.com/tobiasHeinke/BlenderWebUI</a>
The Fun start with the preserved interactivity:
CSS hover or with JS script:
Show tooltips, dynamically highlight regions, functional widgets...
User can select Blender theme: change CSS file,
OS specific key map
This interface could also be used by the blend4web project.
Or does it even already exists somewhere out there on the interweb?
Greetings
Tobias
Am 09.02.2016 um 19:45 schrieb gandalf3:
I created a task for this, if it's of any use
On 02/09/2016 08:49 AM, Campbell Barton wrote:
Hi, when moving to away from the wiki we chose to use quite compressed
images to avoid a huge repository.
Since then, there are some images which look noticeably low quality,
so I've gone back and made an archive of all the images from the wiki.
Realize its not so convenient to manually go over each image, so we
can just do this for prominent images with noticeable problems.
Here's the archive:
<a class="moz-txt-link-freetext" href="http://download.blender.org/ftp/ideasman42/wiki_manual_images.tar">http://download.blender.org/ftp/ideasman42/wiki_manual_images.tar</a> (122mb).
_______________________________________________
Bf-docboard mailing list
<a class="moz-txt-link-abbreviated" href="mailto:Bf-docboard@blender.org">Bf-docboard@blender.org</a>
<a class="moz-txt-link-freetext" href="http://lists.blender.org/mailman/listinfo/bf-docboard">http://lists.blender.org/mailman/listinfo/bf-docboard</a>
_______________________________________________
Bf-docboard mailing list
<a class="moz-txt-link-abbreviated" href="mailto:Bf-docboard@blender.org">Bf-docboard@blender.org</a>
<a class="moz-txt-link-freetext" href="http://lists.blender.org/mailman/listinfo/bf-docboard">http://lists.blender.org/mailman/listinfo/bf-docboard</a>
</pre>
</blockquote>
<pre wrap="">
</pre>
</blockquote>
<br>
</body>
</html>