w3c html validation
2016 - 02 - 01
- All
- UI UX Designer
- WordPress Developer
- Web Developer
- Bootstrap
- Cybersecurity
- Digital Strategy
- Attualità
Comprimere CSS
2016 - 01 - 31
Compressione CSS per ottimizzare gli intervalli di caricamento
Ottimmo strumento per comprimere il 'CSS' in 'min.CSS' ;-)
Grazie a questo tool puoi ottimizzare il contenuto dei tuoi fogli di stile (CSS) migliorando i tempi di caricamento del tuo sito web.
Attraverso questo strumento on-line potrai generare automaticamente la versione minimzzata dei tuoi file .CSS (min.css)
Meta Tag Open Graph di Facebook
2016 - 01 - 31
ll protocollo open graph (ogp.me)
ll protocollo open graph (i dettagli su ogp.me) trasforma qualsiasi pagina web in un oggetto del grafico sociale, con delle informazioni che lo caratterizzano e che permettono a siti come Facebook di personalizzarne la sua visualizzazione quando, ad esempio, viene diffuso sul sito.
Attraverso la configurazione dei “nodi” dell’open graph è possibile ad esempio dire a Facebook qual è il titolo di una pagina web, qual è la descrizione, l’immagine da associare alla pagina, il tipo di contenuto visualizzato, ecc.
<meta property="og:title" content="Open Graph Protocol, Facebook" /> <meta property="og:type" content="article" /> <meta property="og:url" content="http://www.dominio-articolo.com"/> <meta property="og:image" content="http://www.dominio-articolo.com/miaimmagine.jpg"/> <meta property="og:site_name" content="Nome del mio Articolo"/> <meta property="fb:admins" content="5555003294536287"/> <meta property="fb:app_id" content="966242223397117"/> <meta property="og:description" content="Descrizione dell'articolo in tutte le sue parti"/>
è molto importante definire fb:admins con il propio Facebook admins, ma per far funzionare corretamentela vostra visualizzazione dovete impostare anche fb:app_id inserendo 966242223397117 codice di defaul se non ne avete creato uno, in fine per testare tutto fate riferimento a questo link:
https://developers.facebook.com/tools/debug/
Salva
novità dall'HTML5 rispetto all'HTML4
2016 - 01 - 30
HTML5 vs HTML4
Le novità introdotte dall'HTML5 rispetto all'HTML4 sono finalizzate soprattutto a migliorare il disaccoppiamento fra struttura, definita dal markup, caratteristiche di resa (tipo di carattere, colori, eccetera), definite dalle direttive di stile, e contenuti di una pagina web, definiti dal testo vero e proprio. Inoltre l'HTML5 prevede il supporto per la memorizzazione locale di grosse quantità di dati scaricati dal web browser, per consentire l'utilizzo di applicazioni basate su web (come per esempio le caselle di posta di Google o altri servizi analoghi) anche in assenza di collegamento a Internet.
In particolare:
vengono rese più stringenti le regole per la strutturazione del testo in capitoli, paragrafi e sezioni;
vengono introdotti elementi di controllo per i menu di navigazione;
vengono migliorati ed estesi gli elementi di controllo per i moduli elettronici;
vengono introdotti elementi specifici per il controllo di contenuti multimediali (tag <video> e <audio>);
vengono deprecati o eliminati alcuni elementi che hanno dimostrato scarso o nessun utilizzo effettivo;
vengono estesi a tutti i tag una serie di attributi, specialmente quelli finalizzati all'accessibilità, finora previsti solo per alcuni tag;
viene supportato Canvas che permette di utilizzare JavaScript per creare animazioni e grafica bitmap;
introduzione della geolocalizzazione, dovuta ad una forte espansione di sistemi operativi mobili (quali Android e iOS, tra i più diffusi);
sistema alternativo ai normali cookie, chiamato Web Storage, più efficiente, il quale consente un notevole risparmio di banda;
standardizzazione di programmi JavaScript, chiamati Web Workers e possibilità di utilizzare alcuni siti offline;
sostituzione del lungo e complesso doctype, con un semplice <!DOCTYPE html>.
Facebook Open Graph Object Debugger
2016 - 01 - 29
Meta Tag Facebook
Facebook Open Graph Object Debugge; essenziale per configurare e valutare possibili errori nei Meta Tag Facebook.
Comprimere immagini PNG online gratuitamente
2016 - 01 - 29
TinyPNG Compressione PNG
Comprimere immagini PNG online gratuitamente, Ottimizzare le immagini con un perfetto equilibrio in termini di qualità e dimensione del file.
Compressione lossy avanzato per immagini PNG che conserva piena trasparenza alfa.
LINK:tinypng.com
Cosa fa TinyPNG fare?
TinyPNG utilizza tecniche di compressione con perdita di dati intelligenti per ridurre le dimensioni del file dei file PNG. Con selettivamente diminuendo il numero di colori nell'immagine, meno byte sono necessari per memorizzare i dati. L'effetto è quasi invisibile ma fa una grande differenza nella dimensione del file!
Perché dovrei usare TinyPNG?
PNG è utile perché è l'unico formato ampiamente supportato che può memorizzare parzialmente immagini trasparenti . Il formato utilizza la compressione, ma i file possono ancora essere di grandi dimensioni. Utilizzare TinyPNG per ridurre le immagini per le applicazioni e siti. Userà meno larghezza di banda e caricare più velocemente
Photoshop Plugin
compressione delle immagini appena ricevuto molto più semplice
Salvare le compresse JPEG e PNG immagini direttamente da Photoshop. Installare il plugin e sarete pronti ad andare. Una nuova opzione di menu apparirà in Photoshop da dove si può ridimensionare, anteprima, selezionare una cartella e salvare le immagini.
Link: Plugin per photoshop
Seo site checkup
2016 - 01 - 29
Verifica errori e otimizzazione SEO per il tuo sito web
Seo site checkup è uno strumenti molto utile per l'ottimizzazione dei motori di ricerca (SEO) del tuo sito, molto completo e veloce.
Link:
seositecheckup.com
Online Javascript Compression Tool
2016 - 01 - 29
compressore online che permette di comprimere e Minimizza i file javascript
JSCompress.com è un online javascript compressore che permette di comprimere e Minimizza i file javascript. File javascript compressi sono ideali per ambienti di produzione dal momento che in genere riducono le dimensioni del file da 30-80%. La maggior parte della riduzione dimensione del file si ottiene rimuovendo commenti e caratteri aggiuntivi spazi bianchi che non sono necessari dai browser web o visitatori.
Da provare;-)
Vulnerabilità in WordPress con WPScan
2016 - 01 - 28
WPScan è un web scanner
WPScan è un web scanner dedicato creato per analizzare e cercare falle di sicurezza all’interno della piattaforma di blogging WordPress, non è complesso ma molto efficace.
WPScan è sviluppato principalmente per piattaforme Linux (Kalilinux) ma è possibile sfruttarlo anche su macchine con sistema Mac OS X e Windows.
Lo strumento WPScan contiene un database e degli algoritmi particolari che permettono di eseguire delle azioni di enumerazione, controlli di vulnerabilità conosciute, attacchi su password a dizionario, etc, etc. Possiamo lanciare l’analisi di questo strumento verso un nostro sito di test o anche di produzione per verificare tutte le informazioni che un programma di scansione può ottenere e quindi reagire di conseguenza.
Un piccolo esemipo descrittivo dei comandi:
--update Update the database to the latest version.
--url | -u <target url> The WordPress URL/domain to scan.
--force | -f Forces WPScan to not check if the remote site is running WordPress.
--enumerate | -e [option(s)] Enumeration.
option :
u usernames from id 1 to 10
u[10-20] usernames from id 10 to 20 (you must write [] chars)
p plugins
vp only vulnerable plugins
ap all plugins (can take a long time)
tt timthumbs
t themes
vt only vulnerable themes
at all themes (can take a long time)
Multiple values are allowed : "-e tt,p" will enumerate timthumbs and plugins
If no option is supplied, the default is "vt,tt,u,vp"
--exclude-content-based "<regexp or string>"
Used with the enumeration option, will exclude all occurrences based on the regexp or string supplied.
You do not need to provide the regexp delimiters, but you must write the quotes (simple or double).
--config-file | -c <config file> Use the specified config file, see the example.conf.json.
--user-agent | -a <User-Agent> Use the specified User-Agent.
--cookie <String> String to read cookies from.
--random-agent | -r Use a random User-Agent.
--follow-redirection If the target url has a redirection, it will be followed without asking if you wanted to do so or not
--batch Never ask for user input, use the default behaviour.
--no-color Do not use colors in the output.
--wp-content-dir <wp content dir> WPScan try to find the content directory (ie wp-content) by scanning the index page, however you can specified it.
Subdirectories are allowed.
--wp-plugins-dir <wp plugins dir> Same thing than --wp-content-dir but for the plugins directory.
If not supplied, WPScan will use wp-content-dir/plugins. Subdirectories are allowed
--proxy <[protocol://]host:port> Supply a proxy. HTTP, SOCKS4 SOCKS4A and SOCKS5 are supported.
If no protocol is given (format host:port), HTTP will be used.
--proxy-auth <username:password> Supply the proxy login credentials.
--basic-auth <username:password> Set the HTTP Basic authentication.
--wordlist | -w <wordlist> Supply a wordlist for the password brute forcer.
--username | -U <username> Only brute force the supplied username.
--usernames <path-to-file> Only brute force the usernames from the file.
--threads | -t <number of threads> The number of threads to use when multi-threading requests.
--cache-ttl <cache-ttl> Typhoeus cache TTL.
--request-timeout <request-timeout> Request Timeout.
--connect-timeout <connect-timeout> Connect Timeout.
--max-threads <max-threads> Maximum Threads.
--throttle <milliseconds> Milliseconds to wait before doing another web request. If used, the --threads should be set to 1.
--help | -h This help screen.
--verbose | -v Verbose output.
--version Output the current version and
Visitate il sito ufficiale:
Google PageSpeed Vs CloudFlare
2016 - 01 - 28
Google PageSpeed va in pensione
Google PageSpeed doveva esssere sostituito o cancellato...
Dopo una presenza di 5 anni, Google PageSpeed lascerà posto ad altri progetti che il team di Google porterà alla nostra attenzione molto presto.
PageSpeed è stato il fedele compagno di molti amministratori di siti web che volevano ottimizzare e rendere più veloci le pagine dei loro siti, producendo come effetto un maggior “engagement” dei visitatori e quindi maggiori conversioni.
Mettendo a disposizione diverse buone pratiche garantiva un aumento delle performance.
Adesso Proviamo questo:
