Quanti di voi erano in “sbatta” per trasferire e passare ad amici grosse quantità di file?

Con #WeTransfer puoi traferire senza alcun costo fino a 2gb di files con tempi davvero ridotti.

Inviare lo stesso file fino a 20  indirizzi email l’aggiunta anche del tuo messaggio!

comodo e veloce e inserendo la tua mail ( sender ) fai in modo che ti venga consegnata anche una mail di notifica di avvenuta ricezione.

Posso dirvi per esperienza che è davvero straordinario!

fatemi sapere come vi trovate o se conoscete altri siti come questo.

L’obbiettivo è creare l’esperienza più ricca possibile per tutti, avvantaggiandosi delle capacità dei browser moderni, e creando al tempo stesso siti utilizzabili per tutti.

Come creare uno short url come ad es. http://goo.gl/ykgwj

Siti come quelli elentati sotto, offrono questo genere di servizio, alcuni di questi permettono di fare lo share dello short url, e, di monitorarne click e tracciamento per le campagne marketing, altri invece, sono per un uso individuale e non aziendale.

http://goo.gl

https://bitly.com/

http://lmon.it/

http://tinyurl.com/

http://ow.ly

condividete nei commenti qua sotto quale servizio di short url utilizzate!

Questo link è 3D e non ruota ma lo faremo ruotare!

codice HTML

<a class="roll" href="#">
<span data-title="Questo link è 3D e ruota!">
Questo link è 3D e ruota!
</span></a>

All’elemento <a> assegniamo una classe .roll e, dentro il tag <a> inseriremo un tag <spam>


(con attributo data-title) al quale deve corrispondere il testo uguale identico a quello del link.

Immaginando un cubo… in stato hover il link ruota nello spazio posizionandosi nella faccia alta del cubo mostrando la faccia che prima era sotto…se noi non scriviamo nulla nell’attributo “data-title” avremmo nessuna scritta in stato di hover.

CSS

a {
text-decoration: none;
color: #2ba6cb; /* Colore iniziale del link. Lo sfondo è quello del div sottostante */
font-weight: bold;
}

.roll {
display: inline-block;
overflow: hidden;
vertical-align: top;

perspective: 600px;
perspective-origin: 50% 50%;
}

.roll span {
display: block;
position: relative;
padding: 0 3px; /* Padding sul link */

transition: all 400ms ease;

transform-origin: 50% 0%;
transform-style: preserve-3d;
}

.roll:hover span {
background: #2ba6cb; /* Colore di sfondo del link durante la transizione */
transform: translate3d( 0px, 0px, -30px ) rotateX( 90deg );
}

.roll span:after {
content: attr(data-title);
display: block;
position: absolute;
left: 0;
top: 0;
padding: 0 3px; /* Padding sullo span. Deve corrispondere a quello del link */
color: #fff; /* Colore finale del link */
background: #2ba6cb; /* Colore di sfondo finale */

transform-origin: 50% 0%;
transform: translate3d( 0px, 105%, 0px ) rotateX( -90deg );
}

questa <!DOCTYPE> è un’istruzione per il browser con la quale diciamo con quale versione di HTML la pagina è stata scritta.

In HTML 4.01, il <! DOCTYPE> dichiarazione si riferisce ad un DTD, perché HTML 4.01 è basata su SGML. La DTD specifica le regole per il linguaggio di marcatura, in modo che i browser il rendering del contenuto correttamente.

HTML5 non è basato su SGML, e quindi non ha bisogno di un riferimento a un DTD.

Suggerimento: Aggiungete sempre la dichiarazione al tuo documento HTML, in modo che il browser sappia leggere il documento <DOCTYPE>.

Differenze tra HTML 4.01 e HTML5
Ci sono tre diversi <! DOCTYPE> dichiarazioni in HTML 4.01. In HTML5 vi è una sola:

<! DOCTYPE html>

Elementi HTML e DOCTYPE
Guarda la nostra tabella di tutti gli elementi HTML, e che ogni elemento DOCTYPE quale compare

Consigli e Note

Nota: La variabile non ha un tag di chiusura <DOCTYPE>.

Suggerimento: La dichiarazione NON è case sensitive <DOCTYPE>.

Suggerimento: utilizzare W3C Validator per verificare di aver scritto un valido HTML / XHTML documento!

DOCTYPE Dichiarazioni comuni
HTML 5

<! DOCTYPE html>
HTML Strict 4,01

Questo DTD contiene tutti gli elementi e attributi HTML, ma non include elementi di presentazione o deprecato (come carattere). Frameset non sono ammessi.

<! DOCTYPE HTML PUBLIC “- / / W3C / / DTD HTML 4.01 / / EN” “http://www.w3.org/TR/html4/strict.dtd”>
HTML 4.01 Transitional

Questo DTD contiene tutti gli elementi e attributi HTML, inclusi gli elementi di presentazione e obsoleto (come carattere). Frameset non sono ammessi.

<DOCTYPE HTML PUBLIC “- / / W3C / / DTD HTML 4.01 Transitional / / EN” “http://www.w3.org/TR/html4/loose.dtd”>
HTML 4.01 Frameset

Questo DTD è pari a HTML 4.01 Transitional, ma consente l’uso di contenuto set di frame.

<DOCTYPE HTML PUBLIC “- / / W3C / / DTD HTML 4.01 Frameset / / EN” “http://www.w3.org/TR/html4/frameset.dtd”>
XHTML 1.0 Strict

Questo DTD contiene tutti gli elementi e attributi HTML, ma non include elementi di presentazione o deprecato (come carattere). Frameset non sono ammessi. Il codice deve essere scritto come ben formato XML.

<DOCTYPE html PUBLIC “- / / W3C / / DTD XHTML 1.0 Strict / / EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
XHTML 1.0 Transitional

Questo DTD contiene tutti gli elementi e attributi HTML, inclusi gli elementi di presentazione e obsoleto (come carattere). Frameset non sono ammessi. Il codice deve essere scritto come ben formato XML.

<DOCTYPE html PUBLIC “- / / W3C / / DTD XHTML 1.0 Transitional / / EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
XHTML 1.0 Frameset

Questo DTD è pari a XHTML 1.0 Transitional, ma consente l’uso di contenuto set di frame.

<DOCTYPE html PUBLIC “- / / W3C / / DTD XHTML 1.0 Frameset / / EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>
XHTML 1.1

Questo DTD è pari a XHTML 1.0 Strict, ma ti permette di aggiungere moduli (per esempio per fornire il supporto ruby ​​per l’Est-asiatici lingue).

<! DOCTYPE html PUBLIC “- / / W3C / / DTD XHTML 1.1 / / EN” “http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd”>

E’ bene avere una Sitemap all’interno del nostro sito in formato HTML e una seconda (per i motori di ricerca) in XML.

Questo è il plugin di Wordpress attualmente più usato per fornire ai motori di ricerca un elenco di tutte le pagine web del sito.

per il download potete cliccare qui

Mentre Facebook è alle prese a lanciare Graph Search, Twitter lancia Vine già disponibile per Apple su apple store cercando così di eliminare il fratellastro Instagram. Cosa fa questo socialnetwork? Creato da Twitter (famoso per i suoi cinguettii) su questo nuovo “social” il punto di forza sono i suoi 6 secondi per creare e caricare video. Facebook però da accesso all’applicazione per accedere ai propri contatti così da integrare il proprio “giro” sociale su Vine.

1. Ora se avete visto bene la seconda immagine… fate il download del file magari portandolo su desktop quindi andate nella dashboard di wordpress nella sezione media e caricate il file appena scaricato.
2. Ritorniamo quindi sulla dashboard andiamo su pagine e creiamone una con lo stesso nome file del file che avete al punto uno scaricato, fatto ciò fate pubblica e tornate su Pinterest.
3. Arrivati qui sul nostro socialnetwork non ci resta che cliccare sul click here per completare il processo.

spero anche questa volta di esservi servito in ciò che avevate bisogno! =) se qualcosa non vi è chiaro non esitate a domandare! =)

eccoci qua vi segnalo oggi un effetto trovato sul web molto impressionante! qui il link http://bit.ly/VlCcHD

viaAddio a Messenger: Microsoft punta su Skype – News – Mobi2B – MAT Edizioni.