Le migliori risorse per sviluppatori – Marzo 2016 : developers

Le migliori risorse per sviluppatori – Marzo 2016. In questo articolo troverai delle risorse Javascript che avranno il compito di modificare i caratteri, i colori, di ridimensionare automaticamente le finestre e di fare molto altro.

Di seguito vediamo insieme le migliori risorse che sono state selezionate per il mese di Marzo:

Particles

Attraverso questa libreria è possibile inserire nella pagina d’introduzione del tuo sito web uno sfondo animato e totalmente personalizzato e con lo spostamento del cursore le particelle si muoveranno.

Le migliori risorse per sviluppatori - Marzo 2016

Mo.js

E’ un pacchetto Javascript che ha lo scopo di creare degli effetti animati; Questa libreria è modulare e permette di rimuovere in piena libertà le funzioni obsolete.

mojs

Accessible Modal Dialog

Questa estensione permette allo sviluppatore di creare un finestra di dialogo da inserire nel proprio sito web che possa trasmettere le informazioni desiderate al visitatore; se per esempio hai bisogno di invogliare a far iscrivere i visitatori alla newsletter puoi utilizzare questo modulo richiedendo d’inserire l’indirizzo mail per potersi iscrivere.

accessible-modal-dialog

Color Safe

Mediante questo sito web è possibile scegliere il carattere desiderato, la dimensione e soprattutto il colore del testo che vuoi inserire nel tuo sito; dopo di che non dovrai far altro che copiare i codici nel tuo sito web.

colorsafe

OkayNav

Questa estensione è simile alla funzione Responsive Design ma si differenzia in quanto ha la capacità di ridimensionare automaticamente la pagina del sito web dal momento in cui il visitatore riduce o aumenta la finestra del Browser.

okaynav

Vagrant Manager

Attraverso questa applicazione è possibile controllare il proprio sito web dinamico direttamente dal proprio PC, è disponibile la versione sia per Windows che per Mac.

vagrant-manager

JS Tips

JS Tips è una collezione di 50 codici che possono aiutare lo sviluppatore a creare il proprio sito web.

jstips-header-blog

 

Alla Prossima.

 

Le migliori risorse per gli sviluppatori – Luglio 2016. In questo articolo potrai trovare delle risorse che ti aiuteranno a svolgere egregiamente il tuo lavoro ed a creare il tuo sito web nel migliore dei modi.

Di seguito ti elenchiamo le migliori risorse selezionate per il mese di Luglio:

 

Landing Folio

In questo sito potrai trovare moltissime Landing Page permettendoti di capire qual’è la pagina più adatta a te.

Le migliori risorse per gli sviluppatori - Luglio 2016

 

Syntax DB

Syntax DB è un motore di ricerca per la sintassi del linguaggio di programmazione, attualmente supporta una serie di linguaggi tra i quali spiccano Java, Javascript, C, Ruby e Phyton.

syntax

 

Date Dropper

Questo plugin è dotato di diverse animazioni che renderanno il form di selezione delle date più coinvolgente.

timedropper

 

HTTP 2 

HTTP 2 è la nuova tecnologia che ha portato cambiamenti significativi, e promette di migliorare le prestazioni e di rendere efficiente il trasferimento dei dati; attraverso questo link potrai trovare i cambiamenti ed i benefici di HTTP 2.

http

 

Element Queries

E’ un Javascript che permette di  eseguire ed interrogare le query element.

elementq

 

Elementor (WordPress)

Elementor è un plugin di WordPress che permette di costruire da zero Layout web con il Drag and Drop.

elementor

 

Github dark

Github dark è formato da un tema più scuro che deve essere utilizzato dagli sviluppatori che lavorano in ambienti con poca luca per permettere loro di non affaticare gli occhi.

github

 

BarbaJS

E’ una libreria Javascript che permette di inserire l’effetto di transizione tra le pagine, nel seguente link potrai visualizzare degli esempi.

barba

 

Cloudflare UI

Attraverso Cloudflare UI potrai conoscere dettagliatamente tutti i componenti che potrai utilizzare per il tuo sito web.

cloud

 

CSS Specificity

Attraverso CSS Specificity finalmente avrai le idee chiare su che cos’è il CSS e come può essere creato.

css

 

Alla prossima!

 

Le migliori risorse per gli sviluppatori – Agosto 2016. In questo articolo ti mostriamo le migliori risorse free per gli sviluppatori tra cui diversi tools e framework che ti aiuteranno a sviluppare nel migliore dei modi il tuo sito Web.

Di seguito le migliori risorse per gli sviluppatori – agosto 2016:

Cutestrap

Cutestrap è un framework e permette di creare le più comuni interfacce web come Form, pulsanti di navigazione, tabelle e molto altro.

cutestrap

 

Intercooler

Intercooler è una libreria Javascript che permette di applicare il linguaggio Ajax attraverso semplici attribuiti in HTML, puoi visualizzare la guida cliccando qui!

intercooler

 

Vital

Vital è un Framework sviluppato con il linguaggio Rouge mentre la sintassi si basa su Ruby; è molto leggero e non è legato in alcun modo a Javascript.

vital

 

Microsoft Web Framework

MWF è il Framework di Microsoft basato da un linguaggio moderno, pulito e minimalista; sono integrati diversi componenti che ti permetteranno di creare bellissimi form, pulsanti, etc modificando i colori, i caratteri e le animazioni.

getmwf

 

Weex

Weex è il Framework sviluppato da Alibaba e permette di costruire app per smartphone e tablet attraverso i linguaggi HTML, CSS e Javascript.

weex

 

Browser Calories

Browser Calories è un estensione di Google Chrome e misura il peso di un sito web attraverso una scansione dei files caricati all’interno dello stesso; attraverso questo tool potrai ottimizzare il tuo sito web.

browser-calories

 

HTML5 Test

HTML5 Test è un tool online che ti permette di vedere in maniera dettagliata se un determinato sito web supporta il linguaggio HTML5.

html5test

 

Fontea

Fonte è un estensione free di Photoshop che permette di gestire centinaia di Font Google; tu puoi cercare il Font che fa per te direttamente da Photoshop.

fontea

 

Compressor

Compressor è un applicazione Web che permette di comprimere le immagini, diminuendo il peso ma mantenendo ugualmente la qualità della stessa. In questo modo potrai ottimizzare il tuo sito web rendendolo più veloce e performante.

compressor

 

Drizzle

Drizzle ha la funzione di abilitare i comandi Build UI o le guide di stile per il tuo sito web.

drizzle

 

Alla prossima.

 

 

I migliori strumenti e servizi web che ti aiuteranno a velocizzare i progetti online – Puoi aumentare la tua produttività e rendere più veloci i processi attraverso moltissimi strumenti e servizi web che il Team di Xlogic ha deciso di pubblicare in questo articolo.

UptimeRobot

UptimeRobot ti permette di tenere sotto controllo il funzionamento del tuo sito web e ti avvisa se il server dove risiede il tuo sito ha dei problemi o va in down.

Elementor

Elementor è il SiteBuilder di WordPress più popolare e più utilizzati dagli utenti nel web; Più di 900 mila persone utilizzano Elementor per creare il proprio sito web.

uSocial

uSocial è molto semplice da installare, inoltre i pulsanti “mi piace” e “condividi” hanno un design alla moda e possono essere facilmente inseriti in qualsiasi parte.

Aggiungi i pulsanti e traccia le statistiche ed il numero di condivisioni mediante lo strumento contatore.

RumbleTalk

RumbleTalk offre uno strumento di Chat che puoi implementare in maniera semplice all’interno del tuo sito web; ti consente di avere una connessione diretta con i visitatori del tuo sito web e questo garantisce conversioni migliori.

WrapPixel

WrapPixel offre gratuitamente moltissimi modelli .psd, modelli di siti web, modelli html e molto altro.

Foxy.io

Foxy.io rappresenta il futuro dell’e-commerce e può essere integrato all’interno del tuo sito web, nei CMS come WordPress.

Crello

Crello è uno strumento di progettazione molto semplice da utilizzare che ti permette di creare dei Design impressionati e professionali; può essere utilizzato per creare Post per i Social Network, per i Post animati, per gli annunci digitali e per i materiali di stampa.

UCalc

uCalc è un Builder che permette di creare modelli di siti web (costruzione e riparazione, servizi auto, servizi di consegna, bar e ristoranti, etc) per poter calcolare determinati valori in maniera del tutto automatica.

Codester

Codester è la principale piattaforma per gli sviluppatori e per i WebDesigner perché permette di acquistare e vendere script php, temi di siti web, plugin, elementi grafici e molto altro.

StickerYou

StickerYou vende etichette personalizzate, adesivi e molto altro ancora; inoltre è possibile far stampare qualsiasi dimensione, forma e quantità per migliorare la tua attività.

 

Stanco del solito hosting? Prova il nostro Hosting e utilizza in fase d’ordine il codice sconto del 30%.

Le migliori risorse per gli sviluppatori – Aprile 2017 Per il mese di Aprile lo staff ha selezionato delle nuove risorse per lo sviluppo del sito web che includono delle applicazioni web che ti aiuteranno a conoscere il nuovo modulo CSS e ti permetteranno di apprendere nozioni sul codice PHP attraverso schemi di progettazione e molto altro ancora.

Di seguito le migliori risorse per gli sviluppatori di Aprile 2017:

Chroma .js

Le migliori risorse per gli sviluppatori - Aprile 2017

Chroma è una libreria Javascript che ti permetterà di manipolare i colori, inoltre supporta diversi formati come RGBA, RGB ed HEX ed è possibile modificare i colori mediante la luminosità, il contrasto e la saturazione.

Easy Map

Attraverso questa risorsa potrai aggiungere il tuo shop all’interno della mappa mediante il codice API di Google Maps e l’indirizzo della posizione attraverso il formato JSON.

Bash Guide

Bash Guide è una guida che aiuterà gli sviluppatori che hanno appena iniziato a conoscere le principali linee di comando.

Chassis Desktop

Chassis è una configurazione progettata intorno a WordPress ed ha lo scopo principale di monitorare costantemente il funzionamento dei plugin e dei temi del CMS.

Fabri.ca

Fabrica è una raccolta di strumenti per sviluppare il CMS WordPress dall’inizio alla fine, ed è una risorsa molto utile per chi utilizza questo fantastico CMS.

Chrome Mysql Admin

Chrome Mysql admin è un estensione di Google Chrome con lo scopo di farti gestire il tuo database Mysql.

Tippy .js

Tippy è una completa libreria JavaScript utile per creare i ToolTip (elementi comuni dell’interfaccia grafica dell’utente).

React Fundamentals

React è probabilmente la prima libreria Javascript con uno scopo ben preciso, quello di diventare la soluzione definitiva per i programmatori frontend e app mobile basati sul linguaggi HTML5.

React è stata creata da Facebook ed è la colonna portante del Social Network più popolare del mondo; se vuoi partire da zero ed iniziare a conoscere React puoi iscriverti gratuitamente al corso.

Inoltre la libreria può essere scaricata dal seguente link:

 

Alla prossima!

WordPress è il CMS più popolare e più utilizzato dagli utenti nel mondo del Web, questo grandissimo successo è giustificato dalla facilità nel creare un sito web esteticamente bello ed effettivamente funzionante ma anche dalla quantità immensa di plugins e temi che si trovano in circolazione che ti permettono di effettuare qualsiasi operazione.

WordPress è pieno di funzioni per gli sviluppatori, ad esempio è possibile estrarre tutti gli articoli in un batter d’occhio, manipolare tutti i dati ed effettuare moltissime altre operazioni, in questo articolo vedremo insieme le funzioni ritenute più utili che non sono molto conosciute sul web:

Le 10 funzioni più utili che uno sviluppatore WordPress deve conoscere

Le 10 funzioni più utili che uno sviluppatore WordPress deve conoscere

wp_die()

Questa funzione integra la funzione PHP die () con la sola differenza che wp_die() mostrerà il messaggio HTML in stile WordPress al posto di un semplice schermata di testo.

Puoi utilizzare per esempio questa funzione per fermare l’esecuzione del codice PHP, inoltre è possibile aggiungere il titolo, il messaggio e gli argomenti aggiuntivi da visualizzare in questo modo:

1wp_die( "Oops, non hai l'accesso per", "Permesso Negato" );

wpautop()

Ad oggi wpautop() è una funzione ancora sconosciuta, è simile alla funzione nativa di PHP nl2br ma invece di creare nuove linee, racchiude il contenuto in paragrafi.

Questo funzione è utile quando ad esempio hai una casella di testo e vuoi assicurarti che quando gli utenti creano paragrafi con interruzioni di linea doppia rimangono visibili anche nel front-end.

1<h2>Che cosa dicono i nostri utenti</h2>
2<?php echo wpautop( $user_comment ) ?>

get_post_meta()

Cominciamo con il dire che omettendo il secondo ed il terzo parametro è possibile estrarre tutti i metadati per un post.

La ragione è in realtà piuttosto logica in quanto i metadati vengono usati in più posti, quindi se <code> get_post_meta () </ code> esegue una query sul database ogni volta che viene utilizzato, ci ritroveremmo troppe query.

Per velocizzare l’operazione è necessario far memorizzare in cache i metadati ed utilizzare i valori memorizzati su tutti i successivi recuperi dei metadati.

1 $all_meta = get_post_meta( 14 );

human_time_diff()

Questa funzione mostra quanto tempo fa è stato pubblicato un post attuale ed utilizza la data di pubblicazione come primo argomento e la data corrente come secondo.

1 echo 'Questo articolo è stato pubblicato ' . human_time_diff( get_the_time( 'U' ),
current_time( 'timestamp' ) ) . ' ago';

has_block()

Nella versione 5.0, WordPress ha introdotto un Editor basato sui blocchi chiamato Gutenberg (per maggiori informazioni sulla versione WordPress 5.0 clicca qui).

Questa funzione ha lo scopo di identificare il contenuto comunicando se contiene un blocco o se non è composto da blocchi.

1 <?php
2 if ( has_block() ) {
// Content has a block.
4 } ?>

register_block_type()

Questa è un’altra funzione che è nata grazie alla versione WordPress 5.0 perché ti consente di registrare un nuovo blocco nel nuovo editor di WordPress, di seguito un esempio per inserire un blocco nell’editor Gutenberg WP:

1register_block_type( 'my-plugin/new-block', array(
2'title' => 'Nuovo blocco',
3'icon' => 'home',
4'category' => 'widgets',
5'render_callback' => 'render_function_callback',
6) );

wp_set_script_translations()

Questa funzione è utile per registrare testi traducibili nel codice JavaScript che WordPress potrebbe analizzare e comprendere e deve essere utilizzata per impostare stringhe tradotte per i tuoi script.

Di seguitoti riportiamo un esempio di utilizzo della funzione wp_set_script_translations():

1wp_enqueue_script( 'my-script', plugins_url( 'js/my-script.js', __FILE__ ) );
2wp_set_script_translations( 'my-script', 'mu-text-domain' );

wp_is_mobile()

Questa funzione ha lo scopo di rilevare quando un utente sta viaggiando mediante un dispositivo Mobile e consente di avvisarlo di  viaggiare con la versione Desktop per ottenere un’esperienza di navigazione migliore.

Poiché questa funzione è legata ad un Tag condizionale restituisce i valori true o false a seconda dello scenario di utilizzo.

1<?php if( wp_is_mobile() ) : ?>
2Visita il nostro sito web dal tuo Computer per un'esperienza di navigazione migliore!
3<?php endif ?>

antispambot()

Questa funzione che puoi utilizzare sul tuo sito WordPress sostituisce i caratteri con entità HTML permettendo in questo modo di mascherare gli indirizzi email evitando così che gli spammer possano prelevarlo per inviare mails in spam.

1$email = 'mymail@mail.com';
2echo 'You can contact me at ' . antispambot( $email ) . ' any time'.

wp_upload_bits()

Questa funzione permette di effettuare il caricamento di un file diretto senza dover spostare il file nella cartella uploads e senza doverlo aggiungere alla sezione media di WordPress.

  • Il primo parametro è il nome del file
  • Il secondo è deprezzato quindi dovrebbe essere impostato su null (eyeroll in coerenza con WordPress)
  • Il terzo parametro è il contenuto effettivo del file

1$upload = wp_upload_bits( $file['name'], null, file_get_contents( $file['tmp_name'] ) );

Per concludere

Queste sono solamente alcune funzioni che uno sviluppatore WordPress dovrebbe conoscere, lasciaci un commento se conosci delle funzioni che secondo te sono utili ed importanti ma non le abbiamo inserite all’interno di questo Post!

Alla prossima!