Posts Tagged 'web'

Attendere caricamento immagini prima di un’azione – jQuery

Plugin jquery WaitForImages:

https://github.com/alexanderdickson/waitForImages

utile anche negli append in Ajax, ad esempio nel caricamento di nuovi post con layout Masonry.

Es:

$(‘#boxes’).append(result);//.masonry(‘appended’, result);
$(‘#boxes’).waitForImages(function() {
// All descendant images have loaded
$(‘#boxes’).masonry(‘appended’, result);
});

Attendere caricamento immagini prima di un’azione – jQuery

Plugin jquery WaitForImages:

https://github.com/alexanderdickson/waitForImages

utile anche negli append in Ajax, ad esempio nel caricamento di nuovi post con layout Masonry.

Es:

$(‘#boxes’).append(result);//.masonry(‘appended’, result);
$(‘#boxes’).waitForImages(function() {
// All descendant images have loaded
$(‘#boxes’).masonry(‘appended’, result);
});

SEO: un sito con articoli interessanti

www.seogarden.net

Linguaggio abbastanza chiaro, tecnico ma non troppo, articoli su temi specifici, es. link semantici

/ Nessun commento

SEO: un sito con articoli interessanti

www.seogarden.net

Linguaggio abbastanza chiaro, tecnico ma non troppo, articoli su temi specifici, es. link semantici

/ No comments

Simulazione della visualizzazione smartphones e tablets da pc

smartphones_tablets_phablets

Qualsiasi browser – test su molti diversi devices in base a larghezza e altezza monitor: http://quirktools.com/screenfly/

 

Per Firefox: “User Agent Switcher” – test in base a capacità di lettura del browser: https://addons.mozilla.org/it/firefox/addon/user-agent-switcher/

strumenti -> default user agent -> iPhone 3.0

ricarica pagina

 

Per Chrome: “Chrome UA Spoofer” https://chrome.google.com/webstore/detail/user-agent-switcher-for-c/djflhoibgkdhkhhcedjiklpkjnoahfmg

Simulazione della visualizzazione smartphones e tablets da pc

smartphones_tablets_phablets

Qualsiasi browser – test su molti diversi devices in base a larghezza e altezza monitor: http://quirktools.com/screenfly/

 

Per Firefox: “User Agent Switcher” – test in base a capacità di lettura del browser: https://addons.mozilla.org/it/firefox/addon/user-agent-switcher/

strumenti -> default user agent -> iPhone 3.0

ricarica pagina

 

Per Chrome: “Chrome UA Spoofer” https://chrome.google.com/webstore/detail/user-agent-switcher-for-c/djflhoibgkdhkhhcedjiklpkjnoahfmg

Trasferire WordPress da una sottodirectory alla root di un dominio

1) backup della cartella del tema, uploads, plugins, database;

 

2) rimuovere il sito presente nella root;

 

3) impostare come default i permalinks di wordpress;

 

4) In Impostazioni – Generale:

  • Indirizzo WordPress (URL): http://www.sito.com/nomesottodirectory

Indirizzo del sito (URL): http://www.sito.com

 

5) Copiare (non spostare) i seguenti file dalla directory di WordPress alla directory root:

  • index.php
  • .htaccess

 

6) Modificare il file index.php della root in questa riga:

require (‘./wp-blog-header.php)

così

require (‘./nomesottodirectory/wp-blog-header.php)

 

7) Ripristinare i permalinks e controllare.

 

http://www.madeinpego.it/trasferire-senza-seccature-wordpress-da-una-sottodirectory-alla-root-di-un-dominio/

Trasferire WordPress da una sottodirectory alla root di un dominio

1) backup della cartella del tema, uploads, plugins, database;

 

2) rimuovere il sito presente nella root;

 

3) impostare come default i permalinks di wordpress;

 

4) In Impostazioni – Generale:

  • Indirizzo WordPress (URL): http://www.sito.com/nomesottodirectory

Indirizzo del sito (URL): http://www.sito.com

 

5) Copiare (non spostare) i seguenti file dalla directory di WordPress alla directory root:

  • index.php
  • .htaccess

 

6) Modificare il file index.php della root in questa riga:

require (‘./wp-blog-header.php)

così

require (‘./nomesottodirectory/wp-blog-header.php)

 

7) Ripristinare i permalinks e controllare.

 

http://www.madeinpego.it/trasferire-senza-seccature-wordpress-da-una-sottodirectory-alla-root-di-un-dominio/

Gestire numerosi WordPress in un’interfaccia unica

https://managewp.com/

Upgrades, alerts, backups completi anche di immagini e media, migrazioni su altri siti, sicurezza, SEO.

Da 0,70$ a 4,20$ per sito al mese.

 

Gestire numerosi WordPress in un’interfaccia unica

https://managewp.com/

Upgrades, alerts, backups completi anche di immagini e media, migrazioni su altri siti, sicurezza, SEO.

Da 0,70$ a 4,20$ per sito al mese.

 

/ No comments

Impedire il salvataggio delle immagini dal sito

Per disabilitare il click del tasto destro e il trascinamento delle immagini usare:

jQuery(window).load(function(){
     // Here we are getting all images and turning off the context menu.
     // return false is the same as calling .preventDefault() and .stopPropagation()
     jQuery('img').bind("contextmenu",function(e){
     return false;
     });
     // Here we disable default behaviors for mousedown which include the drag options.
     jQuery('img').bind("mousedown",function(e){
     return false;
     });
 });

 

Utile in caso di foto che non si vogliono far “rubare” dai visitatori (almeno da quelli meno evoluti). Usato in: Soldi Piscine

Impedire il salvataggio delle immagini dal sito

Per disabilitare il click del tasto destro e il trascinamento delle immagini usare:

jQuery(window).load(function(){
     // Here we are getting all images and turning off the context menu.
     // return false is the same as calling .preventDefault() and .stopPropagation()
     jQuery('img').bind("contextmenu",function(e){
     return false;
     });
     // Here we disable default behaviors for mousedown which include the drag options.
     jQuery('img').bind("mousedown",function(e){
     return false;
     });
 });

 

Utile in caso di foto che non si vogliono far “rubare” dai visitatori (almeno da quelli meno evoluti). Usato in: Soldi Piscine

Evitare zoom su iPad e iPhone

Aggiungere nel <head> questa stringa:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

Usato in Rentxpress / reviews.

 

Evitare zoom su iPad e iPhone

Aggiungere nel <head> questa stringa:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

Usato in Rentxpress / reviews.

 

Audi – #onemillionreasons

#onemillionreasons

http://onemillionreasons.audi.de/3d.html

C’è da aggiungere altro?

Audi – #onemillionreasons

#onemillionreasons

http://onemillionreasons.audi.de/3d.html

C’è da aggiungere altro?

Reveal.js – animazione slides html

Schermata 2013-10-18 a 17.21.39

Schermata 2013-10-18 a 17.22.04

http://lab.hakim.se/reveal-js/#/

Per navigazione con la tastiera, gli elementi vengono animati in 3d, transizioni sia orizzontali che verticali.

Reveal.js – animazione slides html

Schermata 2013-10-18 a 17.21.39

Schermata 2013-10-18 a 17.22.04

http://lab.hakim.se/reveal-js/#/

Per navigazione con la tastiera, gli elementi vengono animati in 3d, transizioni sia orizzontali che verticali.

WordPress seo by Yoast plugin

Schermata 2013-10-17 a 17.23.34

 

http://wordpress.org/plugins/wordpress-seo/

Tante funzioni, per personalizzare description e title di ogni pagina o elemento singolo, sitemap in xml, permalinks, con l’obiettivo di migliorare il posizionamento sui motori di ricerca di un sito WordPress. Da studiare bene, per ora applicato a www.brerarealestate.it .

WordPress seo by Yoast plugin

Schermata 2013-10-17 a 17.23.34

 

http://wordpress.org/plugins/wordpress-seo/

Tante funzioni, per personalizzare description e title di ogni pagina o elemento singolo, sitemap in xml, permalinks, con l’obiettivo di migliorare il posizionamento sui motori di ricerca di un sito WordPress. Da studiare bene, per ora applicato a www.brerarealestate.it .

Google Webdesigner tool

google-webdesigner

Tool per creare banner animati in html5.

Da provare.

http://www.google.com/webdesigner/

Google Webdesigner tool

google-webdesigner

Tool per creare banner animati in html5.

Da provare.

http://www.google.com/webdesigner/

/ No comments

HYUNDAI CREATIVE LAB presenta: CREATIVE MOBILE APP CONTEST

Hyundai Creative Lab presenta il nuovo contest:

CREATIVE MOBILE APP!

Un contest organizzato da Hyundai Motor Company dedicato ai temi della mobilità sostenibile e servizi legati al mondo dell’automotive.
La community di utenti è invitata a confrontarsi e sperimentare su tre temi principali:
– INTRATTENIMENTO E INFORMAZIONE IN MOBILITA’
– CONDIVISIONE E COMUNICAZIONE IN MOBILITA’
– TERRITORIO E GEO-REFERENZA – ORIENTAMENTO IN MOBILITA’

Il partecipante al contest dovrà presentare un concept di App per dispositivi mòbile (con particolare riferimento al mondo iPhone ed iPad) che sappia rispondere in maniera innovativa ai temi presentati.

Hyundai Motor Company riconoscerà un corrispettivo economico di Euro 3.000,00 all’idea ritenuta particolarmente meritevole.

Per maggiori info visita il sito www.hyundaicreativelab.it

(altro…)

HYUNDAI CREATIVE LAB presenta: CREATIVE MOBILE APP CONTEST

Hyundai Creative Lab presenta il nuovo contest:

CREATIVE MOBILE APP!

Un contest organizzato da Hyundai Motor Company dedicato ai temi della mobilità sostenibile e servizi legati al mondo dell’automotive.
La community di utenti è invitata a confrontarsi e sperimentare su tre temi principali:
– INTRATTENIMENTO E INFORMAZIONE IN MOBILITA’
– CONDIVISIONE E COMUNICAZIONE IN MOBILITA’
– TERRITORIO E GEO-REFERENZA – ORIENTAMENTO IN MOBILITA’

Il partecipante al contest dovrà presentare un concept di App per dispositivi mòbile (con particolare riferimento al mondo iPhone ed iPad) che sappia rispondere in maniera innovativa ai temi presentati.

Hyundai Motor Company riconoscerà un corrispettivo economico di Euro 3.000,00 all’idea ritenuta particolarmente meritevole.

Per maggiori info visita il sito www.hyundaicreativelab.it

(altro…)

Vogue.it

Immagine 1

Vogue.it oltre a essere, come ovvio, il punto di riferimento online per la moda, ha lanciato un bellissimo impianto grafico da far gridare all’innovazione. E quando pensi che hai visto tutto, e che tutti i siti sono uguali, ecco una boccata d’aria fresca. Un nuovo modello.

Vogue.it

Immagine 1

Vogue.it oltre a essere, come ovvio, il punto di riferimento online per la moda, ha lanciato un bellissimo impianto grafico da far gridare all’innovazione. E quando pensi che hai visto tutto, e che tutti i siti sono uguali, ecco una boccata d’aria fresca. Un nuovo modello.