HTML

Clutterme.com, editor 2.0 di pagine web

Cari lettori, in questa domenica che dai miei paraggi si prospetta non certo serena, come fare per passare il tempo? Letture geek, un’oretta di studio, un giro fuori con gli amici e… Ma si, oggi ho voglia di scrivere una bella pagina web! Però, che noia… Non ho intenzione di prender carta e penna come faccio di solito… Proprio qualcosa di veloce, giusto per passare il tempo. Ed ecco che, se siete stati vittime anche voi di questo flusso di coscienza, giungiamo ad un ottimo servizio (Web 2.0, s’intende) per editare pagine web molto velocemente, ignorando totalmente persino il significato della parola HTML. Oggi andiamo a parlare, dunque, di ClutterMe e, come sempre, vediamo insieme come lavora questo servizio.

WordOff, ottimo semplificatore di codice

Cari lettori, spesso ci capita di convertire (o di salvare) documenti Word o fogli di calcolo Excel in documenti HTML, oppure di scaricare il codice sorgente di una pagina Web per poi strutturarne una scopiazzando lo stesso modello . Questi processi generano fogli HTML zeppi di tag inutili o caduti in disuso col tempo o, nel caso del trasporto di codice esistente in un editor, i tag CSS contenuti nel foglio perdono di significato (e dunque di valore logico) poiché i riferimenti sono errati o assenti.

Per semplificare questi fogli, dunque, le strade sono due: cancellare manualmente i parametri inutili (questa opzione, però, necessita di conoscenze discrete di HTML e degli altri eventuali linguaggi coinvolti) o utilizzare un semplificatore automatico. Se siete grandi pelandroni o temete di danneggiare il foglio cancellando tag e parametri importati, oggi voglio consigliarvi un ottimo semplificatore di codice. Il suo nome è WordOff. Andiamo a vedere insieme come funziona.

Crea il tuo sito facilmente e senza sapere l’Html con BlinkWeb

Tutti ormai abbiamo un sito internet: se prima ce l’avevano solo aziende e personaggi famosi, adesso anche la pasticceria sotto casa ha il suo spazio su Internet.

La creazione di un sito Internet fai da te non è però una delle cose più semplici. Potremo utilizzare un cms visto che ormai ce ne sono tanti in giro o magari utilizzare uno spazio web che permette l’utilizzo di grafica e piattaforme già pronte o ancora, se nessuna delle due soluzioni ci garba, saremo costretti ad imparare un po’ di codici.. a cominciare da HTML per poi apprendere, perchè no, anche il PHP.

Oggi vorrei però spostare l’attenzione su una quarta soluzione fai da te: quale? Il servizio BlinkWeb, ottima applicazione web 2.0 che permette anche ai più inesperti di poter creare e personalizzare il sito che da tanto desiderano nel pieno rispetto delle loro preferenze.

BlinkWeb permette la realizzazione di blog, di piccoli portali ed addirittura di siti commerciali con tanto di form di richieste e liste per le ordinazioni.

Registrati al servizio, ci verrà subito chiesto cosa vorremo realizzare: Salesletter style website, Content style website o Blog style website. Basta scegliere ed andare avanti per ritrovarci ad inserire il titolo del sito. Fatto anche questo saremo pronti per cominciare a costruire le nostre pagine grazie ad un semplice ma allo stesso tempo avanzato editor.

KompoZer, un ottimo editor web per Linux

Gli strumenti per il web disponibili per i sistemi operativi GNU/Linux sono tantissimi, ed ognuno si distingue per una caratteristica. Uno dei più apprezzati e diffusi è certamente KompoZer, un editor web WYSIWYG, ovvero What You See Is What You Get (letteralmente, ciò che vedi è ciò che ottieni). Con KompoZer è possibile creare pagine web in maniera semplice e rapida, avendo sempre a disposizione un’anteprima dei risultati ottenuti.

Sviluppato in seno al progetto Mozilla, è nato dalle ceneri di un altro celebre editor realizzata dalla stessa casa, Nvu, il cui sviluppo è ormai terminato da tempo. Nato per essere estremamente semplice da utilizzare ma allo stesso tempo dotato di feature tali da poter competere con altri software più celebri e rinomati, si è lentamente ritagliato il suo spazio nel mondo degli editor web.

Decidiamo la grandezza dei form HTML in Firefox

Immaginate di scrivere un commento su un blog, dopo tre righe diventa necessario scrollare per vedere tutto ciò che si è scritto, in questo modo diventa molto difficile scrivere commenti di centinaia di parole.

Lo stesso discorso è valido per chi scrive un articolo su WordPress, infatti sebbene l’editor sia ridimensionabiletramite codice a volte molti per pigrizia o perché non sanno di questa possibilità lo lasciano piccolo.

Gmail, come inserire una firma HTML grazie ad un bookmarklet

Come già ribadito in diverse occasioni, uno dei maggiori difetti che Gmail attualmente dimostra di avere è senza ombra di dubbio la mancanza dell’opzione relativa alla firma HTML. Un elemento che per alcuni vuol dire poco o nulla, ma per molti altri (tra cui professionisti o dipendenti di aziende, che devono avere il logo ed i recapiti in ogni mail inviata) significa un’infinità di tempo risparmiato.

Ed allora, quasi inevitabilmente, dal web sono iniziate a spuntar fuori varie soluzioni alternative per ovviare al problema: da userscript (ahinoi malfunzionanti, a causa dei continui aggiornamenti del servizio) ad automatismi esterni con l’ausilio di programmi gratuiti. Bene, oggi è arrivato il turno di un bookmarklet, ovvero un segnalibro speciale che, una volta richiamato mentre si scrive un messaggio, inserisce la firma HTML in Gmail automaticamente.

Roundpic: arrotondiamo gli angoli delle nostre immagini

Rounpic: arrotondiamo gli angolo delle nostre immagini

Già il nome RoundPic permette di sapere a cosa serve questo servizio web, infatti è un tool di editing, dove possiamo facilmente smussare gli angoli di una nostra immagine per trasformarli in angoli arrotondati. Il servizio è davvero molto semplice da utilizzare.

Dovremo semplicemente caricare la nostra immagine o inserire l’URL di questa e cliccare su Round It. Possiamo cosi salvare immediatamente l’immagine ottenuta o cambiare le dimensioni, colore di sfondo e gli angoli arrotondati.

Come utilizzare lo stile capolettera in blog e siti web

Come è noto (e non bisogna certo essere dei geek per saperlo), così come nel resto della nostra società, anche nel mondo del web l’occhio vuole la sua parte. Di conseguenza, inserire degli elementi grafici non importantissimi, ma che riescono al dare quel tocco di unicità alla propria creatura on-line è un qualcosa di incredibilmente importante.

Esempio lampante di questi piccoli elementi sono le lettere in stile capolettera, ovvero quei caratteri situati all’inizio di un paragrafo, con uno sfondo colorato ed una dimensione tale da coprire un paio di righe di testo, proprio come ben visibile dall’immagine a corredo di questo post.

Eccovi quindi una breve guida su come utilizzare lo stile capolettera in blog e siti web, nella quale iniziamo a vedere insieme come è fatto il codice html per applicarlo in modo generico:

< p >< span style="padding-left: 2px; font-size: 70px; background: #f8d456; float: left; padding-bottom: 2px; color: #ffffff; line-height: 55px; margin-right: 5px; padding-top: 2px; font-family: times; paddin-right: 2px" >T< /span >esto di prova< /p >

Video Tutorial: come inserire una firma HTML, RTF o CSS in Gmail con AutoHotKey

Uno dei limiti degli userscript funzionanti in Firefox grazie all’estensione Greasemonkey è che, in servizi web avanzati come Gmail, ogni minimo cambiamento di questi ultimi finisce con l’annullare il corretto funzionamento degli script. Ed a quel punto non rimane che attendere aggiornamenti dagli autori, che (ahinoi) molto spesso non arrivano.

Uno degli userscript più utilizzati dagli utenti di Gmail è sicuramente quello che permette di inserire una firma automatica in HTML in ogni messaggio, ma anche quest’ultimo è spesso soggetto a malfunzionamenti. Ed allora che ne dite di bypassare tutto ciò e vedere insieme a noi come inserire una firma HTML, RTF o CSS in Gmail con AutoHotKey? Basta un programmino gratuito ed open source, uno script funzionante con tutti i browser ed il gioco è fatto.

Ecco come procedere passo passo, mentre sopra trovate una versione video del medesimo tutorial:

Differenze tra la visualizzazione standard e HTML in Gmail

HTML view in gmail

Molto spesso abbiamo parlato di visualizzazione in HTML di Gmail, anche ieri quando ho parlato della barra di caricamento inserita nel loading screen di Gmail, per tutti coloro che utilizzano connessioni lente, ma oggi vediamo quali sono le differenze tra la versione standard e quella HTML.

Innanzitutto dovremo dire addio all’integrazione con Google Docs e Google Calendar, niente scorciatoie da tastiera, non pensiamo neanche di poter chattare tramite la chat, opzioni di composizione come spell checker, formattazione del testo, auto completamento dell’indirizzo mancanti

Nuova “loading screen” per Gmail

Nuovo \"loading screen\" per Gmail

Piccola flash news che farà contenti molti utenti di Gmail che sono costretti ad utilizzare una connessione lenta.

Infatti Google oggi ha inserito un piccolo miglioramento nel loading screen di Gmail, prima avevamo solamente la possibilità di cambiare da visualizzazione standard ad HTML, se la nostre era una connessione lenta.

xyWrite veloce editor online per documenti

xyWrite veloce editor online per documenti

xyWrite è un nuovo tool collaborativo di scrittura, troviamo un interfaccia molto elegante che consiste in un note pad senza toolbar. Infatti il testo può essere formattato utilizzando la guida di formattazione situata nella parte destra dello schermo. Altri dettagli sulla formattazione sono accessibili aprendo il link in alto.

Potremo ovviamente salvare o decidere di cancellare completamente il documento, inoltre via email ci sarà inviato un link con il quale si potrà accedere in seguito al nostro documento.

Metti il turbo al tuo blog WordPress con PHPSpeedy

Aumentare la velocità del nostro sito con PHPSpeedy

Leon Chevalier ha appena rilasciato un interessante script gratuito che permetterà di ridurre il tempo di caricamento del vostro sito o blog. PHPSpeedy riduce le richieste HTTP e comprime i componenti Javascript, CSS e HTML. I risultati sono davvero ottimi, questi sono i risultati dei test fatti su Geekissimo:

test con PHPSpeedy

Inoltre l’ultima versione dello script include un installer che rende l’abilitazione dello stesso un operazione davvero molto molto facile. Abbiamo testato lo script come detto sulla piattaforma WordPress di Geekissimo, quindi per tutti i blogger che utilizzano questa piattaforma ecco cosa fare:
+ Leggi tutto