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.
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 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.
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..
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.
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.
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 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.
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.
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.
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.
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.
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!
Online Toolz è una vera e propria suite di utili strumenti per formattare il testo online particolarmente adatti agli sviluppatori.
Attraverso una scarna interfaccia web sarà possibile accedere ai più svariati strumenti di formattazione come:
Conversioni di valori da decimali in altre basi numeriche;
Validare e convertire testo in HTML, XML o in altri linguaggi di programmazione e scripting;
Offuscare il codice javascript;
Editor HTML, JAVA, JSON, C e altri;
Effettuare operazioni sui testi come il conteggio delle parole o generare testo casuale;
Generare HASH MD5 e SH1;
Conversione tra diverse unità di misura e molto altro..
Tutti gli strumenti presenti nel menu di Online Toolz possono essere immediatamente utilizzati direttamente dal vostro browser consentendovi di tenerli sempre a portata di click!
COME ANALIZZARE E MODIFICARE GLI ELEMENTI DI UNA PAGINA WEB
VisBug è un’estensione disponibile per il browser Chrome che vi consentirà di ispezionare e modificare tutti gli elementi di una pagina web direttamente dal browser.
Una volta installata l’estensione avremo a disposizione una serie di strumenti che ci consentirà di agire in tempo reale su una qualsiasi pagina web, permettendoci di modificare il testo, spostare o cambiare immagini, colori ed elementi in genere.
Visbug si rivela un ottimo strumento di debug nonché fonte di ispirazione per gli sviluppatori che potranno interagire in tempo reale con ogni elemento di una pagina web navigando tra i vari layout e apportando modifiche subito visibili attraverso un’interfaccia semplice e pulita sempre a portata di browser.
Pubblicato da pejone 
