Web Designer & Web Developer WordPress, SEO, HTML5, JQuery e molto altro. Piccoli articoli per grandi progetti!




qtranslate-x implementare php wordpress

undefined

QTranslate-X implementazione in php (wp)

QTranslate-X è un plugin sviluppato per wordpress.
Vediamo come implemetare questo plugin all'interno del php di Wordpress nell'eventualità di non usare file po/mo.

Per poter interagire con qTranslate-x nelle sezioni ove non funziona la visuale nel pannello admin all'interno di Wordpress , si può usare questa sintassi [:it]testo italiano[:en]Testo in Inglese[:]

Ma se volessimo implemetare all'interno di una pagina o template creato a doc potremmo aver bisogno di interagire all'iterno del php stesso
Vedi esempio:

<?php echo __("[:it]Esempio [:en] Example[:]"); ?>

Atom un editor hackable

Atom non solo un editor

Atom non chamatelo solo editor!

Editing multipiattaforma

Atom funziona su sistemi operativi. Si può usare su OS X, Windows o Linux.

Gestore di pacchetti integrato

Cercare e installare nuovi pacchetti o iniziare a creare il vostro proprio-tutto all'interno di Atom.

È possibile scegliere tra migliaia di pacchetti software open source che aggiungono nuove caratteristiche e funzionalità di Atom-o costruire un pacchetto da zero e pubblicala per tutti gli altri per l'uso.

Intelligente completamento automatico

Atom consente di scrivere codice più veloce con un intelligente, completamento automatico flessibile.

Browser file system

Facilmente sfogliare e aprire un singolo file, un intero progetto o più progetti in una sola finestra.

lastre multiple

Dividi la tua interfaccia Atom in più riquadri per confrontare e modificare il codice attraverso i file.

Trova e sostituisci

Trova, anteprima, e sostituire il testo durante la digitazione in un file o su tutti i tuoi progetti.

Temi

Atom viene pre-installato con quattro UI e otto sintassi temi a entrambi i colori chiari e scuri. Se non riesci a trovare quello che stai cercando, è possibile anche installare temi creati dalla comunità Atom o creare il proprio.

Personalizzazione

E 'facile da personalizzare e Atom stile. È possibile modificare l'aspetto della vostra interfaccia utente con i CSS / Meno e aggiungere caratteristiche principali con HTML e JavaScript. Guarda il video sulla creazione di Atom .

Sotto il cappuccio

Atom è un'applicazione desktop costruito con HTML, JavaScript, CSS e l'integrazione Node.js. Funziona su Electron , un framework per la creazione di applicazioni multi-piattaforma che utilizzano tecnologie web.

undefined

 

Open source

Atom è open source. Se vuoi far parte della comunità Atom o contribuire a migliorare il vostro editor di testo preferito, ci trovate su GitHub , Discutere e Slac!

 Insomma un editor fanatastico Free e sopratutto molto completo in tutte le sue forme!!!!!!

Adesso no ci resta che provarlo!: link https://atom.io/

 

undefined

Developer Conference 2017

Developer conference Codeanywhere 2017

Developer conference Codeanywhere 2017

Dal 1 e 2 giugno a Sapalto in Croazia

La più grande conferenza per gli sviluppatori dell'Europa sudorientale.
Questo evento, Shift 2017 è il sesto e riunirà più di 1500 partecipanti. Durante i due giorni di conferenza, Shift diventa un luogo di incontro per gli sviluppatori della città più bella del mondo Spalato in Croazia.

Si parlerà delle tecnologie più avanzate, le tecniche e le tendenze più in uso per gli sviluppatori, con autorevoli presenze provenienti da; GitHub, Twitch, Atlassian, GitLab, Heroku, Google, Facebook e molti altri ancora.

 

 

Workshop con gli esperti del settore e i leader che ti faranno  avvicinare con estrema facilità ad alcune delle tecnologie più emozionanti: React, React Native, Webpack e Symphony.
Due ore di workshop pratici saranno in esecuzione in parallelo con il resto dell'evento quindi non dimenticate i vostri computer portatili.
I workshop si svolgeranno nell'area 55, la capacità dei posti a sedere è limitata...

Tutto questo organizzato da Shift scopri di più Link

 

WordPress // Drupal // Joomla // 2017

Quale CMS si dovrebbe utilizzare?

State considerando un nuovo sito web per la tua azienda nel 2017?
Chiedendosi quale piattaforma si dovrebbe usare per gestire i tuoi contenuti?

Analizza questa Infografica è scopri tutti i pro e contro dei CMS più diffusi, per pianificare la tua giusta strategia digitale o per semplicemente valutare quello più idoneo al tuo lavoro.

undefined

Grazie a red-website-design.co.uk

Sviluppare un tema WordPress da zero

underscores wordpress

Sviluppare tema WordPress con 'underscores'

Per partire a sviluppare un tema Wordpress, si possono percorrere due strade.
La più complessa,  strutturare script dopo script tutto il template sulla base del 'core' di Wordpress.

Tempo di sviluppo e test, ma potremmo anche velocizzare il nostro lavoro partendo da una buona base.

Un ottimo strumento che genera un template minimale ma completo per partire a sviluppare è: tema underscores

Questo tema estremamente minimale è stato progettato appositamente per essere utilizzato come struttura base per la creazione di un nuovo tema,

Importante non deve essere usato come un  tema child wordpress ;-)

No ci resta che provare ;-)

 

meta tag Safari telephone=no

undefined

Meta tags utili per il mobile iPhone / iPod / iPad

I Meta-tag sono dei tag Html volti a fornire informazioni aggiuntive (meta-informazioni) non visibili all’utente ma solo al browser, posso servire non solo per la SEO, ma oggi anche per funzionalità aggiuntive per il mobile.

Nel browser Safari per iOS (iPhone / iPod / iPad) come sappiamo rivela in automatico i numeri di telefono e gli indirizzi e-mail per convertirli in link.

Spesso però questa funzionalità potrebbe procurarci dei problemi e confondere l’utente.
Se non si desidera questa funzione, è necessario utilizzare il seguente meta tag.


Safari (iPhone / iPod / iPad):

<meta name="format-detection" content="telephone=no">

Salva

AngularJS for WordPress

undefined

AngularJS for WordPress il plugin che consente di sfruttare tutta l'archittetura di Angular JS, HTML enhanced for web apps!

Non nuovo ma molto utile il plugin AngularJS per WordPress consente di sfruttare facilmente la potenza di AngularJS.
questo il link:wordpress.org/plugins/angularjs-for-wp/developers/

AngularJS è un framework JavaScript per lo sviluppo di applicazioni Web client side, la sua importanza non da poco è che sia supportato da Google questo basta a fare la differenza.

Link: https://angularjs.org/ HTML enhanced for web apps!

 

URL Extractor

undefined

URL Extractor può essere utilizzato per estrarre migliaia di indirizzi e-mail o di altri URL, gli indirizzi web ad esempio, in modalità diverse:
Inserimento (o importare) un elenco di indirizzi di pagine web, l'applicazione utilizzerà le pagine web come un seme per iniziare a raccogliere i dati e visitare le pagine collegate, procedendo in uno sfondo di navigazione a livello profondo richiesto la raccolta di dati fino a che l'utente decide di smettere . (Fonte sito istituzionale)

Link:http://www.tensionsoftware.com/osx/urlextractor/

Screaming Frog SEO Spider Tool

Questo programma è un ottimo strumento per Testare il vostro sito, non sollo in ottica di Semantica SEO ma a 360°, laversione free non consente l'esportazione dei dati.

The Screaming Frog SEO Spider è un piccolo programma desktop è possibile installare in locale sul PC, macchina Mac o Linux che ragni siti web 'link, immagini, CSS, sceneggiatura e le applicazioni dal punto di vista SEO. Si recupera gli elementi chiave in loco per il SEO, li presenta in schede in base al tipo e consente di filtrare per le questioni di SEO comuni, o scomporre e analizzare i dati come si vede in forma esportando in Excel. È possibile visualizzare, analizzare e filtrare i dati di ricerca per indicizzazione come è raccolto e aggiornato continuamente l'interfaccia utente del programma.

The Screaming Frog SEO Spider consente di eseguire la scansione in modo rapido, analizzare e audit di un sito dal punto di vista SEO on-site. È particolarmente efficace per analizzare le medie e grandi siti, dove manualmente controllando ogni pagina sarebbe estremamente alta intensità di lavoro (o impossibile!) E dove si può facilmente perdere un redirect, meta refresh o duplicare problema pagina.

(Dal sito ufficiale www.screamingfrog.co.uk/seo-spider/ )

 

novità dall'HTML5 rispetto all'HTML4

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>.

Home