Come fare funzionare x360ce con Metal Gear Solid V: The Phantom Pain

Atteso da milioni di fan appassionatisi alla Metal Gear saga creata da Hideo Kojima, finalmente è stato lanciato sul mercato il nuovo capitolo, quello che doveva essere il conclusivo e, forse, anche il più rivoluzionario (per via del suo gameplay di natura profondamente differente rispetto ai predecessori). Chi ha acquistato Metal Gear Solid V: The Phantom Pain e non dispone di un controller supportato, può sempre ricorrere all’utilissimo programma x360ce.

Continua a leggere Come fare funzionare x360ce con Metal Gear Solid V: The Phantom Pain

Niente trasparenze Aero in Windows 7? Ecco come risolvere

windows-aero-trasparenza-problema

Nonostante sia vecchio di quasi 2 anni, Windows 7 rimane ancora un sistema operativo più che utilizzato, vuoi per la diffidenza in Windows 8 e quelle che per alcune sono mancanze inaccettabili (come il menù di Start), vuoi per pigrizia. Rimane quindi sensato parlare di uno dei problemi che ha afflitto e continua ad affliggere molte persone che lo usano come SO giornaliero: non avere le trasparenze Areo attive.

Aero è stato introdotto in Vista e si è evoluto in Windows 7 con delle migliorie, ma a volte non viene visualizzato correttamente e non vi è alcun effetto di trasparenza. Ecco come ripararlo: Continua a leggere Niente trasparenze Aero in Windows 7? Ecco come risolvere

Come migliorare le prestazioni di Windows [#1] – Ridurre gli effetti visivi

Questa potrebbe essere una serie di articoli per coloro che hanno un PC le cui performance non sono delle migliori, vuoi per l’hardware che vi è installato, vuoi per la “spazzatura” che nel corso del tempo è stata accumulata.

Il primo consiglio è il migliore per chi fa parte della prima categoria, ovvero un PC con un hardware non proprio al passo coi tempi. Vale comunque in generale per tutti quelli che preferiscono avere un PC scattante, piuttosto che tutta la bella grafica Aero/Metro di cui è stato riempito Windows a partire da Vista.

Inoltre, è la soluzione del fastidioso problema relativo al processo dwm.exe, proprio quello che si occupa della gestione delle finestre, che talvolta consuma tantissime risorse quando si collegano al PC più schermi, abbassando notevolmente le prestazioni. Per risolvere l’annoso problema: Continua a leggere Come migliorare le prestazioni di Windows [#1] – Ridurre gli effetti visivi

Come sapere se qualcuno ha scaricato i nostri file da Dropbox

sapere-download-file-dropbox

Dropbox ha reso estremamente facile condividere file pubblicamente. Possiamo caricare un file e poi condividerlo con i nostri amici/colleghi tramite un link pubblico. Gli utenti che hanno questo link possono quindi scaricare o salvare quel file nel proprio account Dropbox. Tuttavia, come proprietario del file, non riusciamo a vedere quante volte è stato scaricato il nostro file condiviso.

Dropbox non è memorizza questo tipo di dato. Si può eliminare il link pubblico una volta che siamo sicuri che chi doveva ricevere il file lo ha scaricato. Pur non esistendo questo dato ufficialmente, ci sono alcune possibile strade: se si desidera monitorare il conteggio dei download dei file condivisi, ecco due soluzioni valide che è possibile utilizzare.
Continua a leggere Come sapere se qualcuno ha scaricato i nostri file da Dropbox

Come creare un semplice tooltip ad effetto bolla con CSS3

image

Come da titolo, oggi ci tufferemo nell’impresa di creare un tooltip con effetto bolla in puro CSS3. Partiamo sempre con il canonico duo di passaggi.

Fase 1 – Scheletro HTML

In primis, creiamo il nostro file HTML di base, dove, all’interno del tag “body”, aggiungiamo il seguente codice:

<ul id="bubb">
<li>
Primo elemento
<div>
Tooltip del primo elemento
</div>
</li>
<li>
Secondo elemento
<div>
Tooltip del secondo elemento
</div>
</li>
<li>
Terzo elemento
<div>
Tooltip del terzo elemento
</div>
</li>
</ul> 

Si tratta di una lista non ordinata, al cui interno ci sono diversi elementi di esempio accanto i quali troviamo un tag “div” che fungerà da tooltip, che sarà mostrato con l’azione hover (ovvero al passaggio del mouse) sul corrispondente tag “li“.

Fase 2 –  Un po’ di Stile con CSS3

Dichiariamo la lista non ordinata con un “display:inline” e specifichiamo come icona del cursore la tipica manina dei link per una questione di usabilità:

#bubb li {
  cursor: pointer;
	display: inline-block;
	margin-left: 10px;
}

Adesso, selezioniamo il “div” che si trova all’interno del “li” per lo stile, aggiungendo alcuni effetti grafici come bordi arrotondati  e ombre per rendere il tutto più accattivante. Nota che la proprietà visibility è hidden e l’opacità è zero. .

Inoltre, ed ecco la parte clou dell’articolo, codifichiamo degli effetti di transizione che definiscono il tempo di durata dell’animazione dopo il mouseout del tag “li”  in 0.4s.

Ecco il codice:

#bubb li > div {
  background: white;
  display: inline-block;
  font-size: 0.8em;
  margin-left: -135px;
  margin-top: 105px;
  min-height: 100px;
  padding: 15px;
  position: absolute;
  opacity: 0;
  visibility: hidden;
  width: 130px;

   /* border-radius */
  border-radius: 15px; /* W3C */
 
   /* box-shadow */
  -moz-box-shadow: 0 0 10px gray; /* Firefox */
  -webkit-box-shadow: 0 0 10px gray; /* Safari e Chrome */
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#272229', Direction=135, Strength=3); /* IE */
  box-shadow: 0 0 10px gray; /* W3C */
 
 /* Transizione */
 -moz-transition: all 0.4s ease-in-out; /* Firefox */
  -webkit-transition: all 0.4s ease-in-out; /* Safari e Chrome */
  -o-transition: all 0.4s ease-in-out; /* Opera */
  transition: all 0.4s ease-in-out; /* W3C */
}

Aggiungiamo infine le proprietà relative al “div” sotto l’azione hover del mouse:

#bubb li:hover > div {
  margin-top: 40px;
  opacity: 1;
  visibility: visible;
  /* Transizione */
  -moz-transition: all 0.4s ease-in-out; /* Firefox */
  -webkit-transition: all 0.4s ease-in-out; /* Safari e Chrome */
  -o-transition: all 0.4s ease-in-out;  /* Opera */
  transition: all 0.4s ease-in-out; /* W3C */
}

Finito! Ecco il risultato del nostro lavoro su CodePen: