Pubblicare foto su Instagram da DeskTop

Grandi novità per tutti coloro che usano molto Instagram, infatti in questi giorni si è trovato il modo di poter pubblicare le foto direttamente dal vostro computer, senza dover quindi utilizzare il proprio smartphone, le procedure son semplici, occorre però utilizzare Safari o Chrome (come in questo esempio).

Prima di tutto occorre andare sul vostro profilo Instagram (http://www.instagram.com/cescosciolti)
profilo Instagram da desktop

Successivamente (da Chrome) fate pulsante destro del mouse e cliccate su Ispeziona Elemento
ispeziona_elemento

ora cliccate sull’icona per testare il responsive
responsive

fatto questo, vi troverete il vostro profilo come se aveste in mano il vostro smartphone
profilo Instagram Smartphone

Ora vi basterà cliccare sull’icona della fotocamera
fotocamera
per selezionare la foto che verrà caricata
select foto

Ora non vi resta che seguire i vari step come se foste direttamente da smartphone
caricare foto Instagram
inserire il testo e premere Condividi
Inserire descrizione foto Instagram da desktop

per trovare la vostra foto pubblicata.
foto pubblicata da desktop su Instagram

spero che troviate il truccetto utile!
voi ne conoscete degli altri?

Alternativa a WOW.js grazie a hunt.js

Perchè c’era bisogno di un’alternativa a WOW.js?

Spiego prima brevemente l’utilizzo di WOW, ovvero una libreria jQuery che permette grazie alla combinazione di animate.css di avere delle animazioni sugli elementi di un sito.
il suo utilizzo è davvero banale, si carica la libreria jQuery e poi il file wow.js poi occorre inizializzare le chiamate inserendo
new WOW().init();
successivamente ad ogni elemento che si vuole animare, occorre aggiungere 2 classi la prima che identifica l’elemento wow e successivamente il tipo di animazione da utilizzare (ad esempio fadeInUp)

<div class="wow fadeInUp">
Contentenuto da animare
</div>

con eventuali opzioni quali il delay dell’animazione


<div class="wow fadeInUp" data-wow-delay="2s">
Contentenuto da animare
</div>

la ricerca di un’alternativa valida è data dal fatto di cercare qualcosa di GRATUITO e leggero per questa gestione.

Che alternativa posso utilizzare?

In questi giorni ho rispolverato una libreria che avevo trovato in rete ovvero hunt.js che pesa meno di 1k (per l’esattezza, 613 bytes)e gestisce proprio la verifica di un elemento se è dentro o fuori la viewport.

lo script nella documentazione offre questo esempio:

hunt(document.getElementsByClassName('element'), {
    in: function() {
        this.classList.add('visible');
    },
    out: function() {
        this.classList.remove('visible');
    }
});


che ho deciso di modificare leggermente, per gestirne le animazioni in stile WOW in 2 modi differenti

tramite javascript puro

// Gestisce le animazioni
function start_animations(){
  var myElements = document.querySelectorAll(".c82d"); 
  for (var i = 0; i < myElements.length; i++) {
      myElements[i].style.visibility='hidden';
      myElements[i].style.WebkitAnimationName='none';
      myElements[i].style.animationName='none';
  }
  hunt(myElements, {
    in: function() {
      var element = this;
      var delay = element.dataset['delay'] ? element.dataset['delay'] : 0;
      var newclass = element.dataset['animation'] ? element.dataset['animation'] : 'fadeIn';
      setTimeout( function(){
          element.classList.add("animated");
          element.classList.add(newclass);
          element.style.visibility = 'visible';
          element.style.WebkitAnimationName = newclass;
          element.style.animationName  = newclass;
        },
        delay);
    }
  });
}
// Registra il listener del caricamento della pagina per richiamare la funzione precedente
if(window.addEventListener){
    window.addEventListener('load',start_animations,false);
}
else{
    window.attachEvent('onload',start_animations);
}


o tramite jQuery

jQuery(document).ready(function($){
  var myElements = $('.c82d');
  if ( myElements ) {
    $.each(myElements, function(index, el){
      $(el).css({'visibility':'hidden', 'WebkitAnimationName':'none', 'animationName':'none'});
    })
  }
  hunt(myElements, {
    in: function() {
      var element   = this;
      var delay     = $(element).attr('data-delay') ? $(element).attr('data-delay') : 0;
      var newclass  = $(element).attr('data-animation') ? $(element).attr('data-animation') : 'fadeIn';
      setTimeout( function(){
          $(element)
          .addClass('animated ' + newclass)
          .css({'visibility':'visible', 'WebkitAnimationName':newclass, 'animationName':newclass});
        },
        delay);
    }
  });
});


e il suo impiego sarà semplicemente

Contenuto da animare


dove inserirò la mia classe (per identificare gli elementi) e aggiungerò successivamente l'attributo data-animation ed eventuale data-delay, per gestire rispettivamente il tipo di animazione e il ritardo dell'esecuzione.


voi avete altre alternative valide?

Whatsapp finalmente scaricabile per PC e Mac

È finalmente disponibile per il download su Pc o Mac l’installazione di WHATSAPP sui nostri dispositivi, non solo più esclusivamente per smartphone!

Per scaricarlo, basta che vi rechiate su
https://www.whatsapp.com/download/

potrete scegliere il vostro sistema operativo (Versioni supportate: Mac OS X 10.9 e successive o Windows 8 e successive)

Risorse Free di Envato per il mese di Marzo

Come ogni mese ecco Envato con le sue risorse gratuite (FREE) mensili, occorre essere registrati e loggati per vedere il pulsante free download, altrimenti verrà visualizzato il costo.
[Risorse disponibili Free SOLO per il mese di MARZO]

Photodune

photodune_marzo
FREE DOWNLOAD

AudioJungle

audiojungle_marzo
FREE DOWNLOAD

3docean

3docean_marzo
FREE DOWNLOAD

VideoHive

videohive_marzo
FREE DOWNLOAD

Graphicriver

graphicriver_marzo
FREE DOWNLOAD

ThemeForest

themeforest_marzo
FREE DOWNLOAD

CodeCanyon

codecanyon_marzo
FREE DOWNLOAD

Come aggiungere 2GB a Google Drive gratuitamente

Cos’è Google Drive?

Google Drive non è altro che uno spazio Cloud rilasciato da Mister G (Google), questo spazio prevede una soglia di 15GB gratuiti dopo di chè propone altro spazio a pagamento.
Per usufruire di questi 15GB grauiti, basta acceder qui Google Drive con il proprio account gmail.
google_drive_logged
Successivamente potrete poi accedere al vostro spazio, via web o con una delle App ufficiali anche per smartphone o tablet, proprio come si fa con DropBox.

Come posso ottenere i 2GB gratuiti?

Come fare, vi starete chiedendo, è molto semplice, basta cliccare e compilare questo questionario, vi verrà chiesta la password del vostro account Google e successivamente compilare e/o verificare i vari step del vostro account, finito questo passaggio, potrete constatare autonomamente che il vostro spazio sarà aumentato.

verifica qui il tuo spazio

Risorse Free di Envato per il mese di Febbraio

Come ogni mese ecco Envato con le sue risorse gratuite (FREE) mensili, occorre essere registrati e loggati per vedere il pulsante free download, altrimenti verrà visualizzato il costo.
[Risorse disponibili Free SOLO per il mese di FEBBRAIO]

Photodune

photodune_febbraio
FREE DOWNLOAD

ActiveDen

activeden_febbraio
FREE DOWNLOAD

3docean

3docean_febbraio
FREE DOWNLOAD

VideoHive

videohive_febbraio
FREE DOWNLOAD

Graphicriver

graphicriver_febbraio
FREE DOWNLOAD

ThemeForest

themeforest_febbraio
FREE DOWNLOAD

CodeCanyon

codecanyon_febbraio
FREE DOWNLOAD

Risorse Free di Envato per il mese di Gennaio

Riapre l’anno Envato con le sue risorse gratuite (FREE) mensili, occorre essere registrati e loggati per vedere il pulsante free download, altrimenti verrà visualizzato il costo.
[Risorse disponibili Free SOLO per il mese di GENNAIO]

Photodune

photodune_gennaio
FREE DOWNLOAD

ActiveDen

activeden_gennaio
FREE DOWNLOAD

Audiojungle

audiojungle_gennaio
FREE DOWNLOAD

Video>Hive

videohive_gennaio
FREE DOWNLOAD

Graphicriver

graphicriver_gennaio
FREE DOWNLOAD

ThemeForest

themeforest_gennaio
FREE DOWNLOAD

CodeCanyon

codecanyon_gennaio
FREE DOWNLOAD