resize

Mattepuffo's logo
Autoplay on scroll in Javascript

Autoplay on scroll in Javascript

Quello che vogliamo ottenere è che il video si avvii quando scrolliamo o facciamo il resizing di una pagina web.

In base ovviamente a determinate misure/posizione.

Ci basterà un pò di Javascript.

Mattepuffo's logo
Ridimensionare immagini con Python e Pillow

Ridimensionare immagini con Python e Pillow

Per ridimensionare le immagini con Python, tutti consigliano l'uso di PIL / Pillow.

Pillow, in realtà, è un fork di PIL, e funziona bene anche con Python 3.

Oggi vediamo qualche esempio di utilizzo.

Prima di tutto installiamo la libreria:

$ sudo pip install pillow

Mattepuffo's logo
Creare grafici responsive con Google Charts

Creare grafici responsive con Google Charts

Una libreria Javascript che sto usando parecchio per la creazione di grafici è Google Chart.

Molto semplice da usare e da includere.

Oggi vediamo come impostare la "modalità" responsive.

In eveirà la cosa è molto semplice: questo il div:

   <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
   <script type="text/javascript" src="jquery.js"></script>
   <column cols="6" class="cols_chart">
        <div id="chart_entrate"></div>
    </column>

Come vedete non ho impostato misure.

Mattepuffo's logo
Resize di immagini in Java

Resize di immagini in Java

Vediamo una piccola classe, con un solo metodo, per il resize delle immagini in Java.

Ci stanno anche diverse librerie esterne per fare questo, ma su consiglio del forum HTML.it, ho usato gli strumenti standard.

Nello specifico getScaledInstance di Image, che consente queste tre possibilità:

  • impostare altezza e larghezza
  • impostare la larghezza a far calcolare automatica l'altezza
  • impostare l'altezza e far calcolare automaticamente la larghezza

Infatti se facciamo questo, la larghezza verrà calcolata in automatico:

ImageResize ir = new ImageResize();
try {
      ir.resizeImage(new File("immagine.jpg"), "path/to/save/", -1, 800);
} catch (IOException ex) {
      JOptionPane.showMessageDialog(this, ex.getMessage());
}

In pratica abbiamo passato un valore negativo come larghezza (accetta -1).