Ciao sono Andrea Marchetti, aiuto Aziende e Imprenditori ad avere più risultati sul web realizzando siti che funzionano e portano clienti.
Mi occupo di formazione insegno a creare siti professionali a centinaia di studenti nei miei corsi Next Level e più di 18.000 persone su YouTube
Link al sito ufficiale
Bootstrap is the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.
Link al sito ufficiale
CSS is the language we use to style an HTML document.
CSS describes how HTML elements should be displayed.
This tutorial will teach you CSS from basic to advanced.
Link al sito ufficiale
Find the best answer to your technical question, help others answer theirs
Link al sito ufficiale
Font Awesome 5 has a PRO edition with 7842 icons, and a FREE edition with 1588 icons. This tutorial will concentrate on the FREE edition.
To use the Free Font Awesome 5 icons, you can choose to download the Font Awesome library, or you can sign up for an account at Font Awesome, and get a code (called KIT CODE) to use when you add Font Awesome to your web page.
Link al sito ufficiale
Icons on Your Site. Fast.
Our CDN powered kits make using our icons faster and more powerful than ever. Make changes without ever pushing code or managing files.
Link al sito ufficiale
Learn how to zoom/scale an element on hover with CSS.
Link al sito ufficiale
Just-add-water CSS animations.
Link al sito ufficiale
Image hover Zoom n’ Rotate effect with Pure CSS.
Link al sito ufficiale
With CSS you can add shadow to text and to elements.
Link al sito ufficiale
Learn how to style images using CSS.
Link al sito ufficiale
The filter property defines visual effects (like blur and saturation) to an element.
Link al sito ufficiale
This online generator helps with creating shapes for images using the css clip-path property.
Link al sito ufficiale
a Css text animation.
Link al sito ufficiale
html redirect to another page on load” Code Answer’s
Link al sito ufficiale
- In this tutorial, we’ll show you how to easily create a custom shape div using SVG and CSS in just a few minutes!
- How to setup a realistic material reflection on three.js and create a stunning visual effect on website in 8 minutes.
- In this episode we’ll talk about a small but super useful JavaScript library call tilt.js which let you create a 3D tilt effect so easily with literally just 1 line of code.
- Creating CSS animation is very easy using keyframes. But there is some limitation. You can’t move the element along the curved path.
- Learn the difference between single colon and double colon notation in CSS.
- How to use CSS Mask property and example demo to create a parallax text scrolling effect with svg and transparent png mask image.
- In this tutorial, we’re going to show you how to create a realtime realistic reflection surface with Three.js from scratch in just a few minutes.
- In this tutorial we’ll show you how to create a reflection effect of any element using only CSS in just a few minutes!
...
Link al sito ufficiale
Toggle between hiding and showing an element with JavaScript.
Link al sito ufficiale
CodePen Home Flexbox playground - Esempi Responsivi della proprietà Flexbox su CodePen
Link al sito ufficiale
CSS Gradient is a happy little website and free tool that lets you create a gradient background for websites. Besides being a css gradient generator, the site is also chock-full of colorful content about gradients from technical articles to real life gradient examples like Stripe and Instagram.
Link al sito ufficiale
Forniamo schemi di colori, combinazioni, vernici, gradienti e conversioni spazio colori.
Link al sito ufficiale
Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, Python, PHP, Bootstrap, Java, ...
Color Picker by w3schools
All technology, including websites, must grant barrier-free access to people with disabilities.
For websites, that means meeting the Web Content Accessibility Guidelines (WCAG) 2.1 standards.
Link al sito ufficiale
WAVE is a suite of evaluation tools that helps authors make their web content more accessible to individuals with disabilities. WAVE can identify many accessibility and Web Content Accessibility Guideline (WCAG) errors, but also facilitates human evaluation of web content. Our philosophy is to focus on issues that we know impact end users, facilitate human evaluation, and to educate about web accessibility
Link al sito ufficiale
Check links and anchors in Web pages or full Web sites
Link al sito ufficiale
Check the markup (HTML, XHTML, …) of Web documents
Link al sito ufficiale
Verifica i fogli di stile a cascata (CSS) e i documenti (X)HTML contenenti fogli di stile
Link al sito ufficiale
GTmetrix was developed by Carbon60 as a tool for customers to easily test the performance of their webpages
Link al sito ufficiale
We built this Website Speed Test to help you analyze your website load speed.
The test is designed to help make your site faster by identifying what about a webpage is fast, slow, too big, and so on.
We have tried to make it useful both for experts and novices <ref>="">lik>e.
In short, we wanted it to be an easy-to-use tool built to help webmasters and web developers everywhere optimize their website performance.
Link al sito ufficiale
Controlla le performance del tuo sito e leggi i nostri suggerimenti per aumentare il punteggio
Link al sito ufficiale
PageSpeed Insights analizza i contenuti di una pagina web, poi genera suggerimenti per renderla più veloce.
Link al sito ufficiale
Google Maps è un servizio internet geografico sviluppato da Google che consente la ricerca e la visualizzazione di carte geografiche di buona parte della Terra. Accessibile da sito web, o da app mobile, impiega mappe ottenute con una variante della proiezione di Mercatore
Realizzazione di percorsi su mappa visuale. La modalità Streetview, viene impiegata oltre per la verifica delle informazioni inserite nel Roadbook, anche per il recupero di foto reali da inserire.
Link al sito ufficiale
Is much more than a website with a route service for cars, pedestrians and bicycles based on Open Standards and Open Geodata. Several Location Based Services (LBS) created from OSM data are available, developed by HeiGIT - Heidelberg Institute for Geoinformation Technology
Realizzazione percorsi su mappa visuale con generazione di file GPX ed altimetria in realtime.
Link al sito ufficiale
GraphHopper è una libreria e un server di routing open source scritti in Java e fornisce un'interfaccia web denominata GraphHopper Maps. Oltre a un'API di routing su HTTP. Funziona su server, desktop, Android, iOS o Raspberry Pi.
Realizzazione percorsi su mappa visuale con generazione file GPX ed altimetria in realtime.
Link al sito ufficiale
Is your all-in-one motorcycle tool for the best rides. Find and plan rides, navigate them and track your adventures
Pianificazione d'itinerari, registrazione percorso, navigazione, valutazione percorsi e tour consigliati - tutto in un'unica app
Realizzazione percorsi su mappa visuale con generazione file GPX e indice del numero di curve
Link al sito ufficiale
Traccia facilmente tutte le tue attività e vedi come stai andando. Trasforma le tue attività in storie bellissime, anche con video animati in 3D. Segui i tuoi amici e altri atleti nelle loro avventure.
Creazione di video dei percorsi, partendo dai dati GPX.
Link al sito ufficiale
GPS Visualizer is an online utility that creates maps and profiles from geographic data. It is free and easy to use, yet powerful and extremely customizable.
Generazione di mappe in formato png o jpg con dimensioni massime 3096x3096. Conversione dei Gpx in altri formati.
Link al sito ufficiale
Easily create custom 3D maps to embed, download or 3D print
Generazione di immagini da mappe 3D con l'orografia della zona in cui si sviluppa il percorso. Attualmente la generazioe del file glTF è a pagamento.
Link al sito ufficiale
Make 3D-printable elevation models of GPX tracks
Generazione di immagini da mappe 3D con simulazione delle elevazione sulla mappa in cui si sviluppa il percorso.
Link al sito ufficiale
Il database mondiale degli autovelox
Verifica e recupero coordinate Poi's PDI
Link al sito ufficiale
OpenPOIMap is web application for visualizing and using Points-of-Interests (POI) from OpenStreetMap data
Verifica e recupero coordinate Poi's PDI
Link al sito ufficiale
POIGPS.com è un portale amatoriale indipendente il cui scopo è la produzione e pubblicazione gratuita di contenuti e di tutto ciò che può servire ad una miglior fruizione dei più diffusi sistemi di navigazione satellitare, da parte di chiunque li utilizzi.
Verifica e recupero coordinate Poi's PDI
Link al sito ufficiale
Converti indirizzo in latitudine e longitudine : completa il campo indirizzo e clicca su “Trova Coordinate GPS” per ottenere le coordinate geografiche. Leggi il risultato fornito dal convertitore nella colonna di sinistra o direttamente sulla mappa.
Verifica degli indirizzi dei Poi's PDI presenti nei database partendo dalle coordinate Gps
Link al sito ufficiale
Descrizione
Elenco siti che contengono itinerari
Link al sito ufficiale
Descrizione
libri
Link al sito ufficiale
Our free Online Sitemap Design Tools will help your.
We provide a really easy way to create a Sitemap from any domain.
Just enter your website's root URL to start creating a Sitemap:
Link al sito ufficiale
Free and simple
Suitable when you need to quickly create a sitemap for a small web site (up to 500) pages.
No registration required and you get sitemaps ready immediately.
You can download xml sitemap file or receive it via email and put it on your website after that.
You are on the online generator home page right now, just enter your website URL using the form above and click "START" to proceed!
Link al sito ufficiale
Convert PNG to ICO, JPG to ICO, GIF to ICO. Create favicon.ico and iOS / Android App Icons.
Link al sito ufficiale
In questa pagina è possibile scaricare quanto può essere utile per i siti web: previsioni su aree geografiche, previsioni su singole località, immagini da satellite e bollettino meteomar.
Link al sito ufficiale
3bmeteo ti offre gratuitamente la possibilità di inserire informazioni meteo direttamente nel tuo portale!
Link al sito ufficiale
Best free icons for personal and commercial use SVG - PNG
Link al sito ufficiale
Making the web more beautiful, fast, and open through great typography
Link al sito ufficiale
World's best video compressor tool to reduce video file size
Link al sito ufficiale
World's simplest text to HTML symbols encoder for web developers and programmers. Just paste your text in the form below, press Conver to Entities button, and you get HTML characters. Press button, get HTML codes. No ads, nonsense or garbage.
Link al sito ufficiale
Make an Income Doing What You Love
The free, friendly way to accept donations, memberships and sales directly from fans.
Offritemi un caffè, sosterrete il sito (costi di hosting e account) ed il mio lavoro, Contribuirete a mantenerlo libero, open e privo di pubblità.
Link al sito ufficiale
ATOM - A hackable text editor for the 21st Century
Editor di testo e IDE open source e sviluppato da GitHub, basato su Chromium ed è scritto in CoffeeScript.
Web editor per il coding puro di Html Css e Javascript
Installed packages:
EMMET - the essential tool for Web developers
ATOM-MINIMAP - A preview of the full source code
Installed themes
ATOM-MONOKAI - Monokai syntax theme for ATOM Dark, One Dark, Seti UI, and other (setting used: One Dark)
Link al sito ufficiale - disponibile per Windows, Linux, Apple
BlueGriffon - The next-gen Web and EPUB Editor based on the rendering engine of Firefox®
Web editor, open source, WYSIWYG, compatibile con gli standard HTML 4.0, HTML5, XHTML 1.0 e XHTML5.
Usato per la realizzazione delle pagine bozza sfruttando l'interfaccia WYSIWYG
Link al sito ufficiale - disponibile per Windows, Linux, Apple
Firefox è un web browser libero e multipiattaforma, mantenuto da Mozilla Foundation. Nato nel 2002 con il nome "Phoenix" dai membri della comunità Mozilla, come alternativa più veloce e attenta alla privacy ai browser come Internet Explorer e ora anche a Chrome.
Usato per il responsive test, delle pagine web create in locale. L'uso dell'estensione PDF Mage permette la creazione di una copia PDF delle pagine trovare in rete ed utilizzate nel coding del sito.
Link al sito ufficiale - disponibile per Windows, Linux, Apple
Chromium is an open-source browser project that aims to build a safer, faster, and more stable way for all users to experience the web.
È il progetto da cui è ricavato gran parte del codice sorgente di Google Chrome. Essendo distribuito sotto licenza libera, il software è privo di alcune funzionalità presenti nel corrispettivo browser a sorgente chiuso.
Usato per generare il file PDF partendo dal file HTML del materiale stampabile come il Roadbook o le mappe. Usato anche per verificare il page responsive a confronto dei risultati ottenuti con Firefox.
Link al sito ufficiale - disponibile per Windows, Linux, Apple
Calc è il programma per fogli di calcolo che avete sempre desiderato. Gli utenti meno esperti lo troveranno intuitivo e facile da imparare, mentre quelli professionali e quanti svolgono calcoli complessi apprezzeranno l'ampia gamma di funzioni avanzate. Le Procedure guidate vi permettono di scegliere e usare una gamma completa di funzioni avanzate all'interno dei fogli elettronici. È anche possibile scaricare dei modelli dal repository dei modelli di LibreOffice, per soluzioni già pronte.
Impiegato per convertire e manipolare i dati GPS per ottenere risultati specifici
Link al sito ufficiale - disponibile per Windows, Linux, Apple
Writer possiede tutte le caratteristiche necessarie per uno strumento di elaborazione di testi e desktop publishing moderno e ricco di funzionalità. È abbastanza semplice per un memo veloce, ma abbastanza potente per creare dei libri completi di contenuti, diagrammi, indici, e altro. Siete liberi di concentrarvi sul vostro messaggio, mentre Writer si occuperà dell'aspetto del documento.
Impiegato per creare il pdf di mappe o altro materiale stampabiel in formato A1 e A3.
Link al sito ufficiale - disponibile per Windows, Linux, Apple
Maperitive is a FREE desktop application for drawing maps based on OpenStreetMap and GPS data. You can define what gets on the map and how it is painted. You can also export these maps into bitmaps and SVG files and print them.
Realizzazione di mappe ad alta risoluzione partendo dai dati gpx.
Link al sito ufficiale - disponibile per Windows, Linux, Apple
Traccia facilmente tutte le tue attività e vedi come stai andando. Trasforma le tue attività in storie bellissime, anche con video animati in 3D. Segui i tuoi amici e altri atleti nelle loro avventure.
App per la creazione di video dei percorsi partendo da dei dati GPX.
Link al sito ufficiale
GIMP è un software libero multipiattaforma per l'elaborazione digitale delle immagini. Fra i vari usi possibili vi sono fotoritocco, fotomontaggio, conversioni tra molteplici formati di file, animazioni, e processamento in batch in linea. GIMP è compatibile anche con il formato proprietario PSD di Adobe Photoshop.
Usato soprattutto per fotoritocco. Conversione di immagini in scala di grigio, ridimensionamento ed aggiunta di sfondi a trasparenza.
Link al sito ufficiale - disponibile per Windows, Linux, Apple
Rules Default.mrules
rules target: gps tracks define
line-color : red
line-opacity : 0.75
min-zoom : 5
line-width : 3 border-color : black
border-style : dash
border-width : 40% draw : line
procedura per le sezioni (per la mappa completa fare delle prove)
add-web-map GPX download-osm-overpass
restringimento area
export-bitmap file=sezione-osoppo.png map-scale=5000 color-depth=8
export-bitmap file=sezione-osoppo8.jpg map-scale=8000 color-depth=32
In a nutshell: download maperitive
(website)download.geofabrik.de load your track log GPX file use this command export-bitmap dpi=600 open the
resulting png in your choice of image editor (eg. Gimp) and
add wahtever you needdone.
Link al sito originale
