» Publishers, Monetize your RSS feeds with FeedShow: More infos (Show/Hide Ads)
Nel tutorial di oggi vi mostreremo come correggere il livello di zoom quando su un dispositivo iOS viene cambiato l'orientamento.
Purtroppo questo è un bug molto fastidioso, quindi vi mostreremo come risolverò con Javascript!
/*! A fix for the iOS orientationchange zoom bug. Script by @scottjehl, rebound by @wilto. MIT License. */ (function(w){ // This fix addresses an iOS bug, so return early if the UA claims it's something else. if( !( /iPhone|iPad|iPod/.test( navigator.platform ) && navigator.userAgent.indexOf( "AppleWebKit" ) > -1 ) ){ return; } var doc = w.document; if( !doc.querySelector ){ return; } var meta = doc.querySelector( "meta[name=viewport]" ), initialContent = meta && meta.getAttribute( "content" ), disabledZoom = initialContent + ",maximum-scale=1", enabledZoom = initialContent + ",maximum-scale=10", enabled = true, x, y, z, aig; if( !meta ){ return; } function restoreZoom(){ meta.setAttribute( "content", enabledZoom ); enabled = true; } function disableZoom(){ meta.setAttribute( "content", disabledZoom ); enabled = false; } function checkTilt( e ){ aig = e.accelerationIncludingGravity; x = Math.abs( aig.x ); y = Math.abs( aig.y ); z = Math.abs( aig.z ); // If portrait orientation and in one of the danger zones if( !w.orientation && ( x > 7 || ( ( z > 6 && y < 8 || z < 8 && y > 6 ) && x > 5 ) ) ){ if( enabled ){ disableZoom(); } } else if( !enabled ){ restoreZoom(); } } w.addEventListener( "orientationchange", restoreZoom, false ); w.addEventListener( "devicemotion", checkTilt, false ); })( this );
In questo articolo vi segnaliamo una interessate collezione di tutorial Photoshop che permettono di creare un testo con effetto legno.
Double Viewer è un plugin jQuery che permette di confrontare in modo semplice e intuitivo due immagini.
Double Viewer funziona su tutti i principali browser e dispositivi mobili.
Con questo plugin sarete in grado di impostare qualsiasi colore per la linea divisoria e per il cursore.
Link: http://codecanyon.net/item/double-viewer-jquery-plugin/full_screen_preview/4759369
In questo semplice tutorial vi mostreremo come creare una funzione che scambia due numeri senza utilizzare una terza variabile o oggetto.
Vi proponiamo due soluzioni, la prima utilizza i puntatori mentre la seconda no.
Soluzione 1:
template <class T>
void swap(T *a, T *b){
*a = *a + *b;
*b = *a - *b;
*a = *a - *b;
}
Soluzione 2:
template <class T> void swap(T &a, T &b){ a = a * b; b = a / b; a = a / b; }
Nel tutorial di oggi vi mostreremo come creare un testo brillante con uno sfondo spaziale con Adobe Photoshop CS5.
Oltre allo strumento testo utilizzerete gli stili di livello, i pennelli, i livelli e le maschere.
Oggi vogliamo mostrarvi come creare una Inbox in stile Gmail utilizzando i CSS e jQuery.
Con questo design potrete:
- Aggiungere / Rimuovere ai preferiti i vostri messaggi
- Eliminare un singolo messaggio
- Eliminare multipli messaggi
- Segnare come letto un messaggio
- Segnare come non letto un messaggio
In questo semplice tutorial vi mostreremo come salvare i risultati MySQL all'intero di un array con PHP.
while($rows[] = mysqli_fetch_assoc($result)); array_pop($rows); // eliminiamo l'ultima riga perché è vuota.
Nel tutorial di oggi vi mostreremo come creare un toggle in stile iOS con Adobe Photoshop.
Utilizzerete strumenti come le forme, i livelli e gli stili di livello.
Il tutorial è molto semlice quindi anche gli utenti meno esperti possono seguirlo.
Link: http://bloomwebdesign.net/2013/05/create-a-toggle-switch-in-photoshop/
Oggi vogliamo condividere con voi una collezione di transizioni di pagina con i CSS3. Oggi vorremmo condividere un insieme di transizioni di pagina creativa con voi. Abbiamo messo insieme un paio di animazioni che possono essere applicati a "pagine" per creare interessanti effetti di navigazione quando una nuova pagina viene mostrata. Mentre alcuni effetti sono molto semplici, cioè un movimento di scorrimento, altri fanno uso della prospettiva e trasformazioni 3d.
È necessario applicare alcune classi per abilitare le transizioni di pagina.
Nel tutorial Java di oggi vi mostreremo come creare una funzione che restituisce una stringa alfanumerica casuale.
private static final String ALPHA_NUMERIC_STRING = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789";
public static String randomAlphaNumeric(int count) {
StringBuilder builder = new StringBuilder();
while (count-- != 0) {
int character = (int)(Math.random()*ALPHA_NUMERIC_STRING.length());
builder.append(ALPHA_NUMERIC_STRING.charAt(character));
}
return builder.toString();
}
Nel tutorial di oggi vi mostreremo come creare un uomo dello spazio in stile retro con Adobe Photoshop.
Utilizzerete strumenti come gli stili di livello, i pattern, i filtri e le regolazioni di livello.
Il tutorial è di livello intermedio ma consiglio ai meno esperti di provare a seguirlo.
Link: http://supercolortuts.com/create-a-retro-spaceman-in-lights-and-lazers-wallpaper-in-photoshop/
Draggabilly, è un fantastico plugin jQuery che permette di rendere un oggetto trascinabile con poche righe di codice.
Il plugin offre molte opzioni sugli elementi e inoltre aggiunge eventi personalizzati che permettono di rilevare le posizioni e gli spostamenti dell'oggetto.
Nel tutorial di oggi imparerete come creare una funzione PHP che prende in ingresso il codice di risposta HTTP e ne restituisce la descrizione.
function getStatusCodeMessage($status){ // these could be stored in a .ini file and loaded // via parse_ini_file()... however, this will suffice // for an example $codes = Array( 100 => 'Continue', 101 => 'Switching Protocols', 200 => 'OK', 201 => 'Created', 202 => 'Accepted', 203 => 'Non-Authoritative Information', 204 => 'No Content', 205 => 'Reset Content', 206 => 'Partial Content', 300 => 'Multiple Choices', 301 => 'Moved Permanently', 302 => 'Found', 303 => 'See Other', 304 => 'Not Modified', 305 => 'Use Proxy', 306 => '(Unused)', 307 => 'Temporary Redirect', 400 => 'Bad Request', 401 => 'Unauthorized', 402 => 'Payment Required', 403 => 'Forbidden', 404 => 'Not Found', 405 => 'Method Not Allowed', 406 => 'Not Acceptable', 407 => 'Proxy Authentication Required', 408 => 'Request Timeout', 409 => 'Conflict', 410 => 'Gone', 411 => 'Length Required', 412 => 'Precondition Failed', 413 => 'Request Entity Too Large', 414 => 'Request-URI Too Long', 415 => 'Unsupported Media Type', 416 => 'Requested Range Not Satisfiable', 417 => 'Expectation Failed', 500 => 'Internal Server Error', 501 => 'Not Implemented', 502 => 'Bad Gateway', 503 => 'Service Unavailable', 504 => 'Gateway Timeout', 505 => 'HTTP Version Not Supported' ); return (isset($codes[$status])) ? $codes[$status] : ''; }
Nel tutorial di oggi imparerete come creare un effetto di testo roccioso con Adobe Photoshop.
Oltre allo strumento testo utilizzerete gli stili di livello e i filtri.
Il tutorial è molto semplice quindi anche gli utenti meno esperti possono seguirlo.
Link: http://www.slingshut.com/2013/04/sharp-rocky-text-effect-in-photoshop.html
In questo articolo lo staff di codrops vi mostrerà come creare un layout responsive a griglia di prodotti utilizzando i CSS3 e Javascript.
Il prodotto ruoterà visualizzando il retro dell'oggetto quando il pulsante "ruota" verrà cliccato.
Verranno utilizzate le media queries per ridimensionare gli oggetti nella riga.
In questo semplice ma utile tutorial vi mostreremo come controllare se la libreria jQuery è stata caricata/aggiunta sulla vostra pagina.
if (typeof jQuery != 'undefined') { alert("jQuery library is loaded!"); }else{ alert("jQuery library is not found!"); }
Nel tutorial di oggi vi mostreremo come creare uno speciale ritratto umano posizionato sopra uno sfondo di alberi.
Utilizzeremo strumenti come le selezioni, i livelli e i filtri.
Il tutorial è molto semplice quind anche gli utenti meno esperti possono seguirlo.
In questo articolo lo staff di codrops vi mostrerà come creare un testo di apertura animato utilizzando i CSS e jQuery.
L'effetto finale sarà molto simile a un movie trailer.
Nel tutorial di oggi, vi mostreremo come creare una funzione che permette di rilevare se l'utente sta utilizzando un browser mobile per visualizzare il vostro sito.
< % Function Is_Mobile() Set Regex = New RegExp With Regex .Pattern = "(up.browser|up.link|mmp|symbian|smartphone|midp|wap|phone|windows ce|pda|mobile|mini|palm|ipad)" .IgnoreCase = True .Global = True End With Match = Regex.test(Request.ServerVariables("HTTP_USER_AGENT")) If Match then Is_Mobile = True Else Is_Mobile = False End If End Function %> //USAGE < %If Is_Mobile() then%> <h1>You are using a mobile device</h1> < %Else%> <h1>You are not using a mobile device</h1> < %End If%>
Nel tutorial di oggi vi mostreremo come creare un foglio di metallo flessibile con Adobe Photoshop.
Utilizzerete strumenti come il secchiello, le forme, gli stili di livello e le textures.
Il tutorial è molto semlice quindi anche gli utenti meno esperti possono seguirlo.
Link: http://www.slingshut.com/2013/05/flexible-metal-sheet-design-in-photoshop.html