Nuova pagina per scrivere i post!

Dopo tre settimane di lavoro non molto intenso in cui appena finita una funzonalità ne veniva in mente una nuova da aggiungere, finalmente ho esaurito le idee (ma è solo questione di giorni) e ho avuto l'occasione di presentare la nuova interfaccia usata per aggiungere nuovi post.

Precedentemente questo lavoro era svolto da ben otto pagine di html e php e le funzionalità erano estrememente ridotte, dopotutto era la prima form funzionante che avessi creato, e anche il codice php è uno dei più vecchi presenti su questo sito. Bene tutto questo è stato ridotto a ben otto pagine web!!

Oohh, tre settimante per eliminare nemmeno una pagina? Che forza!! Beh, è giusto dire che le otto pagine precedenti sono state compresse (tolte ripetizioni di codice più che altro) in due sole pagine, mentre le altre sei comprendono nuovo codice php, css e javascript che aggiunge molte nuove ed interessanti funzionalità a questa pagina, ma prima i numeri (ci tenevo tanto a dirlo !!)

500 righe di codice php

500 righe di codice javascript

240 righe di regole css

Si lo so, non sono quantità enormi, ma abbastanza corpose per un ignorantone come me (si si lo so, sono troppo modesto!!)

Ma adesso diamo un'occhiata alle sue caratteristiche:

Anteprima in tempo reale

Mentre scrivo comodamente il nuovo post sopra la form cominciano ad apparire magicamente tutte le parole, immagini e contenuti multimediali che sto aggiungendo in modo da sapere esattamente cosa apparirà e come apparirà il nuovo post.

Toolbar

Semplice ma potente:i tre pulsanti a sinistra permettono di inserire i tag necessari per il paragrafo, citazione e codice (ma pensavo di aggiungere anche quella per il titolo) nella posizione scelta e con all'interno il testo selezionato.

Gli altri quattro pulsanti servono per attivare le funzionalità a mio parere più interessanti e per far questo si servono di una sidebar che vedremo tra poche righe.

Infine la toolbar insieme alla sidebar possono staccarsi dalla loro posizione originale e rimanere agganciate alla finestra in modo da essere sempre disponibili a chi scrive.

La sidebar

La sidebar ha quattro funzioni diverse, una per ogni pulsante e le vedremo in dettaglio una per una:

Ricerca e aggiunta post

A volte capita di dover linkare un post che ho scritto precedentemente. Con questa funzione cominciando a digitare delle parole chiave vengono proposti in tempo reale i titoli dei post più pertinenti alle parole cercate.

Aggiunta link

Funzione più semplice ma comunque utile. Permette indicando il nome e l'indirizzo di creare il collegamente senza dover mettere mano ai tag.

Ricerca immagini

Stesso discorso dei post si può fare per le immagini. In questo modo è possibile cercare immagini tra quelle inserite nel sito (notate che è già stata integrata l'immagine appena sopra questa) e aggiugerle al post.

Upload immagini

E dulcis in fundo ecco l'ultima funzionalità applicata a questa pagina. Grazie a questa è possibile inviare in tempo reale nuove immagini che vengono salvate sul sito e vengono immediatamente rese disponibili per essere aggiunte al post.

Oltre a immagini jpeg e png è possibile inviare file zip contenenti più immagini che verranno estratte e rese disponibili come tutte le altre.

Naturalmente queste funzionalità subiranno modifiche e miglioramenti nel tempo ma quando ho finito l'ultima funzionalità non ho resistito e dovevo per forza provare la nuova pagina!!

Unico ramarrico: a causa del loro scopo su questo sito sarò l'unico a doverla usare, magari la prossima volta penso a qualcosa che potra essere usato da più persone.