sippsolutions

<p>If you host your site in a poor environment, WordPress may fail uploading large images as the process of creating the different sizes and thumbnails takes a large amount of CPU usage.</p>
<p>With this Plugin the images are simply resized to a maximum dimension (of for example 1600 x 1600 pixels) right in your browser before uploading them.<br />
The nice side effect is that unnecessary big images are resized to a fine size to still provide a usable, qualitative image.</p>
<p>Logo credits: Picture graphic by Flaticon from Freepik.</p>


Canvas Image Resize

Re-sizes images right inside the browser BEFORE uploading them.

jaiunblog

<p>Processing code directly in your web page with shortcode is using this technique :<br />
http://processingjs.org/articles/jsQuickStart.html#processingcodeinwebpage</p>
<p>and adding prismjs (http://www.prismjs.com) for highlight the code</p>
<h4>add processing code in your post</h4>
<p>Just add shortcode</p>
<ul>
<li>[p5js code canvas][/p5js] to show the code and the result</li>
<li>[p5js code][/p5js] to show the code</li>
<li>[p5js canvas][/p5js] to show the result of the code</li>
</ul>
<h4>example</h4>
<p>[p5js code canvas]</p>
<ol>
<li>// Processing code</li>
<li>void setup() {</li>
<li>size(200, 200);</li>
<li>background(100);</li>
<li>stroke(255);</li>
<li>ellipse(50, 50, 25, 25);</li>
<li>println(“hello web!”);</li>
<li>}</li>
</ol>
<p>[/p5js]</p>


Processing code directly

Processing code directly in your web page with shortcode is using this technique :

Canvas Image Resize vs Processing code directly