Archivio per la tag 'webdev'

Codr: condividere codice online

Codr è un’applicazione semplicissima che può tornare davvero utile per condividere codice online.

Pensata per programmatori, blogger, webmaster, web designer, gestori di siti web, può essere usata comodamente da chiunque.

Accedendo gratuitamente al servizio e senza doversi registrare otterremo un editor, una pagina bianca da condividere con un link breve su cui digitare qualsiasi tipo di codice: HTML, PHP, JavaScript…

Il link può essere condiviso con altri programmatori, con i colleghi e gli amici, con chiunque in modo che si possano reperire informazioni online, per modificare il codice o per trasferirlo da una mano all’altra senza problemi.

Codr.cc è un servizio estremamente minimalista ma molto funzionale.

Provare applicazioni e siti web con iPhone 4 Simulator

iphone4simulator

iPhone 4 Simulator è un’applicazione che consente di provare applicazioni e siti web e verificare come funzionano nell’iPhone.

Il servizio, a mio avviso, è destinato soprattutto agli sviluppatori di applicazioni per iPhone, i quali potranno effettuare un test del loro lavoro senza dover aprire link sul telefonino in Safari risparmiando tempo ed energie.

Ovviamente anche blogger e webmaster potranno verificare il funzionamento dei loro siti web.

Per ottenere il test basta incollare un link nell’iPhone virtuale ed iniziare la navigazione proprio come se fossimo in Safari mobile.

iPhone 4 Simulator funziona in Firefox, Safari e Chrome, è un servizio gratuito e non richiede registrazione.

Simures: testare siti web in diverse risoluzioni

simures

Simures è un’applicazione web per blogger, webmaster e web deisgner che permette di testare siti web in diverse risoluzioni.

Basta inserire un URL e tutto avviene in tempo reale al digitare il numero di pixel della larghezza e dell’altezza desiderate, senza dover aprire altre pagine.

Il test può essere condiviso con un apposito link del tipo http://www.simures.com/1024×800/www.maestroalberto.it/.

Si può avviare il test per qualsiasi pagina web e non solo per la home.

Si tratta dunque di un aiuto per rendere più semplice il lavoro a chi si occupa della costruzione di blog e siti web.

Simures è un servizio gratuito che non richiede registrazione.

Disegnare sopra le pagine web con MarkUp.io

markup.io

Attraverso un bookmarklet da installare sul browser e da utilizzare come pulsante durante la navigazione, MarkUp.io permette di disegnare sopra le pagine web.

Una volta avviato, lo strumento consente di inserire note di testo, scritte, frecce, cerchi, rettangoli, schizzi e annotazioni a mano libera scegliendo il colore e la dimensione del tratto.

In questo modo, soprattutto blogger, webmaster e web designer, possono comunicare idee riguardo il disegno e la grafica di blog e siti web.

Concluso il lavoro di annotazione, infatti, si può salvare un’immagine, un vero e proprio screenshot da condividere online con un link.

MarkUp.io è uno strumento gratuito che non richiede registrazione.

ShareSidebar: aggiungere una barra laterale con i bottoni dei siti sociali a un sito web

sharesidebar

Attraverso una semplice procedura guidata ShareSidebar permette di aggiungere una barra laterale con i bottoni dei siti sociali a un sito web.

Include FaceBook, Twitter, Delicious, Digg, Google Buzz, StumbleUpon, Reddit, Yahoo Buzz. Si può decidere se metterli tutti o selzionarne soltanto alcuni.

E’ necessario anche scegliere se posizionarla a destra o a sinistra del sito.

Per ottenere il codice embed da installare in un blog o un sito web si deve lasciare un indirizzo email valido e, ovviamente, inserire l’URL del dominio in cui la si vuole mostrare.

I bottoni mostrati sono quelli tipici dei social media ormai molto diffusi in molti siti web 2.0 molto apprezzati dai visitatori per la condivisione dei contenuti nei siti sociali.

Un’idea decisamente interessante che arriva al momento giusto.

ShareSidebar è un un servizio del tutto gratuito.

A quando un apposito plugin per WordPress che sia funzionale e leggero con le stesse caratteristiche?

HTML5 Elements: la tavola periodica degli elementi HTML

html5elements

HTML5 Elements è uno schema di riferimento, una vera e propria tavola periodica degli elementi HTML.

Contiene 104 elementi corrispondenti ad altrettanti tag.

Cliccandoci sopra otterremo la descrizione e i link alle guide di riferimento (W3C Developer’s Guide e W3Schools).

I tag sono suddivisi in base alla loro funzione utilizzando colori diversi.

Si può inserire il link di un sito web e vedere quali elementi HTML5 esso sta usando.


Pixel Art

Pixel Art

Coding

Coding

albertopiccini.it

Se stai cercando notizie e contenuti sul mondo della Scuola Primaria, clicca sul banner sopra.

Seguimi

Fanpage: