Essendo io un grande odiatore di ambienti IDE, e un amatore di editor di testo semplici, mi sono imbattuto in un ottimo editor di testo con gran parte delle potenti funzioni di TextMate (per Mac) di nome e-TextEditor.

Purtroppo questo bell’editor è a pagamento, e così sono ripartito alla ricerca, ed ho trovato finalmente l’editor che cercavo. Sto parlando di InType. Gratuito e potente.

Oltre che all’automatica evidenziazione della sintassi nei vari linguaggi, sono disponibili anche delle funzioni di preinserimento codice. Infatti se volete dichiarare una classe, vi basterà scrivere “class” e poi premere “Tab” e il gioco è fatto. La stessa cosa vale per cicli, strutture if, e chi più ne ha più ne metta.

Inoltre una delle cose che mi ha fatto emozionare maggiormente è la presenza di temi.
Di standard sono contenuti una decina di temi, ma è molto semplice scriverne e aggiungerne di personalizzati, o modificare i presenti nella cartella di installazione del programma.
Ottima funzionalità per scrivere in modalità diurna con temi a sfondo chiaro e in modalità notturna con temi a sfondo scuro.

Altrettanto semplice è aggiungere codice autocompletante, basta fare un piccolo sforzo per capire come vengono inseriti i Bundles, sempre nella cartella di installazione!

E come potete vedere da sopra, basta trascinare da Esplora Risorse la cartella in cui si trova il vostro progetto e la cartella resterà sempre lì per aiutarvi nell’apertura dei vostri files.

Vi rimando al sito di InType da dova potrete scaricare questo fantastico software , ancora in fase alpha , ma con ottime potenzialità ed estendibilità!

InType per Windows.

Non mi assumo responsabilità sull’uso di questo post dall’utenza!

Stylish è un addon per Firefox che ci permette di applicare un foglio di stile CSS a tutte le pagine che vogliamo, dopo il caricamento di esse!

Questo è potentissimo, possiamo facilmente costruire un CSS che nasconda ad esempio gli ads dalle pagine che visitiamo più spesso, poichè solitamente gli ads stanno in un div con un id particolare.

A quel punto ci basta dare un:

display:none !important;

Per nascondere la zona indesiderata, oppure possiamo anche mostrare una zona nascosta con:

display:block !important;

Avete mai sognato di poter togliere il conto alla rovescia da Megaupload per scaricare senza attesa?

Facendo dunque un inspect (con Firebug) su una pagina di download di Megaupload (dopo aver inserito il codice alfanumerico di 4 lettere), possiamo ricavare l’id della zona del countdown:

Firebug on Megaupload Screenshot

Come vedete, l’id del conto alla rovescia è “countdown”, ma noi dobbiamo nascondere tutta la zona, e quindi useremo “downloadcounter”.

Si può fare lo stesso inspectando il pulsante di download quando appare dopo i 45 secondi di attesa, e si scopre facilmente l’id “downloadlink”.

A questo punto creiamo il nostro nuovo stile di stylish che ci toglie la fastidiosa attesa!

Installate l’addon e tramite il pulsantino in basso a destra create un nuovo stile incollando il seguente codice!

/*** made by itcoffee.net ***/

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("www.megaupload.com") {

div#downloadlink{

display:block !important;

}

div#downloadcounter{

display:none;

}

}

Buon divertimento nella modifica delle pagine web!

L’immagine parla da sola! (cliccate per ingrandire)

Il nuovo Firefox 3 è fantastico! Finalmente riesco ad apprezzarne le potenzialità!

• la nuova barra degli indirizzi è stata potenziata e ricera in modo ottimale tra gli url visitati in precedenza, tenendo conto anche di quanto visitate quelle pagine!
• Avete chiuso un tab che non volevate chiudere!? No-problem! Ctrl+Shift+T e il vostro tab tornerà da voi più vivo che mai! Inoltre dal menu segnalibri sono elencate le ultime schede chiuse recentemente!
• é apparso un nuovo pulsantino: che elenca le pagine più visitate per averle sempre a disposizione con un paio di click!
• Migliorata le gestione dei segnalibri live! (Feed RSS)
• Rimodernate le icone per calzare a pennello col proprio sistema operativo!
• Un catalogo dei segnalibri, per avere sempre ordinate le vostre pagine preferite!
• Un avvio più rapido ed una gestione migliorata dell’utilizzo di memoria!
• Il nuovo motore Javascript 1.8 , e una gestione migliore delle chiamate XHR.

Cosa state aspettando?!?!

(link diretto al download della versione italiana di Firefox 3 RC1, per tutte le altre lingue andate qui)

Vorreste che tutto ciò fosse un widget personalizzabile scegliendone il titolo e il numero di link da visualizzare?

Tutto questo esiste ed è fatto da me…

Vi presento: Last Updated Widget…

Come ho già accennato sopra, si tratta di un plugin che abilita un Widget (potete vederlo in azione nella nostra sidebar).

Quindi l’installazione è molto semplice:

• Scaricate il file compresso del plugin
• Estraete il file PHP
• Caricatelo nella cartella wp_content/plugins
• Abilitate il plugin dall’amministrazione di Wordpress
• Andate nella sezione di design del blog e aggiungete il nuovo widget
• Configurate il titolo e il numero di post da visualizzare ed il gioco è fatto!

Avete delle richieste / esigenze / suggerimenti particolari?! Commentate qui e fatemi sapere, e io mi darò da fare per migliorare il plugin che è perfettamente compatibile con Wordpress 2.5 .

[mia-sezione background="red"]Questa parte di testo avrà il background rosso[/mia-sezione]

in ->

<span style=”background:red;”>Questa parte di testo avrà il background rosso</span>

Ebbene i nostri amici di Wordpress (con la versione 2.5) ci risparmiano la scrittura di espressioni regolari e inseriscono una nuova funzione che fa tutto per noi e ci aiuta nella scrittura dei nostri plugin!

Vediamo in breve come riprodurre l’esempio fatto sopra..

Cominciamo con lo scrivere una funzione che converta il contenuto del nostro “tag-personale” nel contenuto finale. Alla funzione verranno passati due valori:

• attributi: array associativo
• contenuto: testo (stringa)

Gli attributi sono i parametri chiave->valore del nostro tag, ad es: [mio-tag attributo1="valore1" attributo2="valore2"] che in PHP verranno memorizzati come $attributi['attributoX']=valoreX .

Il contenuto è la parte di testo contenuta tra il tag di apertura e chiusura. NB: il contenuto può anche essere vuoto quindi dobbiamo prevedere un comportamento di default. Nel nostro caso non faremo nulla se il contenuto è vuoto.

Vediamo quindi la nostra funzione:

function mia_sezione_shortcode( $attributi, $contenuto= null ) {

if( !isset($attributi['background']) )

$attributi['background']=’#0AA’;

return ‘<span style=”background:’ . $attributi['background'] . ‘; “>’ . $contenuto . ‘</span>’;;

}

return ‘<span style=”background:’ . $attributi['background'] . ‘; “>’ . do_shortcode($contenuto) . ‘</span>’;

Fatto ciò non resta che registrare la nostra funzione come gestore di shortcode per il tag “mia-sezione”:

add_shortcode(’mia-sezione’, ‘mia_sezione_shortcode’);

Abbiamo finito! Ora possiamo sbizzarrirci a creare plugins senza rallentamenti e con molta comodità!

Vi allego qui il plugin fatto da me per creare le sezioni di codice che uso qui su itcoffee.net che può andare a sostituire il plugin Quickcode nel caso non abbiate bisogno di quei “mostra/nascondi codice” che fornisce quel plugin.

codestyle.zip

Questo progetto si pone l’obiettivo di portare la vostra immagine personale ovunque vogliate, legandola alla vostra e-mail cifrata con MD5 per questioni ovvie di privacy e di protezione da spam.

Vediamo prima un HowTo per le versioni precedenti alla 2.5 che sfrutta il plugin di GRAvatar, poi la guida per la 2.5 e per finire, come standardizzare il proprio tema per tutte le versioni di WP.

Per Wordpress < 2.5:

La parte semplice:

• Scarichiamo lo zip contenente il plugin per wordpress di GRAvatar da qui
• Estraiamo il file PHP conenuto al suo interno e facciamo l’upload del file nella cartella dei plugin di Wordpress
• Andiamo nella parte amministrativa di Wordpress ed attiviamo il nuovo plugin che troveremo in lista

Ed ora la parte “più complessa“:

• apriamo il file “comments.php” del tema che stiamo usando per modificarlo (possiamo anche modificarlo dall’editor di temi integrato in WP Admin)
• se non è incluso nel tema (probabilmente usa quello di default) prendiamo il file comments.php dal tema di default già incluso in wordpress
• scendiamo fino a trovare (una cosa simile a):

<?php foreach ($comments as $comment) : ?>

<li <?php echo $oddcomment; ?>id=”comment-<?php comment_ID() ?>”>

• a questo punto inseriamo appena dopo il seguente pezzo di codice:

<?php if(function_exists(’gravatar’)) {?>

<img class=”avatar” src=”<?php gravatar(’R',50); ?>” alt=”" />

<?php }?>

• Abbiamo appena detto che se il plugin GRAvatar è attivo, deve inserire l’immagine appropriata
• A questo punto non ci resta che sistemare un po’ lo stile (e qui chi ci sa fare può sbizzarrirsi); io vi consiglio il seguente frammento di CSS che dovrebbe andare bene nella maggior parte dei temi.
• Aggiungiamo quindi in coda allo style.css del tema il seguente pezzo di codice:

.avatar{

padding:1px;

border:1px dotted #444;

float:right;

width:50px;

height:50px;

}

Per Wordpress = 2.5:

• Niente di più semplice, il plugin gravatar è già incluso nel cuore del nostro WP quindi non ci resta che sfruttarne le potenzialità!
• Ripetiamo dunque solo la “parte più complessa” del tutorial per le vecchie versioni e al posto di:

<?php if(function_exists(’gravatar’)) {?>

<img class=”avatar” src=”<?php gravatar(’R',50); ?>” alt=”" />

<?php }?>

• sostituiamo:

<?php echo get_avatar( $comment, 50); ?>

Fatto! Niente di più semplice no?!

Per qualsiasi versione di Wordpress:

• Per rendere il nostro tema funzionale su tutte le piattaforme WP non ci resta che aggiungere qualche controllo..
• Quindi nel codicino che sopra vi ho detto di mettere nel file comments.php mettete:

<?php if(function_exists(’get_avatar’)){ echo get_avatar( $comment, 50); } else if(function_exists(’gravatar’)) {?>

<img class=”avatar” src=”<?php gravatar(’R',50); ?>” alt=”" />

<?php }?>

A questo punto penso di avervi detto praticamente tutto, se volete chiarimenti o precisazioni particolari non esitate a chiedere!

Potete apprezzare il risultato direttamente nei commenti ai nostri post!

Buona lettura su itcoffee

Questa politica nell’opensource viene usata molto ultimamente!

In pratica potete dire quello che vorreste che fosse implementato di default in wordpress, i vostri desideri.

Ce ne sono di molto interessanti.

Inoltre vi segnalo (molti già lo sanno) che anche Ubuntu ha aperto una sezione in cui potete dire la vostra e votare le idee degli altri.

Avete già qualche idea?! ecco qui i link:

• Wordpress Ideas
• Ubuntu Brainstorms