venerdì 24 febbraio 2017

DIV con bordi arrotondati css html

Una delle cose più interessanti da fare al giorno d'oggi con i css, è quella di poter creare dei div con bordi arrotondati.

Un tempo per fare questa cosa, sarebbe stato necesssario usare delle immagini da piazzare all'interno del codice html, magari utilizzando anche delle tabelle.
Per fortuna però, i tempi sono cambiati, ed ora praticamente tutti i browser consentono di creare div con bordi arrotondati.
Vediamo subito come fare.


Come creare DIV con bordi arrotondati css html


Per poter creare dei box con dei bordi arrotondati, contenenti testo o immagini, compatibili con internet explorer, google chrome, firefox, safari, opera, microsoft edge, e praticamente tutti i browser esistenti, utilizzare il seguente codice css foglio di stile:

.bordi-arrotondati
{
    border-radius: 5px; /*ie >9*/
    -moz-border-radius: 5px; /*firefox*/
    -webkit-border-radius: 5px; /*chrome, safari*/
}


La classe appena creata infatti, consente di dare un bordo di 5 pixel a tutti i lati del box che andremo a creare con un div o con un altro tag html.

Se per caso però vogliamo creare un div con dei bordi arrotondati con grandezza diversa, si può specificare singolarmente ciascuno dei 4 valori, ad esempio così:
border-radius: 5px 5px 5px 5px;

Vi lascio con il codice html di un esempio completo, per poterlo testare con un semplice copia ed incolla:
<html>
<head>
    <title>Bordi arrotondati CSS</title>
<style type="text/css">
.bordi-arrotondati
{
    border-radius: 5px; /*ie >9*/
    -moz-border-radius: 5px; /*firefox*/
    -webkit-border-radius: 5px; /*chrome, safari*/
    background:#FF0000;
    width:50px;
    padding:8px;
}
</style>
</head>
<body>
<div class="bordi-arrotondati">Box</div>
</body>
</html>


Il risultato finale sarà una cosa del genere:

DIV con bordi arrotondati css html

E con l'html, i fogli di stile css ed i bordi arrotondati, per oggi è tutto.

Hooligans (film)

Hooligans è un film drammatico del 2005 diretto da Lexi Alexander, con Elijah Wood, Charlie Hunnam, Claire Forlani, Leo Gregory, Marc Warren, Geoff Bell, Terence Jay, Ross McCall, Kieran Bew.

Hooligans
Trama

Il giovane Matt Buckner, viene espulso ingiustamente da Harvard.
Matt decide allora di trasferirsi a Londra da sua sorella sposata, dove fa amicizia con il fratello di suo cognato, un giovane scalmanato di nome Pete Dunham.
Pete è un hooligans convinto, che inizialmente non gradisce molto la presenza di Matt, il quale però inizierà ad entrare sempre di più in quella realtà fatta di tifo e di risse.

Recensione

Hooligans è un buon film drammatico che parla del tema della violenza negli stadi.
L'Hooligan è infatti il tifoso/teppista inglese per eccellenza, che non perde occasione per fare risse con i tifosi delle squadre rivali.
Una buona pellicola che fa riflettere su questo mondo giovanile e non, fatto di abusi e di violenze, in uno sport che dovrebbe essere seguito con passione, e che invece viene usato come scusa per sfogare tutte le proprie frustazioni.
Non male l'interpretazione di Elijah Wood.

Link alla scheda del film su wikipedia

giovedì 23 febbraio 2017

Riprodurre una canzone mp3 (MIT App Inventor 2)

Tra le tante funzionalità di MIT App Inventor 2, c'è anche quella che consente di riprodurre musica sul proprio cellulare.
Può essere un file mp3 o in un altro formato supportato, ma quel che è certo è che ascoltare musica sullo smartphone, riproducendola direttamente da un'app sviluppata da noi stessi, non ha prezzo (infatti è gratis :p).


Come riprodurre una canzone mp3 con MIT App Inventor 2


In questo semplice tutorial, vi spiegherò come ascoltare un brano mp3 (preimpostato nell'applicazione) direttamente dal cellulare, costruendo un rudimentale lettore audio.

Dopo aver creato il nostro progetto vuoto, andiamo subito ad aggiungere 3 pulsanti, da chiamare rispettivamente: play, stop, pause.

Poi aggiungiamo, dalla sezione Multimediale, il componente Lettore.
Nel lettore ovviamente, dovremo andare a caricare un brano mp3, prendendolo direttamente dal nostro computer.

Ora andiamo subito a lavorare nei Blocchi.
Clicchiamo prima sul bottone play ed andiamo ad aggiungere il blocco per sempre quando play cliccato (When Play Click).
Già che ci siamo, facciamo lo stesso per stop e pause.

Adesso clicchiamo su Lettore ed andiamo a trascinare dentro ogni rispettivo blocco oggetto: esegui lettore avvia (call lettore1 play), esegui lettore pausa (pause), esegui lettore stop.

Riprodurre una canzone mp3

Praticamente abbiamo già finito!
Il nostro lettore mp3 sarà pronto all'uso sulla nostra app per cellulare.
Cliccando play partirà la canzone che abbiamo impostato di default, song che potremo stoppare o mettere in pausa in qualsiasi momento.
Poi volendo, potremmo anche decidere di abbellire il tutto con una bella immagine di sfondo.

Se volete scaricare il file di progetto .aia lo trovate cliccando qui.

Ovviamente questo è solo un rapido esempio di come utilizzare il componente lettore di MIT App Inventor 2.
Potete infatti decidere di perfezionare il tutto, magari cercando di capire come mostrare anche la barra di scorrimento della canzone che state riproducendo dentro la vostra app, oppure aggiungendo la possibilità di caricare il file da riprodurre nell'app in tempo reale, o magari addirittura far pescare tutte le canzoni mp3 presenti sul vostro telefono, e scegliere quale far riprodurre.

Cliccare qui per tornare al tutorial generale di MIT.

Come tagliare un mp3 online

Ti è mai capitato di avere la necessità di tagliare un mp3 online?
Probabilmente ti sarà sicuramente capitato di voler tagliare un file mp3, una canzone, magari per metterla come suoneria per il telefono o per altri scopi. Quello che invece forse non sapevi, è che per fare questa operazione non serve alcun programma aggiuntivo, ma si può fare tranquillamente tutto tramite un sito gratuito online.


Come tagliare un mp3 online


Per poter estrapolare solo una parte di una canzone che ti piace, se questa è in formato mp3, collegati al seguente indirizzo web:
http://mp3cut.net/it/

Adesso, clicca su Apri file e scegli la canzone da tagliare direttamente dal tuo computer.

Come tagliare un mp3 online

Dopo aver finito l'upload del file online, finirai in una seconda schermata, dove dovrai semplicemente selezionare la parte da tagliare, trascinando le apposite barre (di sinistra e di destra) con il mouse, nel punto esatto in cui vuoi far iniziare e finire la tua canzone.
Volendo potresti anche aggiungere un effetto dissolvenza in entrata ed uno in uscita.

Seleziona la parte della canzone mp3 da tagliare, sentila e risentila con il tasto play, e quando sei sicuro clicca sul bottone Taglia.

Taglia

Finirai infine in una terza schermata, dove dovrai semplicemente cliccare sul bottone Download.

Adesso il tuo file mp3 tagliato online sarà sul tuo pc, più leggero e pronto per essere ascoltato in qualsiasi momento, oppure per essere condiviso con gli amici, o caricato su qualche sito internet che prima magari non lo accettava perchè troppo pesante.

Grazie al sito mp3 cut online, tagliare canzoni è molto semplice, ma soprattutto rapido e gratuito.
Io che sono uno smanettone di musica di vecchia data, posso testimoniare che un tempo il procedimento era molto più macchinoso ed in alcuni casi anche costoso, bisognava avere il giusto software e soprattutto saperlo usare, mentre ora è tutto così semplice ed immediato.

Se quindi ad esempio hai un file mp3 che vuoi mettere come suoneria del telefono, ma il software del tuo cellulare non ti consente di far partire la canzone dal punto in cui interessa a te, grazie a questo sito potrai selezionare l'esatto pezzo della canzone da far riprodurre sul tuo smartphone.

Conto alla rovescia / Timer (MIT App Inventor 2)

Oggi vediamo un breve e semplice esercizio su come usare l'oggetto timer (orologio) con MIT App Inventor 2.
Con questo strumento, andremo a realizzare un semplice conto alla rovescia, al termine del quale verrà emesso un suono.
Inoltre, lo scandire del tempo verrà indicato a video, tramite una label/etichetta che verrà aggiornata in tempo reale ogni secondo.


Come creare un conto alla rovescia / Timer con MIT App Inventor 2


Iniziamo subito creando un progetto vuoto (Progetti -> Avvio nuovo progetto) chiamato semplicemente timer.

1) Creiamo la label

Andiamo a trascinare un oggetto nel visualizzatore prendendolo dai Componenti disponibili, un oggetto presente dentro l'Interfaccia utente il cui nome è Etichetta (label in inglese).
Ora, nella schermata di destra delle Proprietà, inseriamo come Testo, il valore 10.
Questo numero 10 sarà il valore di default che vogliamo impostare al nostro timer, quello dal quale partirà il conto alla rovescia.

2) Creiamo il timer

Adesso dai Componenti disponibili, apriamo la sezione Sensori e trasciniamo l'Orologio nel visualizzatore.
Noteremo nelle proprietà, che la voce Intervallo Timer è settata a 1000.
Lasciamola così, in quanto si tratta di 1000 millisecondi, ovvero 1 secondo.
Questo vuol dire che l'oggetto timer gira con la velocità dei secondi.

3) Aggiungiamo un suono

Adesso dai componenti disponibili, clicchiamo su Multimediale e trasciniamo la voce Suono.
Clicchiamo su Sorgente ed andiamo a caricare un file audio preso dal nostro pc, contenente il suono che vogliamo far riprodurre al termine del conto alla rovescia.

3) Aggiungiamo la logica

Ora clicchiamo su Blocchi ed iniziamo a creare il codice che ci servirà per far eseguire la nostra applicazione per android.

Clicchiamo su Orologio ed andiamo ad aggiungere il blocco Per sempre quando Orologio TimerConcluso (When Orologio1 Timer).

Adesso clicchiamo su Etichetta e poi su Imposta Etichetta Testo a (Set Etichetta1 Text to).
Clicchiamo su Matematica ed aggiungiamo l'operatore della differenza (blocco - blocco).
Per il primo blocco della differenza clicchiamo su Etichetta e poi su Etichetta Testo.
Per il secondo blocco invece, clicchiamo su Matematica e poi sul blocco numerico 0, che dopo averlo trascinato ed incastrato, dovremo andare a sostituire con il valore 1.

Adesso dobbiamo andare a resettare il timer quando arriva a zero, facendolo ripartire da 10, dopo aver fatto emettere il suono che abbiamo scelto in precedenza.

Aggiungiamo un Controllo di tipo Se Allora (IF Then), proprio sotto l'istruzione del cambio etichetta, dentro il blocco del timer.
Per il Se, dobbiamo cliccare su Matematica ed aggiungere l'operatore uguale, poi cliccare su Etichetta ed andare ad incastrarci Etichetta Testo, mentre dopo l'uguale va inserito (sempre da Matematica) il blocco con lo zero.
Per l'Allora, clicchiamo su Etichetta e poi andiamo a settare il valore 10 come sopra spiegato, ovvero andiamo a far ripartire il conto alla rovescia dal valore iniziale.

Infine, sempre sotto Allora, aggiungiamo la volontà di voler far riprodurre il suono.
Clicchiamo su Suono e poi su Esegui Suono Riproduci (Call Suono1 Play).

Tutto quanto scritto sopra è più facile a dirsi che a farsi, quindi ecco un'immagine esplicativa dei blocchi usati.

Conto alla rovescia / Timer

Ed ecco fatto, ora avete un'app per android che fa il conto alla rovescia.
Potete anche scaricare il file progetto .aia dell'app d'esempio appena creata.

Ovviamente il tutto si può affinare, facendo partire il timer con un click e stoppandolo, ma questo è un altro post (cit.)

Cliccare qui per vedere la guida generale di MIT e l'elenco lezioni.

Il mio nome è Remo Williams

Il mio nome è Remo Williams è un film azione / commedia del 1985 diretto da Guy Hamilton, con Fred Ward, Joel Grey, Wilford Brimley, J.A.Preston, Kate Mulgrew, Patrick Kilpatrick, Charles Cioffi.

Il mio nome è Remo Williams
Trama

Durante una normale pattuglia, un poliziotto senza famiglia ed amici, viene aggredito e finisce in ospedale sfigurato e dato ufficialmente per morto.
Qui viene contattato da una speciale organizzazione segreta che lavora per il governo, che gli propone di assumere una nuova identità e di diventare un agente segreto impegnato in missioni speciali.
Remo Williams, questo sarà il nuovo nome dell'agente, accetterà suo malgrado la sua nuova vita, ma prima dovrà affrontare un durissimo allenamento nell'arte marziale del Sinanju, tramite il severissimo quanto bizzarro maestro Chiun.

Recensione

Il mio nome è Remo Williams è un brillante film d'azione americano degli anni 80.
Un film d'azione pieno d'ironia e di scene esilaranti, adatto agli amanti dei film di arti marziali ma non solo.
Trama originale, protagonisti azzeccati, con un'accoppiata allievo maestro da fare invidia a karate kid.
In Il mio nome è Remo Williams ci sono delle scene cult, come la corsa sul cemento, l'allenamento per le dita, e la sacra tecnica per schivare i proiettili.
Davvero un film da non perdere, se vi piace il genere.

Link alla scheda del film su wikipedia

mercoledì 22 febbraio 2017

Come creare un gruppo su google gruppi

Lo sapevi che su google gruppi, oltre che a leggere e partecipare ai vari gruppi di discussione esistenti, è possibile creare un proprio gruppo?
Bene, ora che lo sai, ti spiegherò come fare per creare un gruppo su google groups, in modo da utilizzarlo come semplice gruppo di discussione o come forum.


Come creare un gruppo su google gruppi


Il requisito fondamentale per poter creare un gruppo google, è ovviamente quello di possedere un account google.
Dopo esserti loggato a google dunque, accedi a questo indirizzo:
https://groups.google.com/forum/

Quello che dovrai fare aggiungere un nuovo gruppo, è cliccare sul bottone Crea Gruppo.

Come creare un gruppo su google gruppi

Ora, dovrai semplicemente inserire i seguenti campi:
  • Nome gruppo
  • Email del gruppo: inserire una userid da usare anche come indirizzo web del gruppo
  • Descrizione gruppo: importante per far capire di cosa parla il tuo gruppo
  • Lingua principale del gruppo
  • Tipo di gruppo: scegliere tra mailing list, forum web, forum domande e risposte, posta in arrivo di collaborazione
  • Autorizzazioni di base: indicare qui chi visualizza gli argomenti del gruppo (pubblico, solo iscritti, solo amministratori), e dare i rispettivi permessi anche per poter postare, o per unirsi al gruppo

Una volta che hai impostato tutti i parametri del tuo primo gruppo su google, clicca su Crea.

Ulteriori impostazioni ti verranno chieste subito dopo la creazione del gruppo.
Potrai infatti collegare il tuo gruppo al tuo profilo google, per far apparire il tuo nome e la tua avatar nel gruppo, oppure rimanere un moderatore/amministratore anonimo e darti un nome di fantasia.

Proprietà gruppo google

Ovviamente, potrai cambiare le preferenze del tuo gruppo/forum google, in qualsiasi momento.

Per aggiungere subito un nuovo argomento, se hai creato un gruppo domande e risposte, clicca su Nuova domanda... anche se questo in teoria sarebbe meglio che lo facessero i tuoi utenti iscritti :)

Il tuo nuovo gruppo google avrà un indirizzo del genere:
https://groups.google.com/forum/?hl=it#!forum/oggieunaltropost

Bene, se hai appena creato il tuo primo gruppo google, preparati a fare anche da moderatore e ad affrontare tutti i troll che non mancheranno ad arrivare :)
Buona fortuna, e buon lavoro!

Come ruotare un video online

Vi è mai capitato di ritrovarvi tra le mani un video girato male?
Con "girato male" intendo proprio girato nel verso sbagliato, non parlo quindi della qualità in senso lato del filmato :)

Ebbene, se avete tra le mani un filmato che magari è al contrario, c'è la possibilità di ruotarlo senza troppi problemi, potrete infatti ruotare un video online senza dover imparare ad usare alcun programma, semplicemente tramite un comodo e gratuito sito internet.


Come ruotare un video online


Per girare un video in senso orario, antiorario, o di 180 gradi, collegarsi al seguente indirizzo web:
http://www.videorotate.com

Il sito Video Rotate infatti, offre un comodo tool per ruotare filmati online, tramite semplici passaggi:
  1. Trascinare sul sito, nel box Drop your file here, il filmato da girare ed attendere il caricamento
  2. Scegliere che rotazione effettuare tra le seguenti opzioni: rotate left, rotate right, flip orizontally, flip vertically
  3. Cliccare sul bottone Transform video ed attendere la fine del processo
  4. Cliccare su Download result per scaricare il video appena modificato

Come ruotare un video online

Avrete così ruotato il vostro filmato in pochi istanti, senza alcun programma aggiuntivo da installare sul computer, e soprattutto senza alcuna competenza tecnica necessaria per svolgere questa operazione.

Adesso non avrete più problemi a sistemare i vostri filmati, magari ripresi al contrario con il cellulare, prima di condividerli sui social network.
Video Rotate è tutto ciò che vi serve per compiere questa operazione... oltre ovviamente ad una buona connessione ad internet :)

Ustica (film)

Ustica è un film drammatico/storico del 2016 diretto da Renzo Martinelli, con Marco Leonardi, Caterina Murino, Lubna Azabal, Tomas Arana, Federica Martinelli, Paco Reconti, Yassine Fadel, Giovanni Capalbo, Jonis Bascir.

Ustica
Trama
Il 27 giugno 1980, un aereo di linea con a bordo 81 persone, esplode in volo vicino all'isola di Ustica.
Le autorità iniziano immediatamente le indagini, ma fin da subito qualcosa sembra non quadrare rispetto alla versione ufficiale sulle cause dell'accaduto.
La madre di una delle vittime ed altre persone, lotteranno per la verità, mettendo a repentaglio la loro stessa vita.

Recensione
Ustica è un film denuncia del 2016, del genere drammatico.
Se il film racconti la vera storia, oppure solo ipotesi e supposizioni, non ci è dato saperlo, quel che è certo è che su questa storia la verità è stata a lungo nascosta.
Il film è guardabile ed interessante, ma c'è qualcosa che non mi torna molto su come è stato girato, l'ho trovato poco credibile... non parlo della storia e della verità ovviamente, ma proprio a livello di regia e di interpretazione. Comunque è carino, forse non vale il biglietto del cinema, ma se lo passano in tv lo si può anche guardare :)

Link alla scheda del film su wikipedia

martedì 21 febbraio 2017

Panta rei - Occidentali’s karma

Se hai sentito almeno una volta la canzone che ha vinto Sanremo 2017, probabilmente avrai fatto caso a questa bizzarra parola: pantarei.
Allora, precisiamo subito che non si scrive pantarei, ma panta rei, ed il suo significato ha origini molto molto antiche.

Panta rei - Occidentali’s karma

Che cosa significa Panta Rei?

Pánta rêi è un termine greco (πάντα ῥεῖ) che significa letteralmente "tutto scorre".
Questo famoso aforisma è storicamente attribuito ad Eraclito, un filosofo greco antico vissuto tra il 535 a.C. ed il 475 a.C.
Stando alle varie spiegazioni storiche, panta rei in pratica vorrebbe dire, secondo Eraclito, che nella vita non si può vivere lo stesso identico momento due volte, perchè tutto muta e nulla è più uguale.
Il filosofo greco paragona la vita ad un fiume che scorre, nel quale non è mai più possibile entrare nello stesso punto in cui ci si era bagnati la prima volta.


Francesco Gabbani - Occidentali’s karma (testo canzone)

Concludo questo post riportando il testo completo di "Occidentali’s karma" di Francesco Gabbani, canzone vincitrice del festival di Sanremo 2017.

Essere o dover essere
Il dubbio amletico
Contemporaneo come l’uomo del neolitico.
Nella tua gabbia due per tre mettiti comodo.
Intellettuali nei caffè
Internettologi
Soci onorari al gruppo dei selfisti anonimi.
L’intelligenza è démodé
Risposte facili
Dilemmi inutili.
AAA cercasi (cerca sì)
Storie dal gran finale
Sperasi (spera sì)
Comunque vada panta rei
And singing in the rain.
Lezioni di Nirvana
C’è il Buddha in fila indiana
Per tutti un’ora d’aria, di gloria.
La folla grida un mantra
L’evoluzione inciampa
La scimmia nuda balla
Occidentali’s Karma.
Occidentali’s Karma
La scimmia nuda balla
Occidentali’s Karma.
Piovono gocce di Chanel
Su corpi asettici
Mettiti in salvo dall’odore dei tuoi simili.
Tutti tuttologi col web
Coca dei popoli
Oppio dei poveri.
AAA cercasi (cerca sì)
Umanità virtuale
Sex appeal (sex appeal)
Comunque vada panta rei
And singing in the rain.
Lezioni di Nirvana
C’è il Buddha in fila indiana
Per tutti un’ora d’aria, di gloria.
La folla grida un mantra
L’evoluzione inciampa
La scimmia nuda balla
Occidentali’s Karma.
Occidentali’s Karma
La scimmia nuda balla
Occidentali’s Karma.
Quando la vita si distrae cadono gli uomini.
Occidentali’s Karma
Occidentali’s Karma
La scimmia si rialza.
Namasté Alé
Lezioni di Nirvana
C’è il Buddha in fila indiana
Per tutti un’ora d’aria, di gloria.
La folla grida un mantra
L’evoluzione inciampa
La scimmia nuda balla
Occidentali’s Karma.
Occidentali’s Karma
La scimmia nuda balla
Occidentali’s Karma
.


Video ufficiale di Occidentali’s karma (Francesco Gabbani)

E se il testo lyrics non bastasse, eccovi il video ufficiale del tormentone del momento: