{"id":614,"date":"2008-03-31T23:02:44","date_gmt":"2008-03-31T21:02:44","guid":{"rendered":"http:\/\/www.desmm.com\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html"},"modified":"2008-03-31T23:02:44","modified_gmt":"2008-03-31T21:02:44","slug":"10-effetti-javascript-per-migliorare-il-vostro-sito","status":"publish","type":"post","link":"https:\/\/www.desmm.com\/blog\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html","title":{"rendered":"10 Effetti Javascript per migliorare il vostro sito"},"content":{"rendered":"<p><!--upnews-->Arriva sempre il momento in cui vogliamo migliorare l&#8217;intefaccia visuale del nostro sito in modo tale da catturare l&#8217;attenzione degli utenti.Per fare ci\u00f2 le opzioni di cui disponiamo sono sostanzialmente tre (dalla pi\u00f9 difficile alla pi\u00f9 facile): creare degli script per conto nostro, usare un framework JavaScript come ad esempio <em>jQuery<\/em> o <em>mootools<\/em> (il che facilita di molto la scrittura di codice) o infine usare degli script &#8220;pronti per l&#8217;uso&#8221; che funzionano con i framework esistenti o che magari l&#8217;autore ha creato da zero. Questo articolo \u00e8 per coloro che scelgono di fare le cose un maniera un po&#8217; pi\u00f9 semplice o che non vogliono riscoprire l&#8217;acqua calda&#8230;<\/p>\n<p class=\"splash\"><img decoding=\"async\" src=\"http:\/\/www.desmm.com\/wp-content\/uploads\/effetti_javascript.jpg\" alt=\"effetti javascript\" \/><\/p>\n<p><!--more-->Ecco quindi una collezione di 10 <em>effetti JavaScript<\/em><br \/>\n<strong>potenti<\/strong> &#8211; ma pur sempre <strong>semplici da implementare<\/strong> creati per miglorare l&#8217;interfaccia del vostro sito. Questi sono stati scelti con la filosofia del &#8220;massimo rendimento con il minimo sforzo&#8221;, ovvero con lo scopo di ottenere maggiore impatto grafico con il minimo sforzo di installazione ed implementazione.<\/p>\n<h2><a href=\"http:\/\/orangoo.com\/labs\/GreyBox\/\">GreyBox<\/a><\/h2>\n<p><img decoding=\"async\" src=\"http:\/\/www.desmm.com\/wp-content\/uploads\/effetti-javascript-08.jpg\" alt=\"greybox\" align=\"left\" hspace=\"3\" vspace=\"3\" \/><em>GreyBox<\/em> permette di aprire altri siti in una <em>finestra modale<\/em> (come una pop-up, solo senza dover aprire un&#8217;altra finestra del browser). Ci\u00f2 \u00e8 molto utile per quando, ad esempio, vogliamo linkare pi\u00f9 pagine web e <em>non vogliamo che l&#8217;utente navighi al di fuori della nostra pagina<\/em> o che <em>la pop-up non venga bloccata<\/em> dal pop-up blocker del vostro browser. Usare GreyBox \u00e8 semplice e necessita di 3 passaggi descritti nel loro sito. Ecco alcune pagine riguardanti GreyBox:<br \/>\n<a href=\"http:\/\/orangoo.com\/labs\/GreyBox\/Download\/\">pagina di Download<\/a>, <a href=\"http:\/\/orangoo.com\/labs\/GreyBox\/Documentation\/\">Documentazione<\/a>, <a href=\"http:\/\/orangoo.com\/labs\/greybox\/examples.html\">Esempi<\/a>, <a href=\"http:\/\/orangoo.com\/labs\/greybox\/installation.html\">Installazione<\/a>, e <a href=\"http:\/\/orangoo.com\/labs\/greybox\/advance_usage.html\">Uso avanzato<\/a> (per programmatori JavaScript pi\u00f9 esperti, che spiega come estendere le funzionalit\u00e0 della libreria).<\/p>\n<h2><a href=\"http:\/\/www.netzgesta.de\/instant\/\">instant.js<\/a><\/h2>\n<p><img decoding=\"async\" src=\"http:\/\/www.desmm.com\/wp-content\/uploads\/effetti-javascript-01.jpg\" alt=\"instant js\" align=\"left\" hspace=\"3\" vspace=\"3\" \/>L&#8217;effetto <em>instant.js aggiunge dinamicamente un effetto Polaroid<\/em> alle vostre immagini (ruota leggermente ed aggiunge un bordo bianco con una leggera ombreggiatura), simulando cos\u00ec la nota tecnica fotografica senza dover spendere tempo con programmi di fotoritocco come ad esempio Photoshop.<br \/>\nQuesto espediente pu\u00f2 essere utlizzato quando avete bisogno di applicare questo effetto su pi\u00f9 immagini e non volete modificarle a mano (certo, potete sempre creare un batch process, ma ci\u00f2 risulta veramente funzionale solo per semplici azioni come ad esempio resize di immagini, crop uniforme, ecc.).<\/p>\n<h2><a href=\"http:\/\/joomlicious.com\/mootable\/\">mooTable<\/a><\/h2>\n<p><img decoding=\"async\" src=\"http:\/\/www.desmm.com\/wp-content\/uploads\/effetti-javascript-04.jpg\" alt=\"effetti-javascript-04.jpg\" align=\"left\" hspace=\"3\" vspace=\"3\" \/>mooTable permette di creare tabelle ordinabili (senza dover ricaricare la pagina) utilizzando DOM invece di richiederne nuovamente i dati. L&#8217;implementazione \u00e8 semplice cos\u00ec come configurare l&#8217;ordinamento dei campi delle tabelle.<br \/>\nQuesta libreria necessita del framework mootools, che pu\u00f2 essere <a href=\"http:\/\/mootools.net\/download\">scaricato qui<\/a>. Potete anche trovare un <a href=\"http:\/\/forum.mootools.net\/topic.php?id=1267\">post<\/a> nel forum di mootools creato dall&#8217;autore di mooTable, con dei feedback di altri sviluppatori di mootools.<\/p>\n<h2><a href=\"http:\/\/lipidity.com\/fancy-form\/#example\">FancyForm<\/a><\/h2>\n<p><img decoding=\"async\" src=\"http:\/\/www.desmm.com\/wp-content\/uploads\/effetti-javascript-06.jpg\" alt=\"FancyForm\" align=\"left\" hspace=\"3\" vspace=\"3\" \/><em>FancyForm sostituisce i soliti e noiosi controlli dei form<\/em> come ad esempio i checkbox e i radio button, con altri molto pi\u00f9 gradevoli. L&#8217;implementazione base \u00e8 composta da due passaggi: (1) includere i files JavaScript nella pagina e (2) assegnare ai vostri controlli del form per checkbox: <code>class=\"checked\"<\/code> oppure   <code>class=\"unchecked\"<\/code>  e per i radio button: <code>class=\"selected\"<\/code> oppure <code>class=\"unselected\"<\/code>. Decisamente seplice.<br \/>\nAnche questo script necessita di <a href=\"http:\/\/mootools.net\/download\">mootools<\/a> (ed \u00e8 stato sviluppato a partire dalla versione 1.1)<\/p>\n<h2><a href=\"http:\/\/www.phatfusion.net\/imagemenu\/index.htm\">image menu<\/a><\/h2>\n<p><img decoding=\"async\" src=\"http:\/\/www.desmm.com\/wp-content\/uploads\/effetti-javascript-03.jpg\" alt=\"image menu\" align=\"left\" hspace=\"3\" vspace=\"3\" \/><em>image menu<\/em>, sviluppato da phatfusion, \u00e8 un gradevole men\u00f9 orizzontale che espande i suoi elementi (in questo caso immagini) al semplice passaggio del mouse.<br \/>\nPotete usarlo per visualizzare un montaggio di immagini che inizialmente risultano parzialmente nascoste, ma che possono essere rese completamente visibili passandoci sopra con il mouse.<br \/>\nAnche questo script necessita di <a href=\"http:\/\/mootools.net\/download\">mootools<\/a> (ed \u00e8 stato sviluppato a partire dalla versione 1.1)<\/p>\n<h2><a href=\"http:\/\/amberjack.org\/\">AmberJack: Site Tour Creator<\/a><\/h2>\n<p><img decoding=\"async\" src=\"http:\/\/www.desmm.com\/wp-content\/uploads\/effetti-javascript-02.jpg\" alt=\"AmberJack: Site Tour Creator\" align=\"left\" hspace=\"3\" vspace=\"3\" \/>Ecco una libreria JavaScript molto leggera che vi permetter\u00e0 di creare dinamicamente un &#8220;tour&#8221; del vostro sito, dando la possibilt\u00e0 agli utenti di visitare pagine chiave del vostro sito in tempo reale con una piccolo box descrittivo in ciascuna pagina.<br \/>\nQuesto permette agli utenti di fare un tour delle varie sezioni del sito, senza dover utilizzare ad esempio un men\u00f9 statico in flash o qualche altro metodo. Come funzionalit\u00e0 extra, potrete scaricare numerose &#8220;skin&#8221; o addirittura potrete crearne una voi stessi, cos\u00ec da poterlo adattare alla grafica del vostro sito. Qui \u00e8 presente una <a href=\"http:\/\/amberjack.org\/skins\/\">gallery di skin<\/a> cos\u00ec potrete subito cercare uno stile che si adatti al vostro sito.<\/p>\n<h2><a href=\"http:\/\/194.95.111.244\/~countzero\/scripts\/_myImageFlow\/\">ImageFlow<\/a><\/h2>\n<p><img decoding=\"async\" src=\"http:\/\/www.desmm.com\/wp-content\/uploads\/effetti-javascript-10.jpg\" alt=\"ImageFlow\" align=\"left\" hspace=\"3\" vspace=\"3\" \/>Chiaramente ispirato dal famoso effetto &#8220;coverflow&#8221; di iTunes, ImageFlow \u00e8 un semplice effetto che <em>visualizza una collezione di immagini che l&#8217;utente pu\u00f2 scrollare<\/em> usando una scrollbar presente sotto le immagini. Sviluppatori avanzati hanno anche la possibilit\u00e0 di modificare lo script in modo da migliorare o adattare il comportamento dello slider.<br \/>\nQuando un utente fa click su un&#8217;immagine, questa fa una redirect su un&#8217;altra pagina contenente l&#8217;immagine cliccata, quindi una buona idea potrebbe essere quella di usare questo script in congiunzione con un altro che permetta di vedere l&#8217;immagine in una finestra modale (come ad esempio da questo <a href=\"http:\/\/194.95.111.244\/%7Ecountzero\/scripts\/_myImageFlowLightbox2\/\">hack di ImageFlow<\/a>)<\/p>\n<h2><a href=\"http:\/\/mjijackson.com\/shadowbox\/\">ShadowBox.js Media viewer<\/a><\/h2>\n<p><img decoding=\"async\" src=\"http:\/\/www.desmm.com\/wp-content\/uploads\/effetti-javascript-05.jpg\" alt=\"ShadowBox\" align=\"left\" hspace=\"3\" vspace=\"3\" \/>ShadowBox \u00e8 &#8220;<em>un visualizzatore di media completamente scritto in JavaScript, cross-browser, cross-platform, chiaro, leggero e pienamente documentato<\/em>&#8221;<br \/>\nCosa distingue ShadowBox da una pletora di altre finestre modali come <a href=\"http:\/\/www.huddletogether.com\/projects\/lightbox2\/\">Lightbox 2<\/a>, \u00e8 il supporto ad altri tipi di file oltre alle immagini, come ad esempio video in flash, video embedded di YouTube, Trailers di Apple.com e pagine web (una pagina do Login, ad esempio, che risparmierebbe all&#8217;utente di passare ad un&#8217;altra pagina per effettuarlo). Insomma, uno script per cui varrebbe la pena di provarlo e giocarci un po&#8217;.<\/p>\n<h2><a href=\"http:\/\/valid.tjp.hu\/tjpzoom\/\">TJPzoom 3 &#8211; ingranditore di immagini<\/a><\/h2>\n<p><img decoding=\"async\" src=\"http:\/\/www.desmm.com\/wp-content\/uploads\/effetti-javascript-09.jpg\" alt=\"TJPzoom\" align=\"left\" hspace=\"3\" vspace=\"3\" \/><em>TJPzoom<\/em> permette di effettura lo <em>zoom di determinate porzioni di un&#8217;immagini ad alta risoluzione<\/em>. Tenendo premuto il bottone del mouse e trascinandolo su o gi\u00f9 \u00e8 possibile incrementare o decrementare il livello di zoom.<br \/>\nUn modo di impiego di TJPzooom \u00e8 ad esempio quello di scalare delle immagini ad alta risoluzione in modo che stiano nella vostra pagina per permettere poi agli utenti di effettuare lo zoom di queste.<\/p>\n<h2><a href=\"http:\/\/demos.mootools.net\/Tips\">mootools Tips<\/a><\/h2>\n<p><img decoding=\"async\" src=\"http:\/\/www.desmm.com\/wp-content\/uploads\/effetti-javascript-07.jpg\" alt=\"mootools Tips\" align=\"left\" hspace=\"3\" vspace=\"3\" \/><em>mootools Tips<\/em> \u00e8 parte del framework di mootools che permette di configurare il modo in cui vengono visualizzati i tooltip; quando un utente passa sopra un link o un&#8217;immagine con il mouse, compaiono informazioni addizionali riguardanti l&#8217;oggetto.<br \/>\nAlcune opzioni che si possono ottimizzare sono: gli stili CSS (per fare in modo che i tooltip siano graficamente diversi dal testo bianco con sfondo nero che \u00e8 lo stile di default), velicit\u00e0 di transizione. stile con cui il tooltip compare si schermo e il tempo che il tooltip impiega a comparire. Come accennato, questo necessita del framework <a href=\"http:\/\/mootools.net\/download\">mootools<\/a> per funzionare.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Arriva sempre il momento in cui vogliamo migliorare l&#8217;intefaccia visuale del nostro sito in modo tale da catturare l&#8217;attenzione degli utenti.Per fare ci\u00f2 le opzioni di cui disponiamo sono sostanzialmente tre (dalla pi\u00f9 difficile alla pi\u00f9 facile): creare degli script per conto nostro, usare un framework JavaScript come ad esempio jQuery o mootools (il che&hellip;&nbsp;<a href=\"https:\/\/www.desmm.com\/blog\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html\" class=\"\" rel=\"bookmark\">Leggi tutto &raquo;<span class=\"screen-reader-text\">10 Effetti Javascript per migliorare il vostro sito<\/span><\/a><\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[1],"tags":[25,136,163],"class_list":["post-614","post","type-post","status-publish","format-standard","hentry","category-archivio","tag-ajax","tag-javascript","tag-mootools"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>10 Effetti Javascript per migliorare il vostro sito &#8212; Design Multimedia<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.desmm.com\/blog\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html\" \/>\n<meta property=\"og:locale\" content=\"it_IT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"10 Effetti Javascript per migliorare il vostro sito &#8212; Design Multimedia\" \/>\n<meta property=\"og:description\" content=\"Arriva sempre il momento in cui vogliamo migliorare l&#8217;intefaccia visuale del nostro sito in modo tale da catturare l&#8217;attenzione degli utenti.Per fare ci\u00f2 le opzioni di cui disponiamo sono sostanzialmente tre (dalla pi\u00f9 difficile alla pi\u00f9 facile): creare degli script per conto nostro, usare un framework JavaScript come ad esempio jQuery o mootools (il che&hellip;&nbsp;Leggi tutto &raquo;10 Effetti Javascript per migliorare il vostro sito\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.desmm.com\/blog\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html\" \/>\n<meta property=\"og:site_name\" content=\"Design Multimedia\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/mastromarinomassimo\" \/>\n<meta property=\"article:published_time\" content=\"2008-03-31T21:02:44+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.desmm.com\/wp-content\/uploads\/effetti_javascript.jpg\" \/>\n<meta name=\"author\" content=\"lerio\" \/>\n<meta name=\"twitter:label1\" content=\"Scritto da\" \/>\n\t<meta name=\"twitter:data1\" content=\"lerio\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tempo di lettura stimato\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minuti\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html\"},\"author\":{\"name\":\"lerio\",\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/#\\\/schema\\\/person\\\/be5504ef12411523e41607a0e8f969f6\"},\"headline\":\"10 Effetti Javascript per migliorare il vostro sito\",\"datePublished\":\"2008-03-31T21:02:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html\"},\"wordCount\":1039,\"commentCount\":24,\"publisher\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a7ab14a3628e686b497dd4af81817156\"},\"image\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.desmm.com\\\/wp-content\\\/uploads\\\/effetti_javascript.jpg\",\"keywords\":[\"ajax\",\"javascript\",\"mootools\"],\"articleSection\":[\"Archivio\"],\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.desmm.com\\\/blog\\\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html\",\"url\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html\",\"name\":\"10 Effetti Javascript per migliorare il vostro sito &#8212; Design Multimedia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.desmm.com\\\/wp-content\\\/uploads\\\/effetti_javascript.jpg\",\"datePublished\":\"2008-03-31T21:02:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html#breadcrumb\"},\"inLanguage\":\"it-IT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.desmm.com\\\/blog\\\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html#primaryimage\",\"url\":\"http:\\\/\\\/www.desmm.com\\\/wp-content\\\/uploads\\\/effetti_javascript.jpg\",\"contentUrl\":\"http:\\\/\\\/www.desmm.com\\\/wp-content\\\/uploads\\\/effetti_javascript.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.desmm.com\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"10 Effetti Javascript per migliorare il vostro sito\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/\",\"name\":\"Design Multimedia\",\"description\":\"design inspiration blog\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a7ab14a3628e686b497dd4af81817156\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"it-IT\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/#\\\/schema\\\/person\\\/a7ab14a3628e686b497dd4af81817156\",\"name\":\"Massimo Mastromarino\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aafebde2159dc668c566c09f75e4a5ba861a88dd27c448472735e83b75d071a8?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aafebde2159dc668c566c09f75e4a5ba861a88dd27c448472735e83b75d071a8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aafebde2159dc668c566c09f75e4a5ba861a88dd27c448472735e83b75d071a8?s=96&d=mm&r=g\",\"caption\":\"Massimo Mastromarino\"},\"logo\":{\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/aafebde2159dc668c566c09f75e4a5ba861a88dd27c448472735e83b75d071a8?s=96&d=mm&r=g\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/mastromarinomassimo\",\"https:\\\/\\\/x.com\\\/desmm\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.desmm.com\\\/blog\\\/#\\\/schema\\\/person\\\/be5504ef12411523e41607a0e8f969f6\",\"name\":\"lerio\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"it-IT\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/24eb98293e8bc7464a70d65e74a3fe0a9d8e52141de302d52f2bf12aea99871f?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/24eb98293e8bc7464a70d65e74a3fe0a9d8e52141de302d52f2bf12aea99871f?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/24eb98293e8bc7464a70d65e74a3fe0a9d8e52141de302d52f2bf12aea99871f?s=96&d=mm&r=g\",\"caption\":\"lerio\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"10 Effetti Javascript per migliorare il vostro sito &#8212; Design Multimedia","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.desmm.com\/blog\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html","og_locale":"it_IT","og_type":"article","og_title":"10 Effetti Javascript per migliorare il vostro sito &#8212; Design Multimedia","og_description":"Arriva sempre il momento in cui vogliamo migliorare l&#8217;intefaccia visuale del nostro sito in modo tale da catturare l&#8217;attenzione degli utenti.Per fare ci\u00f2 le opzioni di cui disponiamo sono sostanzialmente tre (dalla pi\u00f9 difficile alla pi\u00f9 facile): creare degli script per conto nostro, usare un framework JavaScript come ad esempio jQuery o mootools (il che&hellip;&nbsp;Leggi tutto &raquo;10 Effetti Javascript per migliorare il vostro sito","og_url":"https:\/\/www.desmm.com\/blog\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html","og_site_name":"Design Multimedia","article_publisher":"https:\/\/www.facebook.com\/mastromarinomassimo","article_published_time":"2008-03-31T21:02:44+00:00","og_image":[{"url":"http:\/\/www.desmm.com\/wp-content\/uploads\/effetti_javascript.jpg","type":"","width":"","height":""}],"author":"lerio","twitter_misc":{"Scritto da":"lerio","Tempo di lettura stimato":"5 minuti"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.desmm.com\/blog\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html#article","isPartOf":{"@id":"https:\/\/www.desmm.com\/blog\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html"},"author":{"name":"lerio","@id":"https:\/\/www.desmm.com\/blog\/#\/schema\/person\/be5504ef12411523e41607a0e8f969f6"},"headline":"10 Effetti Javascript per migliorare il vostro sito","datePublished":"2008-03-31T21:02:44+00:00","mainEntityOfPage":{"@id":"https:\/\/www.desmm.com\/blog\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html"},"wordCount":1039,"commentCount":24,"publisher":{"@id":"https:\/\/www.desmm.com\/blog\/#\/schema\/person\/a7ab14a3628e686b497dd4af81817156"},"image":{"@id":"https:\/\/www.desmm.com\/blog\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html#primaryimage"},"thumbnailUrl":"http:\/\/www.desmm.com\/wp-content\/uploads\/effetti_javascript.jpg","keywords":["ajax","javascript","mootools"],"articleSection":["Archivio"],"inLanguage":"it-IT","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.desmm.com\/blog\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.desmm.com\/blog\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html","url":"https:\/\/www.desmm.com\/blog\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html","name":"10 Effetti Javascript per migliorare il vostro sito &#8212; Design Multimedia","isPartOf":{"@id":"https:\/\/www.desmm.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.desmm.com\/blog\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html#primaryimage"},"image":{"@id":"https:\/\/www.desmm.com\/blog\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html#primaryimage"},"thumbnailUrl":"http:\/\/www.desmm.com\/wp-content\/uploads\/effetti_javascript.jpg","datePublished":"2008-03-31T21:02:44+00:00","breadcrumb":{"@id":"https:\/\/www.desmm.com\/blog\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html#breadcrumb"},"inLanguage":"it-IT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.desmm.com\/blog\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html"]}]},{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/www.desmm.com\/blog\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html#primaryimage","url":"http:\/\/www.desmm.com\/wp-content\/uploads\/effetti_javascript.jpg","contentUrl":"http:\/\/www.desmm.com\/wp-content\/uploads\/effetti_javascript.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.desmm.com\/blog\/10-effetti-javascript-per-migliorare-il-vostro-sito-614.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.desmm.com\/blog"},{"@type":"ListItem","position":2,"name":"10 Effetti Javascript per migliorare il vostro sito"}]},{"@type":"WebSite","@id":"https:\/\/www.desmm.com\/blog\/#website","url":"https:\/\/www.desmm.com\/blog\/","name":"Design Multimedia","description":"design inspiration blog","publisher":{"@id":"https:\/\/www.desmm.com\/blog\/#\/schema\/person\/a7ab14a3628e686b497dd4af81817156"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.desmm.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"it-IT"},{"@type":["Person","Organization"],"@id":"https:\/\/www.desmm.com\/blog\/#\/schema\/person\/a7ab14a3628e686b497dd4af81817156","name":"Massimo Mastromarino","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/aafebde2159dc668c566c09f75e4a5ba861a88dd27c448472735e83b75d071a8?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/aafebde2159dc668c566c09f75e4a5ba861a88dd27c448472735e83b75d071a8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/aafebde2159dc668c566c09f75e4a5ba861a88dd27c448472735e83b75d071a8?s=96&d=mm&r=g","caption":"Massimo Mastromarino"},"logo":{"@id":"https:\/\/secure.gravatar.com\/avatar\/aafebde2159dc668c566c09f75e4a5ba861a88dd27c448472735e83b75d071a8?s=96&d=mm&r=g"},"sameAs":["https:\/\/www.facebook.com\/mastromarinomassimo","https:\/\/x.com\/desmm"]},{"@type":"Person","@id":"https:\/\/www.desmm.com\/blog\/#\/schema\/person\/be5504ef12411523e41607a0e8f969f6","name":"lerio","image":{"@type":"ImageObject","inLanguage":"it-IT","@id":"https:\/\/secure.gravatar.com\/avatar\/24eb98293e8bc7464a70d65e74a3fe0a9d8e52141de302d52f2bf12aea99871f?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/24eb98293e8bc7464a70d65e74a3fe0a9d8e52141de302d52f2bf12aea99871f?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/24eb98293e8bc7464a70d65e74a3fe0a9d8e52141de302d52f2bf12aea99871f?s=96&d=mm&r=g","caption":"lerio"}}]}},"_links":{"self":[{"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/posts\/614","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/comments?post=614"}],"version-history":[{"count":0,"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/posts\/614\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/media?parent=614"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/categories?post=614"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.desmm.com\/blog\/wp-json\/wp\/v2\/tags?post=614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}