UlmDesign JS Resource

Tutorial (123)


Mediamaster Reader Rss

Per il celebre CMS WordPress è disponibile il download del mio nuovo plugin Mediamaster RSS Reader (clicca quì per scaricarlo) che offre la possibilità agli amministratori di includere, salvare e mostrare in un post, nel widget text o in una pagina, con un semplice shortcode: rssMediamaster, i feed di qualsiasi servizio web. È possibile settare un numero minimo di ultimi post che l’amministratore desidera mostrare ai suoi utenti/lettori, rimuovere o meno i tags, l’autore e la data degli stessi post e infine customizzare i colori del titolo, del nome dell’autore, dei tags e dell’anteprima dei contenuti. Spero che sia per te davvero una valida alternativa a quello offerto di default dalla piattaforma WordPress. Buon Lavoro!! Ah dimenticavo: se desideri approfondire le modalità di sviluppo di un plugin progettato per WordPress t’invito ad estrarre il contenuto della cartella e ad esaminare le funzioni native offerte dalla piattaforma contenute nel file mediamaster_rd_rss.php.



CSS3 Internet Explorer 10

Nell’apprezzabile articolo pubblicato da David Rousset, su HTML5 Center, l’autore t’introduce nell’adozione della nuova sintassi CSS3 che riguarda le animazioni dei componenti con l’adozione del nuovo prefisso -ms per la piena compatibilità di tali contenuti con Internet Explorer 10. Il CSS3 e le sue pecualieri animazioni non sono concorrenti al linguaggio JavaScript, ma offrono l’opportunità di rimpiazzare alcune funzioni di base. Rousset desidera dimostrarti come con un puro CSS3 si possano ottenere risultati impressionanti per progettare non solo il design di un sito web, ma anche complessi giochi in HTML5. Concludo questo articolo mostrandoti come un semplice testo in html possa diventare intermittente, cambiando il suo colore dall’arancione al rosso, impiegando una semplice “funzione” CSS3.
Ecco il codice Standard W3C:


p{color:orange; animation:testo 2s; -moz-animation:testo 1s infinite; -webkit-animation:testo 1s infinite; -o-animation:testo 1s infinite; -ms-animation:testo 1s infinite;} /* proprietà del testo */
/* funzione CSS3 con i prefissi per la piena compatibilità con le ultime versioni dei più diffusi web browser */
@keyframes testo {from {color:orange;}to {color:red;}}
@-moz-keyframes testo {from {color:orange;}to {color:red}}
@-webkit-keyframes testo {from {color:orange;}to {color:red;}}
@-o-keyframes testo {from {color:orange;}to {color:red;}}
@-ms-keyframes testo{from {color:orange;} to {color:red;}}

Questo codice funziona con Internet Explorer 10!

Copia e incolla questo codice nell’editor html online offerto da Rendera.



Function cleanupinput

In questi ultimi tempi ho assistito a diversi attacchi xss anche su celebri siti che offrono pittaforme open source realizzate in php 4.0 e 5.0. Se desideri testare la “sensibilità” dei form delle tue piattaforme web, Firefox offre un valido plugin, XSS Me in grado di poter valutare la sicurezza di tutti i moduli presenti sul tuo sito. Per proteggerti adeguatamente con un unica funzione php da indesiderati attacchi xss puoi impiegare la mia cleanupinput:

function cleanupinput($input) {
$input = trim($input);
$input = stripslashes($input);
$input = htmlspecialchars($input);
$input = mysql_real_escape_string($input);

return $input;
}

Con la funzione nativa php trim rimuovi i caratteri di controllo ASCII all’inizio ed alla fine di un stringa, con stripslashes e mysql_real_escape_string scongiuri l’impiego chiaramente di slash anch’essi impiegati per assestare attacchi sql injection e infine con htmlspecialchars per convertire caratteri speciali in entità html.



Preeze RAD/Lamp Framework

Preeze è un framework Lamp realizzato in php 5, in combinazione con la celebre libreria di classi javascript, MVC, Backbone e la UI di Twitter Bootstrap, per il rapido sviluppo di applicazioni web server con un metodo RAD davvero peculiare. Il progetto è assolutamente open source e sul sito l’autore offre una serie di video tutorial dove spiega l’applicazione concreta del pratico pattern MVC partendo da una demo che ti permette di testare in maniera immediata tutte le funzionalita di Preeze con i relativi componenti. Con le sue API il framework mette a tua disposizione una serie di costanti e metodi che ti consentono di ridurre in maniera sostanzialemente prodigiosa il numero di passaggi di codice per lo sviluppo delle tue applicazioni web server. Il progetto è davvero valido: t’invito ad approfondirlo e magari puoi offrire una concreta mano all’autore per il miglioramento anche di alcuni componenti o alla notifica di bugs che affiorano durante lo sviluppo delle tue piattaforme web server. Divertiti !!



MVC/php e Google Maps

Hai una gran fretta di sviluppare una mappa, impiegando le API di Google, per informare i visitatori del sito del tuo cliente dove è ubicata la sua azienda? Il consueto pattern MVC in php in combinazione con la celebre libreria offerta da Codeigniter estesa da Google Maps V3 API Library di Steve Marks è davvero una soluzione rapida e ideale. L’autore, sul suo sito, ha pubblicato una completa panoramica sull’impiego delle principali API di Google maps contornate da un efficace video tutorial che spiega l’utilizzo delle principali funzioni offerte dalla sua straordinaria libreria e naturalmente concludo con un: grazie Steve !! 🙂




UlmDesign JS Resource, 2020. Theme Material for Coders