LEONARDO WEB Srl - consulenze informatiche, programmi , siti internet, portali , app , computer, web design, hosting, e-commerce Manta Saluzzo Savigliano Cuneo Alba Piemonte

<!DOCTYPE html>   <html lang="it">  <head>  <meta charset="utf-8"> <title>LEONARDO WEB Srl - consulenze informatiche, programmi , siti internet, portali , app , computer, web design, hosting, e-commerce Manta Saluzzo Savigliano Cuneo Alba Piemonte</title> <meta name="description" content="Leonardo Web S.r.l., specializzata in consulenze informatiche, realizzazioni siti, applicazioni internet e app mobile, commercio ed assistenza hardware, sviluppo software."> <meta name="author" content="LeonardoWeb S.r.l"> <meta name="keywords" content=" leonardo, leonardo web, hardware, computer, programmi, software, siti internet, app, informatica, gestionali, Saluzzo, Manta, Savigliano, Alba, Bra, Cuneo"> <meta name="keywords" content=" felix, citta' in comune, felix fatturazione elettronica, anabi, letspoint"> <meta name="keywords" content=" cartografia, gis, sit, mobile mapping, mappatura, cartina, mappe, turismo, marketing, urbanistica, edilizia, ambiente, sostenibile "> <meta name="REVISIT-AFTER" content="2 days"> <meta name="robots" content="All"> <meta name="Copyright"content="Leonardo Web s.r.l. - Via Duccio Galimberti, 50 - 12030 Manta (CN) - Italy"> <meta name="Identifier-URL"content="http://www.leonardoweb.eu"> <meta http-equiv="Content-Language" content="it"> <meta http-equiv="Web Concept" content="Gianpiero Oliva - gennaio 2015">  <meta name="viewport" content="width=device-width, initial-scale=1.0">  <link rel="shortcut icon" href="/images/favicon.ico">  <script type='text/javascript' src='//platform-api.sharethis.com/js/sharethis.js#property=5b1e80e6e9c37c00114cb7db&product=inline-share-buttons' async='async'></script>  <link href='https://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700,300&subset=latin,latin-ext' rel='stylesheet' type='text/css'> <link href='https://fonts.googleapis.com/css?family=PT+Serif' rel='stylesheet' type='text/css'>  <link href="/bootstrap/css/bootstrap.css" rel="stylesheet">  <link href="/fonts/font-awesome/css/font-awesome.css" rel="stylesheet">  <link href="/fonts/fontello/css/fontello.css" rel="stylesheet">  <link href="/plugins/rs-plugin/css/settings.css" media="screen" rel="stylesheet"> <link href="/plugins/rs-plugin/css/extralayers.css" media="screen" rel="stylesheet"> <link href="/plugins/magnific-popup/magnific-popup.css" rel="stylesheet"> <link href="/css/animations.css" rel="stylesheet"> <link href="/plugins/owl-carousel/owl.carousel.css" rel="stylesheet">  <link href="/css/style.css" rel="stylesheet">  <link href="/css/skins/green.css" rel="stylesheet">   <link href="/css/custom.css" rel="stylesheet">   <script type="text/javascript" src="/plugins/jquery.min.js"></script> <script type="text/javascript" src="/bootstrap/js/bootstrap.min.js"></script> </head>  <body class="front">       <div class="page-wrapper">   <div class="header-top"> <div class="container"> <div class="row"> <div class="col-xs-2 col-sm-6">   <div class="header-top-first clearfix"> <ul class="social-links clearfix hidden-xs"> <li class="twitter"><a target="_blank" href="https://twitter.com/#!/LeonardoWebSrl" target="_blank"><i class="fa fa-twitter"></i></a></li> <li class="googleplus"><a target="_blank" href="https://plus.google.com/118188265711948446361/posts" target="_blank"><i class="fa fa-google-plus"></i></a></li> <li class="facebook"><a target="_blank" href="http://www.facebook.com/pages/Leonardo-Web-Srl/326870830698617" target="_blank"><i class="fa fa-facebook"></i></a></li> </ul> <div class="social-links hidden-lg hidden-md hidden-sm"> <div class="btn-group dropdown"> <button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><i class="fa fa-share-alt"></i></button> <ul class="dropdown-menu dropdown-animation"> <li class="twitter"><a target="_blank" href="https://twitter.com/#!/LeonardoWebSrl" target="_blank"><i class="fa fa-twitter"></i></a></li> <li class="googleplus"><a target="_blank" href="https://plus.google.com/118188265711948446361/posts" target="_blank"><i class="fa fa-google-plus"></i></a></li> <li class="facebook"><a target="_blank" href="http://www.facebook.com/pages/Leonardo-Web-Srl/326870830698617" target="_blank"><i class="fa fa-facebook"></i></a></li> </ul> </div> </div> </div>  </div> <div class="col-xs-10 col-sm-6">   <div id="header-top-second" class="clearfix">   <div class="header-top-dropdown"> <div class="btn-group dropdown"> <button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><i class="fa fa-search"></i>Cerca</button> <ul class="dropdown-menu dropdown-menu-right dropdown-animation"> <li> <form role="search" class="search-box"> <div class="form-group has-feedback"> <input type="text" class="form-control" placeholder="Cerca"> <i class="fa fa-search form-control-feedback"></i> </div> </form> </li> </ul> </div> <div class="btn-group dropdown"> <button type="button" class="btn dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i>Login</button> <ul class="dropdown-menu dropdown-menu-right dropdown-animation"> <li> <form class="login-form" action="/admin/admin_home.asp" method="post"> <div class="form-group has-feedback"> <label class="control-label">Username</label> <input type="text" id="log_username" name="log_username" class="form-control" placeholder=""> <i class="fa fa-user form-control-feedback"></i> </div> <div class="form-group has-feedback"> <label class="control-label">Password</label> <input type="password" id="log_password" name="log_password" class="form-control" placeholder=""> <i class="fa fa-lock form-control-feedback"></i> </div> <button type="submit" class="btn btn-group btn-dark btn-sm">Log In</button> </form> </li> </ul> </div> </div>  </div>  </div> </div> </div> </div>    <header class="header fixed clearfix"> <div class="container"> <div class="row"> <div class="col-md-2">   <div class="header-left clearfix">  <div class="logo"> <a href="/index.asp"> <img id="logo" src="/images/logo_red2021.png" alt="Torna alla Home Page" title="Torna alla Home Page"> </a> </div> </div>  </div> <div class="col-md-10">   <div class="header-right clearfix">   <div class="main-navigation animated">   <nav class="navbar navbar-default" role="navigation"> <div class="container-fluid">  <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div>  <div class="collapse navbar-collapse" id="navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <li class="dropdown active"> <a href="/#" class="dropdown-toggle" data-toggle="dropdown">Azienda</a> <ul class="dropdown-menu"> <li><a href="/ita/benvenuti.asp">Benvenuti</a></li> <li><a href="/ita/corebusiness.asp">Segni distintivi</a></li> <li><a href="/ita/staff.asp">Staff</a></li> <li><a href="/ita/diconodinoi.asp">Dicono di noi</a></li> <li><a href="/ita/cartavalori.asp">Carta dei valori</a></li> <li><a href="/ita/notizie.asp">Notizie</a></li> <li><a href="/ita/partners.asp">Partners</a></li> <li><a href="/ita/bookprodotti.asp">Book soluzioni</a></li> </ul> </li> <li class="dropdown"> <a href="/#" class="dropdown-toggle" data-toggle="dropdown">WEB</a> <ul class="dropdown-menu"> <li><a href="/ita/webgoogletipremia.asp">GOOGLE ti premia !!!</a></li> <li><a href="/ita/responsive_webdesign.asp">Responsive Web Design</a></li> <li><a href="/ita/internetsolutions.asp">Internet solutions</a></li> <li><a href="/ita/websocial.asp">S.E.O. Search Engine Optimisation</a></li> <li><a href="/ita/websocial.asp">Internet Advertising</a></li> <li><a href="/ita/websocial.asp">Web Analysis</a></li> <li><a href="/ita/websocial.asp">Social Marketing</a></li> <li class="dropdown"> <a href="" class="dropdown-toggle" data-toggle="dropdown">Extra</a> <ul class="dropdown-menu"> <li><a href="/ita/webextra.asp">Logo design</a></li> <li><a href="/ita/webextra.asp">Flyers & Brochures</a></li> <li><a href="/ita/webextra.asp">Biglietti da Visita</a></li> <li><a href="/ita/webextra.asp">Banners</a></li> </ul> </li> </ul> </li>  <li class="dropdown mega-menu"> <a href="/#" class="dropdown-toggle" data-toggle="dropdown">Territorio</a> <ul class="dropdown-menu"> <li> <div class="row"> <div class="col-sm-4 col-md-6"> <img src="/images/menu_cic.png" alt="image-1"> </div> <div class="col-sm-8 col-md-6"> <div class="row"> <div class="col-sm-6"> <h4><a href="/ita/entipubblici.asp">Pubblica Amministrazione</a></h4> <div class="divider"></div> <ul class="menu"> <li><a href="/ita/cittaincomune.asp"><i class="icon-right-open"></i>Città in Comune</a></li> <li><a href="/ita/cittainordine.asp"><i class="icon-right-open"></i>Città in Ordine</a></li> <li><a href="/ita/cittaturistica.asp"><i class="icon-right-open"></i>Città Turistica</a></li> </ul> </div> <div class="col-sm-6"> <h4><a href="/ita/sistemigis.asp">Cartografia e Territorio</a></h4> <div class="divider"></div> <ul class="menu"> <li><a href="/ita/ligis.asp"><i class="icon-right-open"></i>Li.GIS per Enti Pubblici</a></li> <li><a href="/ita/lipad.asp"><i class="icon-right-open"></i>Li.PAD Mobile Mapping</a></li> <li><a href="/ita/limaps.asp"><i class="icon-right-open"></i>Li.MAPS Geomarketing</a></li> </ul> </div> </div> </div> </div> </li> </ul> </li>   <li class="dropdown mega-menu"> <a href="/#" class="dropdown-toggle" data-toggle="dropdown">Gestione</a> <ul class="dropdown-menu"> <li> <div class="row"> <div class="col-sm-3 col-md-4"> <img src="/images/menu_felix.png" alt="image-1"> </div> <div class="col-sm-9 col-md-8"> <div class="row"> <div class="col-sm-5"> <h4><a href="/ita/gestionale.asp">Gestione Aziendale</a></h4> <div class="divider"></div> <ul class="menu"> <li><a href="/ita/felix-fatturazione-elettronica.asp"><i class="icon-right-open"></i>FELIX - Fatturazione Elettronica</a></li> <li><a href="/ita/melix-mensa-digitale.asp"><i class="icon-right-open"></i>MELIX - Mensa Digitale</a></li> <li><a href="/ita/liga.asp"><i class="icon-right-open"></i>Li.GA - Gestione Aziendale</a></li> <li><a href="/ita/lige.asp"><i class="icon-right-open"></i>Li.GE - Cantieri Edili</a></li> <li><a href="/ita/ligeo.asp"><i class="icon-right-open"></i>Li.GEO - Studi Tecnici</a></li> </ul> </div> <div class="col-sm-7"> <h4><a href="/ita/webapplications.asp">Web Applications</a></h4> <div class="divider"></div> <ul class="menu"> <li><a href="/ita/letspoint.asp"><i class="icon-right-open"></i>LetsPOINT - Prenotazione dei campi sportivi</a></li> <li><a href="/ita/libil.asp"><i class="icon-right-open"></i>Li.BIL - Gestione Terminali Bilance</a></li> <li><a href="/ita/lipres.asp"><i class="icon-right-open"></i>Li.PRES - Rilevazione presenze</a></li> <li><a href="/ita/licrm.asp"><i class="icon-right-open"></i>Li.CRM - Customer Relationship Management</a></li> </ul> </div> </div> </div> </div> </li> </ul> </li>   <li class="dropdown mega-menu"> <a href="/#" class="dropdown-toggle" data-toggle="dropdown">Food</a> <ul class="dropdown-menu"> <li> <div class="row"> <div class="col-sm-4 col-md-6"> <img src="/images/menu_qdc.png" alt="image-1"> </div> <div class="col-sm-8 col-md-6"> <div class="row"> <div class="col-sm-6"> <h4><a href="/ita/anagrafebovina.asp">Anagrafe animale</a></h4> <div class="divider"></div> <ul class="menu"> <li><a href="/ita/anabi.asp"><i class="icon-right-open"></i>L'anagrafe informatizzata</a></li> <li><a href="/ita/infobi.asp"><i class="icon-right-open"></i>I flussi informativi filiera carne</a></li> <li><a href="/ita/bdnbi.asp"><i class="icon-right-open"></i>La Banca Dati Nazionale</a></li> </ul> </div> <div class="col-sm-6"> <h4><a href="/ita/tracciabilita.asp">Tracciabilità alimentare</a></h4> <div class="divider"></div> <ul class="menu"> <li><a href="/ita/qdctrax.asp"><i class="icon-right-open"></i>Il quaderno di campagna</a></li> <li><a href="/ita/labeltrax.asp"><i class="icon-right-open"></i>La composizione etichette</a></li> <li><a href="/ita/ligatrax.asp"><i class="icon-right-open"></i>Il gestionale tracciabilità</a></li> </ul> </div> </div> </div> </div> </li> </ul> </li>  <li> <a href="/ita/sicurezza-e-networking.asp">SICUREZZA E NETWORKING</a> </li> <li class="dropdown"> <li class="dropdown"> <a href="/#" class="dropdown-toggle" data-toggle="dropdown">Portfolio</a> <ul class="dropdown-menu"> <li class="dropdown"> <a href="" class="dropdown-toggle" data-toggle="dropdown">Aziendali</a> <ul class="dropdown-menu"> <li><a href="/ita/aziendali_landingpages.asp">Landing Pages</a></li> <li><a href="/ita/aziendali_website.asp">Website</a></li> <li><a href="/ita/aziendali_ecommerce.asp">E-Commerce</a></li> </ul> </li> <li class="dropdown"> <a href="" class="dropdown-toggle" data-toggle="dropdown">Istituzionali</a> <ul class="dropdown-menu"> <li><a href="/ita/istituzionali_comuni.asp">Comuni</a></li> <li><a href="/ita/istituzionali_altrienti.asp">Altri Enti</a></li> </ul> </li> </ul> </li>  <li class="dropdown mega-menu"> <a href="/#" class="dropdown-toggle" data-toggle="dropdown">Contatti</a> <ul class="dropdown-menu"> <li> <div class="row"> <div class="col-lg-9 col-md-9 hidden-sm"> <h4>LEONARDO WEB S.r.l.</h4> <p>Via Duccio Galimberti, 50 - 12030 Manta (CN)</p> <img src="/images/section-image-3.png" alt="iDea"> </div> <div class="col-lg-3 col-md-3"> <h4>Contatti</h4> <div class="row"> <div class="col-sm-12"> <div class="divider"></div> <ul class="menu"> <li><a href="/ita/contatti.asp"><i class="icon-right-open"></i>Riferimenti</a></li> <li><a href="/ita/webmail.asp"><i class="icon-right-open"></i>Webmail</a></li>  <li><a href="https://www.supremocontrol.com/download.aspx?file=Supremo.exe&id_sw=7&ws=supremocontrol.com" target="_blank"><i class="icon-right-open"></i>Assistenza remota SUPREMO</a></li> <li><a href="/ita/documenti/LeonardoWeb_DURC.pdf" target="_blank"><i class="icon-right-open"></i>Scarica il DURC</a></li> <li><a href="/ita/documenti/LeonardoWeb_Conto_bancario.pdf" target="_blank"><i class="icon-right-open"></i>C.C.T.F. Bancario</a></li> </ul> </div> </div> </div> </div> </li> </ul> </li>  </ul> </div> </div> </nav>  </div>  </div>  </div> </div> </div> </header>    <div class="banner"> <div class="fixed-image section light-translucent-bg" style="background-image:url('/images/slide_responsive.jpg');"> <div class="container"> <div class="space-top"></div> <h1>RESPONSIVE WEB DESIGN</h1> <div class="separator-2"></div> <p class="lead">L'approccio per il quale la progettazione e lo sviluppo di un sito devono adattarsi al comportamento e all’ambiente dell’utente in base a fattori come le dimensioni dello schermo, la piattaforma e l’orientamento del device ...<br>Kayla Knight (Smashing Magazine)</p> </div> </div> </div>    <div class="page-intro"> <div class="container"> <div class="row"> <div class="col-md-12"> <ol class="breadcrumb"> <li><i class="fa fa-home pr-10"></i><a href="/index.asp">Web</a></li> <li class="active">Responsive Web Design</li> </ol> </div> </div> </div> </div>    <section class="main-container icons-page"> <div class="container"> <div class="row">   <div class="main col-md-9">    <div id="header-1"> <h2 class="page-header">Il web sul mobile senza dover creare siti o app specifici per ogni dispositivo</h2> <p align="justify"> <img src="/images/rwd_1.png" alt="Leonardo Web" title="Leonardo Web" align="right" hspace="10" vspace="10">I dispositivi mobili stanno diventando la principale via di accesso al web.</p> <p align="justify">E non c'è niente di strano o di sorprendente in tutto ciò, vista la rapidissima diffusione di tablet e smartphone anche e soprattutto negli ambienti di lavoro.</p> <p align="justify"><strong>La più evidente caratteristica comune a tutti i dispositivi mobili, è di avere schermi piccoli</strong>, molto più piccoli di quelli che oggi possiamo avere su ogni scrivania ad un costo irrisorio ed a cui ci siamo immediatamente abituati, sia per il lavoro sia per la navigazione in rete. </p> <p align="justify">Sebbene un sito internet ben progettato sia navigabile anche sul monitor di uno smartphone, chiunque abbia visitato un sito complesso sfruttando un dispositivo a bassa risoluzione, sa quanto possa essere frustrante dover ricorrere continuamente alle funzionalità di zoom per cercare di leggerne le pagine, soprattutto se la risoluzione è quella — davvero minima — di 240 x 320 pixel. In molti casi lo zoom impostabile è insufficiente anche solo per ricavare dal sito visitato un numero di telefono o un indirizzo e-mail, per non parlare delle specifiche di un prodotto o delle caratteristiche di un servizio che si sta cercando. </p> </div> <div id="header-2"> <h2 class="page-header">Una semplice prova ...</h2> <p align="justify"> <img src="/images/rwd_2.png" alt="Leonardo Web" title="Leonardo Web" align="left" hspace="10" vspace="10">Visto che questo è il nostro sito aziendale, quello con cui proponiamo le nostre soluzioni, veniamo subito al sodo: <strong>visitate il <u>vostro</u> sito con un cellulare di ultima generazione o con uno small tablet</strong> - meglio ancora se fate le vostre prove con dispositivi diversi: potete sempre sfruttare amici e conoscenti per questi test, oppure usare uno degli emulatori che vi suggeriamo al fondo di questo capitolo - <strong>e guardate l'effetto che fa</strong>.</p> <p align="justify">Se siete completamente soddisfatto di come il vostro sito si comporta alle basse risoluzioni, della facilità con cui si può accedere alle informazioni in esso contenute e della velocità di apertura delle pagine, vi facciamo le nostre congratulazioni e potete anche interrompere qui la lettura di questo capitolo.</p> <p align="justify">Se non ne siete soddisfatti, <strong>navigate in questo</strong> sito con gli stessi dispositivi, esaminatelo dagli stessi punti di vista sopra suggeriti <strong>e guardate come si comporta alle varie risoluzioni</strong>. Oppure, molto più semplicemente, <strong>potete ridurre a vostro piacere la larghezza della finestra del browser</strong>, non dovete nemmeno tirare fuori di tasca il cellulare o disturbare gli amici. </p> </div> <div id="header-3"> <h2 class="page-header">Questo sito è stato progettato e realizzato secondo i principi del Responsive Web Design</h2> <p align="justify"> Ciò vuol dire che l'aspetto del sito, le caratteristiche e la collocazione delle barre di navigazione e l'incolonnamento dei testi cambiano e si adeguano alle caratteristiche dello schermo su cui le si sta guardando.</p> <p align="justify">Vuole soprattutto dire che questo sito è stato accuratamente progettato in modo che ciò accada nella maniera più naturale e trasparente per gli utenti, che devono poterlo usare con la massima facilità e semplicità, qualsiasi siano le caratteristiche del monitor che usano.</p> <p align="justify">Ma non basta: </p> <ul class="list"> <li><strong>I contenuti che possono essere letti non sono esattamente gli stessi a tutte le risoluzioni</strong>. In alcune pagine, sugli schermi molto piccoli, le informazioni meno significative non vengono presentate, per portare immediatamente all'attenzione dei visitatori solo ciò che è realmente importante per la comunicazione e che diversamente rischierebbe di restare nascosto.</li> <li><strong>Le immagini sono caricate dinamicamente con dimensioni adeguate alla risoluzione dello schermo</strong>, in questo modo si riduce il traffico di rete - che sui cellulari avviene a una velocità molto inferiore rispetto a una linea ADSL e con costi nettamente superiori - le pagine, quindi, si aprono con la massima celerità possibile riducendo quelle attese che fanno perdere visitatori.</li> </ul> <br> <p align="justify">Sono solo alcuni esempi ma aiutano a capire ... </p> </div> <div id="header-4"> <h2 class="page-header">Perché conviene realizzare un sito secondo i principi del Responsive Web Design ?</h2> <p align="justify"> <img src="/images/rwd_3.png" alt="Leonardo Web" title="Leonardo Web" align="right" hspace="10" vspace="10"><strong>Perché è il modo più semplice ed economico di rendere perfettamente visibile ed usabile il proprio sito internet sugli apparati mobili, senza perdere nessuna prestazione nella navigazione dalle postazioni fisse.</strong></p> <p align="justify">Infatti, nel momento in cui ci si rende conto che <strong>il proprio sito deve essere navigabile anche con smarphone e tablet, se non si vuole perdere quella fetta di visitatori appartenenti alla fascia più elevata per reddito e aggiornamento tecnologico</strong>, ci si trova di fronte a due soluzioni possibili:</p> <ul class="list"> <li>Realizzare, oltre al tradizionale sito internet, delle app specifiche per ogni tipo di dispositivo mobile.</li> <li>Sviluppare un unico sito web, perfettamente compatibile sia con la navigazione dalle postazioni fisse sia da ogni dispositivo mobile.</li> </ul> <br> <p align="justify">La prima soluzione è sicuramente la più completa ma è anche la più complessa, difficile e, soprattutto, costosa da realizzare. In particolare richiede l'aggiornamento costante delle app già sviluppate e la creazione di nuove ad ogni evoluzione tecnologica di Apple, Samsung, Nokia e degli altri produttori. Tutto ciò implica sia una costante attenzione alle novità, sia di far accogliere e distribuire ogni nuova app, o nuova versione di una esistente, negli opportuni marketplace.</p> <p align="justify">La seconda soluzione richiede <u>solo</u> una progettazione del sito web estremamente accurata e precisa, che faccia seguito ad un'analisi dettagliata delle esigenze di comunicazione del committente. La tecnologia sottostante è quella classica di realizzazione dei siti web, aggiornata allo stato dell'arte, e non richiede nessun server, nessun dispositivo particolare per essere implementata, nessuna regola imposta da terzi per essere messa on-line. </p> </div> <div id="header-5"> <h2 class="page-header">Siti e programmi per i test</h2> <p align="justify"> Gli emulatori sono utili sia per svolgere test su un sito responsive sia, soprattutto, per esaminare un sito "normale" con lo sguardo di chi vi accede con un dispositivo mobile senza disporre di uno smartphone o di un tablet.</p> <p align="justify">Il più semplice da usare è <a href="http://www.opera.com/developer/tools/mini/" target="_blank" title="Apre in un'altra finestra o scheda un sito diverso da questo su cui stai navigando"><b>Opera Mini Simulator</b></a>, basta accedere alla pagina, aspettare che venga caricato l'emulatore (richiede Java), inserire l'indirizzo del sito che si vuole esaminare e vi si può navigare come se si disponesse di uno smartphone con la risoluzione di 240x320 pixel.</p> <p align="justify">In alternativa è possibile scaricare <a href="http://download.html.it/software/firefox-mobile-fennec/" target="_blank" title="Apre in un'altra finestra o scheda un sito diverso da questo su cui stai navigando"><b>Fennec</b></a>, la versione mobile di Mozilla Firefox, in una versione di emulazione per MS Windows. È possibile cambiare le dimensioni della finestra del browser per simulare qualsiasi risoluzione di un dispositivo mobile. </p> </div> </div>   <aside class="col-md-3"> <div class="sidebar"> <nav class="affix-menu scrollspy"> <ul class="smooth-scroll nav nav-pills nav-stacked"> <li class="active"><a href="#header-1">IL WEB SUL MOBILE</a></li> <li><a href="#header-2">UNA SEMPLICE PROVA</a></li> <li><a href="#header-3">QUESTO SITO</a></li> <li><a href="#header-4">PERCHE' CONVIENE?</a></li> <li><a href="#header-5">SITI E PROGRAMMI DI TEST</a></li> </ul> </nav> </div> </aside>  </div> </div> </section>    <footer id="footer">   <div class="subfooter"> <div class="container"> <div class="row"> <div class="col-md-12"> <p> <font color="#c0c0c0">Copyright © 2014 LEONARDO WEB S.r.l. - Vietata la copia parziale o totale dei contenuti   -    <a href="/ita/privacy.asp" target="_blank">Informativa Privacy </a> <br> Cf. - P. Iva - Registro Imprese di Cuneo n. 02820440044 - Rea n. CN-239204 - Capitale Sociale : € 15.000,00 I.v.    -     Codice destinatario SDI : A4707H7 </font> </p> </div> <div class="col-md-4"> <nav class="navbar navbar-default" role="navigation">  <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse-2"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <div class="collapse navbar-collapse" id="navbar-collapse-2"> <ul class="nav navbar-nav"> <li><a href="/index.asp">Home</a></li> <li><a href="http://www.facebook.com/pages/Leonardo-Web-Srl/326870830698617" target="_blank">Facebook</a></li> <li><a href="https://plus.google.com/118188265711948446361/posts" target="_blank">Google +</a></li> <li><a href="https://twitter.com/#!/LeonardoWebSrl" target="_blank">Twitter</a></li> </ul> </div> </nav> </div> </div> </div> </div>  </footer>  </div>    <script type="text/javascript" src="/plugins/modernizr.js"></script>  <script type="text/javascript" src="/plugins/rs-plugin/js/jquery.themepunch.tools.min.js"></script> <script type="text/javascript" src="/plugins/rs-plugin/js/jquery.themepunch.revolution.min.js"></script>  <script type="text/javascript" src="/plugins/isotope/isotope.pkgd.min.js"></script>  <script type="text/javascript" src="/plugins/owl-carousel/owl.carousel.js"></script>  <script type="text/javascript" src="/plugins/magnific-popup/jquery.magnific-popup.min.js"></script>  <script type="text/javascript" src="/plugins/jquery.appear.js"></script>  <script type="text/javascript" src="/plugins/jquery.sharrre.js"></script>  <script type="text/javascript" src="/plugins/jquery.countTo.js"></script>  <script src="/plugins/jquery.parallax-1.1.3.js"></script>  <script src="/plugins/jquery.validate.js"></script>  <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyARadbSCsw979Fb69-kZv5IduAuBLjTcJE&callback=initMap"></script> <script type="text/javascript" src="/js/google.map.config.js"></script>  <script type="text/javascript" src="/js/template.js"></script>  <script type="text/javascript" src="/js/custom.js"></script> |pag:|/ita/responsive_webdesign.asp| <script type="text/javascript"> var tipe_title = false; $(document).ready(function () { if ($(".banner").find("h1").length) { $('meta[name=description]').attr('content', $(".banner").find(".lead").html()); $(document).prop('title', $(".banner").find("h1").html() + " - " + "LEONARDO WEB S.r.l. | Information Technology - Manta (CN)"); } setTimeout(function () { $('.bs-example-modal-lg').modal('hide') }, 90000); //var change = setInterval(function () { // change_title(); //}, 5000); }); function change_title() { if (tipe_title) { $(document).prop('title', 'LEONARDO WEB S.r.l. | Information Technology - Manta (CN)'); } else { $(document).prop('title', $(".banner").find("h1").html() + " - " + "LEONARDO WEB S.r.l. | Information Technology - Manta (CN)"); } tipe_title = !tipe_title; } // change_title(); </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-75527105-1', 'auto'); ga('send', 'pageview'); </script> <script type="text/javascript"> window.fbAsyncInit = function () { FB.init({ appId: '3752277174858924', autoLogAppEvents: true, xfbml: true, version: 'v9.0' }); } var settings = { "url": "https://graph.facebook.com/oauth/access_token?client_id=3752277174858924&redirect_uri=https://www.leonardoweb.eu&code=xyz&client_secret=55798ece9420569b03957dd77bc71029", "method": "GET", "timeout": 5, }; $.ajax(settings).done(function (response) { console.log(response); }); </script> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js"></script>  </body> </html>

CINXE.COM

LEONARDO WEB Srl - consulenze informatiche, programmi , siti internet, portali , app , computer, web design, hosting, e-commerce Manta Saluzzo Savigliano Cuneo Alba Piemonte