Page To Popup

4 agosto 2021

COME VISUALIZZARE UN SITO IN MODALITA’ MOBILE

Page To Popup è un’estensione disponibile per i più diffusi browser che vi consentirà di visualizzare un qualsiasi sito web in modalità “mobile”.
Una volta installata l’estensione sarà possibile visualizzare il sito che si sta visitando così come appare in un dispositivo mobile in un apposito popup.
Page To Popup permette diverse visualizzazioni: iOS, Android, Windows Phone ecc.
L’estensione può tornare molto utile anche agli sviluppatori web in modo da poter ottimizzare il codice per le versioni mobili dei siti a cui si sta lavorando.

COME VISUALIZZARE UN SITO IN MODALITA' MOBILE

Scarica l’estensione: https://chrome.google.com/webstore/detail/page-to-popup/cogjjiejkomalkfdepejjdninlhlcgci

COME VISUALIZZARE UN SITO IN MODALITA' MOBILE
.
Leggi il seguito di questo post »

Can I Use?

29 luglio 2021

COME VERIFICARE IL FUNZIONAMENTO DI  SCRIPT E COMPONENTI WEB

Can I Use? è una risorsa online particolarmente utile agli sviluppatori web che potranno sapere in anteprima quali componenti web risultano compatibili sui vari browser e sistemi operativi.
Con Can I Use sarà dunque possibile cercare una specifica funzionalità, libreria, tecnologia web o codice HTML, CSS o JavaScript e sapere subito su quali browser è attualmente supportata o non.
Attraverso dettagliate tabelle di comparazione sapremo subito quali componenti sono funzionanti sui diversi browser e quali magari evitare per motivi di compatibilità.
Attraverso una specifica sezione sarà altresì possibile confrontare selettivamente i diversi browser disponibili.

COME VERIFICARE IL FUNZIONAMENTO DI  SCRIPT E COMPONENTI WEB

Accedi alla risorsa: https://caniuse.com/

Per meglio capire il funzionamento della risorsa è disponibile questo video.

COME VERIFICARE IL FUNZIONAMENTO DI  SCRIPT E COMPONENTI WEB

Leggi il seguito di questo post »


Draw On Page

7 aprile 2021

COME DISEGNARE SU UNA PAGINA WEB

Draw On Page è un’estensione disponibile per i più diffusi browser che vi permetterà di disegnare direttamente su una pagina web.
Una volta installata, sarà possibile accedere al menu con gli strumenti e di conseguenza disegnare linee o forme direttamente sulle pagine web che visitate.
Di conseguenza sarà possibile stampare la pagina con le vostre modifiche e annotazioni oppure salvarla per futuri utilizzi.
Oltre che per evidenziare delle parti o prendere appunti, Draw On Page si presta all’utilizzo da parte dei web designer che in questo modo possono effettuare schizzi e/o modifiche per fissare meglio le idee.

COME DISEGNARE SU UNA PAGINA WEB

Scarica l’estensione: https://chrome.google.com/webstore/detail/draw-on-page/ngmfehckdahhmlbabjemcepfhgnoddlo

COME DISEGNARE SU UNA PAGINA WEB

.

Leggi il seguito di questo post »


Mimo

29 dicembre 2020

COME IMPARARE A PROGRAMMARE UN PO’ AL GIORNO

Mimo è un’istruttiva app per android che vi consentirà di studiare la programmazione e lo sviluppo web attraverso brevi lezioni giornaliere.
Il funzionamento di Mimo è molto simile a quelle app per l’apprendimento delle lingue; si potranno creare dei percorsi di apprendimento e quotidianamente seguire lezioni e svolgere prove di valutazione dei vostri progressi.
Una volta impostato il vostro livello di partenza (principiante, intermedio o esperto) si potrà iniziare l’apprendimento mediante un utilizzo quotidiano dell’app.
Attraverso Mimo si potranno studiare diversi linguaggi

  • di programmazione come Python, Java, C++, SQL, Ruby e altri;
  • dedicati allo sviluppo web come HTML, JavaScript, PHP, CSS;
  • oppure dedicati allo sviluppo di app per dispositivi mobili come Swift o Kotlin.

Ogni argomento trattato nelle lezioni sarà da esercizi che vi permetteranno di valutare i vostri progressi. Inoltre sarà possibile effettuare sfide di coding nonché realizzare progetti reali attraverso l’editor integrato nell’app.
Con Mimo imparare a programmare potrà diventare la vostra abitudine quotidiana!

COME IMPARARE A PROGRAMMARE UN PO' AL GIORNO

Scarica l’app: https://play.google.com/store/apps/details?id=com.getmimo

Oppure utilizza l’immagine qr sotto riportata.

COME IMPARARE A PROGRAMMARE UN PO' AL GIORNO

COME IMPARARE A PROGRAMMARE UN PO' AL GIORNO

. Leggi il seguito di questo post »


Color Picker App

14 Maggio 2020

COME RISALIRE AI CODICI COLORE ATTRAVERSO LA FOTOCAMERA

Color Picker è un’interessante app per i sistemi Android che vi permetterà di risalire ai colori, con i relativi codici, da immagini prese con la fotocamera dello smartphone.
Inquadrando un qualsiasi oggetto, potremo vedere in sovrimpressione, ancora prima di scattare la foto, i colori che la compongono.
Una volta scelto il colore che vi interessa, si potranno avere tutte le informazioni a riguardo negli standard più diffusi (RGB, CMYK ecc) nonché copiarne i codici per utilizzarli nei vostri progetti (grafica, web design e altro).
Inoltre, attraverso Color Picker sarà possibile accedere ad una sezione dove verranno proposte delle palette con degli abbinamenti di colori pronti per le vostre applicazioni.
Color Picker App si rivela un ottimo strumento per la rilevazione dei colori “on the go” permettendovi di ottenere informazioni e codici dei colori mentre gli state osservando direttamente dalla fotocamera del vostro smartphone.

COME RISALIRE AI CODICI COLORE ATTRAVERSO LA FOTOCAMERA

Scarica l’app: https://play.google.com/store/apps/details?id=gmikhail.colorpicker

Oppure utilizza il codice qr sotto riportato.

COME RISALIRE AI CODICI COLORE ATTRAVERSO LA FOTOCAMERA

COME RISALIRE AI CODICI COLORE ATTRAVERSO LA FOTOCAMERA

. Leggi il seguito di questo post »


Open Peeps

2 Maggio 2020

DOVE TROVARE DISEGNI DI PERSONE GRATUITI

Open Peeps è una libreria di immagini, ovvero di disegni, di persone utilizzabili gratuitamente per i vostri progetti.
Open Peeps mette dunque a disposizione una vasta libreria di figure di persone scaricabili in formato PNG o SVG o, attraverso una registrazione gratuita, riceverle via email in un pacchetto pronto per l’utilizzo con software dedicati, tipo Sketch o Figma.
Tra le varie figure disponibili, troveremo espressioni del viso, pose in piedi e da seduti, accessori e acconciature.
Attraverso i software dedicati, sarà possibile cambiare i colori o realizzare composizioni combinando gli elementi presenti nelle varie figure.
Open Peeps si rivela un’ottima risorsa per tutti quei creatori di contenuti che hanno bisogno di immagini facilmente utilizzabili per il marketing, lo storytelling, il web design ecc..

DOVE TROVARE DISEGNI DI PERSONE GRATUITI

Accedi alla risorsa: https://www.openpeeps.com/

DOVE TROVARE DISEGNI DI PERSONE GRATUITI

.

Leggi il seguito di questo post »

QREST Client

14 aprile 2020

COME ANALIZZARE LE RICHIESTE HTTP DELLE API WEB

QREST Client è un utile strumento che vi permetterà di analizzare le richieste HTTP provenienti dalle API web presenti nei siti che visitate.
Indicando le specifiche URL da contattare specificando se la richiesta sarà di tipo GET o Post; di conseguenza sarà possibile visualizzare la struttura dei dati (tipo JSON) e di conseguenza modificare i parametri.
Inoltre QREST Client vi fornirà tutte le informazioni sulle chiavi e sui valori permettendovi di interagire con le API del sito in questione.
QREST Client si rivela un ottimo strumento di debug che andrà ad integrare i vari elementi di ispezione presenti sui più diffusi browser web.

COME ANALIZZARE LE RICHIESTE HTTP DELLE API WEB

Scarica il software: https://github.com/peterkomar/qrestclient

COME ANALIZZARE LE RICHIESTE HTTP DELLE API WEB

. Leggi il seguito di questo post »


Vectr

28 marzo 2020

COME FARE GRAFICA VETTORIALE ONLINE

Vectr è una semplice quanto potente risorsa online che vi permetterà di realizzare i vostri progetti di grafica vettoriale.
Accedendo alla risorsa avrete a disposizione diversi strumenti per la creazione dei vostri contenuti; sarà possibile creare forme regolari, tracciare linee a mano libera, inserire del testo, importare un’immagine, modificare i colori, lo sfondo, le ombreggiature, i bordi ecc.
Per ogni elemento inserito sarà possibile posizionarlo, ridimensionarlo e interagirci attraverso la struttura a livelli che vi consentirà tutte le operazioni tipiche degli editor vettoriali di alto livello senza il bisogno di installare pesanti software essendo Vectr liberamente fruibile da qualsiasi browser.
Con Vectr sarà dunque possibile realizzare sofisticati progetti come elementi per le pagine web, volantini, biglietti da visita, sfondi e quant’altro possa suggerirvi la fantasia.

COME FARE GRAFICA VETTORIALE ONLINE

Accedi alla risorsa: https://vectr.com/

Sul sito ufficiale, disponibili guide https://vectr.com/user-guide/

e tutorial https://vectr.com/tutorials/

Per meglio capire le potenzialità di Vectr è disponibile questo video introduttivo

COME FARE GRAFICA VETTORIALE ONLINE

. Leggi il seguito di questo post »


SoftIcons

21 febbraio 2020

DOVE TROVARE ICONE E STRUMENTI GRATUITI

Tra i vari siti che raccolgono icone scaricabili gratuitamente online, una doverosa menzione la merita SoftIcons.
Questo sito propone numerosi set di icone per ogni utilizzo; dal web design fino allo sviluppo di applicazioni per dispositivi mobili.
Per ogni set, sarà possibile scaricare le icone che desideriamo in diversi formati grafici per meglio adattarle alle nostre esigenze; infatti sarà possibile procedere al download sia in formato .ico che in formato .png proposte in diverse dimensioni.
Inoltre su SoftIcons troveremo due utili strumenti per personalizzare le icone:

  • Un convertitore online per trasformare qualsiasi immagine in icona;
  • Un generatore di favicon (ovvero quei piccoli loghi da associare ad un sito web che verrà visualizzata nella barra di navigazione e tra i preferiti del browser).

SoftIcons si rivela dunque una preziosa risorsa per gli sviluppatori web e software consentendovi di trovare facilmente la giusta icona per ogni utilizzo.

DOVE TROVARE ICONE E STRUMENTI GRATUITI

Accedi alla risorsa: http://www.softicons.com/

DOVE TROVARE ICONE E STRUMENTI GRATUITI

. Leggi il seguito di questo post »


Compart

26 settembre 2019

DOVE TROVARE UN ELENCO COMPLETO DI TUTTI I SIMBOLI UNICODE

Compart è un interessante sito web che propone un elenco completo di tutti i simboli UNICODE e relativi codici.
Attraverso il menu a sinistra, sarà possibile navigare nel sito per trovare, finemente indicizzati, tutti i codici UNICODE suddivisi per categoria.
Avremo dunque a disposizione tutte le mappe dei caratteri disponibili con relativo codice HTML per inserirli facilmente nelle nostre pagine web.
Inoltre, per ogni carattere è presente un’esaustiva scheda riassuntiva che ci mostrerà, oltre al codice alfanumerico per la sua incorporazione, anche il tipo di codifica utilizzato nonché altre utili informazioni e referenze.
Compart si rivela un’ottima risorsa per tutti gli sviluppatori che troveranno in un unico sito tutti i caratteri disponibili nei vari standard UNICODE.

DOVE TROVARE UN ELENCO COMPLETO DI TUTTI I SIMBOLI UNICODE

Accedi alla risorsa: https://www.compart.com/en/unicode/

DOVE TROVARE UN ELENCO COMPLETO DI TUTTI I SIMBOLI UNICODE

. Leggi il seguito di questo post »


Airtable

5 giugno 2019

COME INSERIRE TABELLE E DATABASE IN UN SITO WEB

Airtable è un’utile risorsa web che vi permetterà di inserire una tabella dinamica di un database nel vostro sito o blog, permettendovi di condividere facilmente informazioni di vario genere in modo visuale.
Una volta attivato un account gratuito sarà possibile creare il vostro database inserendo testo, immagini, link e di organizzarli nel modo che meglio si adatta alle vostre esigenze.
Attraverso la pratica interfaccia web di Airtable sarà possibile aggiornare il vostro database per meglio far fronte alle vostre necessità di comunicazione inserendo i vari elementi e organizzando i contenuti in modo chiaro ed efficace.
Il plus valore di Airtable è rappresentato dalla vasta gamma di possibilità di inserimento, permettendovi di fruire, oltre che di testo, link e immagini, anche di codici a barre, checkbox, gallerie di immagini, menu interattivi nonché la possibilità di creare relazioni tra diversi database interoperanti.
Alla fine basterà inserire lo short url che vi verrà fornito per ottenere un efficace strumento di comunicazione facilmente integrabile su ogni piattaforma web.
Per finire, Airtable offre a chiunque visualizzi il database, la possibilità di interagire con ottimi strumenti di filtro e di ricerca nonché la possibilità di esportare o stampare i dati rappresentati.

COME INSERIRE TABELLE E DATABASE IN UN SITO WEB

Accedi alla risorsa: https://airtable.com/

Per meglio capire le potenzialità di Airtable, è disponibile questo breve video tutorial introduttivo.

COME INSERIRE TABELLE E DATABASE IN UN SITO WEB

. Leggi il seguito di questo post »


Aptana Studio

29 aprile 2019

COME SVILUPPARE APPLICAZIONI WEB

Aptana Studio è una suite open source per sviluppare le vostre applicazioni web.
In un unico ambiente di sviluppo sono presenti tutti gli elementi necessari per permettervi la scrittura del codice.
Attraverso il potente editor sarà possibile scrivere in HTML, CSS, JavaScript, Ruby e addirittura PHP attraverso un server dedicato che vi consentirà di provare il vostro codice direttamente in locale.
Sono integrate inoltre avanzate funzioni di debug e indentatura del codice secondo le specifiche dei vari linguaggi.
Con la flessibilità offerta da Aptana Studio sarà dunque possibile realizzare i vostri progetti web dinamici attraverso un unico ambiente di sviluppo supportante tutte le tecnologie necessarie allo sviluppo di complesse web application.

COME SVILUPPARE APPLICAZIONI WEB

Scarica dal sito originale: http://www.aptana.com/

COME SVILUPPARE APPLICAZIONI WEB

. Leggi il seguito di questo post »


PluginTable

3 aprile 2019

COME SCEGLIERE PLUG-IN E TEMI WORDPRESS

PluginTable è un’ottima risorsa online che vi permetterà di scegliere facilmente i più efficaci plug-in di WordPress tra quelli più diffusi.
L’interfaccia di PluginTable ricorda la tavola periodica degli elementi; cliccando su uno dei tanti plug-in proposti sarà possibile leggerne una breve descrizione e di conseguenza andare alla pagina ufficiale del plug-in sul sito di WordPress.org per avviarne l’eventuale download.
I plug-in proposti sono classificati secondo il numero di installazioni attive e sono indicati per i più svariati utilizzi, dalla condivisione online all’E-Commerce, all’ottimizzazione del vostro blog fino alla gestione dei feed e di tantissimi altri utilizzi.
PluginTable si rivela dunque un’ottima risorsa per la ricerca dei plug-in sui vostri siti/blog realizzati con WordPress.org.

COME SCEGLIERE PLUG-IN E TEMI WORDPRESS

Accedi alla risorsa: https://plugintable.com/

Esiste altresì una simile risorsa che vi permetterà di visualizzare tutti i temi più popolari di WordPress all’indirizzo: https://wpthemetable.com/

COME SCEGLIERE PLUG-IN E TEMI WORDPRESS

COME SCEGLIERE PLUG-IN E TEMI WORDPRESS

.

Leggi il seguito di questo post »

CodeSandbox

29 marzo 2019

COME CREARE APPLICAZIONI WEB ONLINE

CodeSandbox è un vero e proprio ambiente di sviluppo online che vi mette a disposizione raffinati strumenti per le realizzazione delle vostre applicazioni web.
CodeSandbox supporta diversi framework e librerie javascript dedicati allo sviluppo come React, Angular, Preact, Svelte, Vue, CxJS e Dojo.
Attraverso l’interfaccia di CodeSandbox sarà possibile scrivere il codice da qualsiasi dispositivo nonché provare i vostri script direttamente online.
Particolare interessante, la possibilità di condividere il vostro codice con gli altri membri della folta community di CodeSandbox nonché la facile importazione del codice dai repository di GitHub.
Particolarmente utile anche lo strumento di debug che in caso di errori suggerirà una possibile soluzione ai vostri problemi.
CodeSandbox è uno strumento versatile e completo che vi consentirà di migliorare la vostra produttività nella scrittura del codice direttamente online.

COME CREARE APPLICAZIONI WEB ONLINE

Accedi alla risorsa: https://codesandbox.io/

COME CREARE APPLICAZIONI WEB ONLINE

. Leggi il seguito di questo post »


Code Chef

30 gennaio 2019

COME SCRIVERE E COMPILARE UN PROGRAMMA ONLINE

Code Chef è una pratica risorsa web che può tornare molto utile a web designer e sviluppatori in genere.
Attraverso una scarna interfaccia, sarà possibile scrivere codice e compilare direttamente programmi e script direttamente online.
Code Chef supporta tanti diversi linguaggi di programmazione e scripting come Pascal, Java, C++, Perl, Python, Node, Swift, PHP, Ruby ecc.
Una volta scritto o importato il nostro codice sarà possibile compilarlo ed eseguirlo direttamente online di modo da poter provare programmi e script senza dover installare pesanti compilatori per ogni linguaggio.
Per ogni linguaggio supportato, Code Chef mette a disposizione le particolarità d’indentazione del codice proprie di ogni linguaggio nonché delle pratiche scorciatoie di autocompletamento  del codice.
Inoltre, Code Chef permette di personalizzare l’ambiente di sviluppo utilizzando i colori che meglio si adattano alle nostre esigenze.
Code Chef si rivela dunque un’ottima risorsa sempre pronta all’uso raggiungibile da qualsiasi browser con qualsiasi dispositivo e sistema operativo!

COME SCRIVERE E COMPILARE UN PROGRAMMA ONLINE

Accedi alla risorsa: https://www.codechef.com/ide

COME SCRIVERE E COMPILARE UN PROGRAMMA ONLINE

. Leggi il seguito di questo post »