title: How to resize image in Webpage with mouse
body: <p>I want to move and resize the image in the web with mouse.<br>
  So I tried to that with Jquery.<Br>
  Draggable of Jquery works well, but resizable doesn't work.<br>
  What's the problem in my code?<br>
  And Could you recommend other methods except for jquery?</p>
  
  <pre><code>&lt;script&gt;   
  $( function() {
      $( "#yoman" ).draggable();
  });
  
  $( function() {
      $( "#yoman" ).resizable();
  });
  &lt;/script&gt;
  
  &lt;/head&gt; 
  
  &lt;body&gt;
      &lt;div id="yoman" class="ui-widget-content"&gt;
          &lt;img src = "https://www.froala.com/assets/blog/pages/post41_2.png" width="100px" height="100px"&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>