Undolog.com

Prendo spunto dall’ottimo tutorial di Napolux, Flex 3, Adobe AIR e le API di Feedburner, che mostra come scrivere una semplice applicazione (o widget) Adobe AIR usando Flex 3, per mostrare come realizzare la stessa identica cosa usando Adobe Flash CS3. Se lo desiderate, inoltre, potete sfruttare l’estensione per la creazione di applicazioni Adobe AIR. Non è infatti necessario, ai fini di questo tutorial, compilare l’applicazione come eseguibile AIR; potete usare il codice proposto come semplice filmato Flash da “apporre” alle vostre pagine Web.

Flash vs Flex

Nonostante apprezzi Adobe AIR come tecnologia e come è stato implementato nelle piattaforme HTML (Dreamweaver), Flash e Flex, non sono “ancora” del tutto ben disposto verso Flex! Non voglio certo mettere a confronto Flash con Flex, nonostante hanno molti punti in comune ma anche molte differenze. Tuttavia non ho assolutamente apprezzato la politica Adobe rispetto a questo spinoff a volte privo di senso. Avrei preferito, invece, la costituzione di un unico ambiente (Flax) di sviluppo e non questa “inutile” separazione. Inoltre, da buon programmatore, gli ambienti troppo “visuali” non mi piacciono granchè e Flex sembra proprio destinato a diventare pericolosamente simile a Visual Basic, che tra l’altro conosco molto bene e su cui ho lavorato per molti anni. Insomma, Flex sinceramente non l’ho capito e non ho capito cosa vuole fare Adobe con questo branch. Se Flex è indicato come l’ambiente ideale per scrivere RIA qual’è il destino di Flash? Tutte le features di Flex, effettivamente non disponibili “direttamente” in Flash, potrebbero - volendo - essere inserite senza costringere ad acquistare licenze multiple per sviluppare - alla fine - la stessa identica cosa.

Continua a leggere… »

Post correlati

• Flash CS3: comunicazione con un Web Server (0)
• Adobe AIR 1.0, Adobe Flex 3.0 e il nuovo Adobe Open Source (0)
• 10 motivi per passare ad Adobe Flash CS3 (3)
• Web2.0: Adobe ci prova con Apollo? (2)
• UMap Flash Component (Beta v0.6) (0)

In questo tutorial vedremo come creare una procedura di Login personale, utilizzando anche funzionalità Ajax tramite jQuery. Ci sono vari metodi per personalizzare il login di Wordpress, ad esempio tramite l’uso di hook e filtri (add_action(), add_filter()). Noi qui useremo una procedura più a basso livello, anche se ci interfacceremo comunque al Kernel di Wordpress. Inoltre faremo in modo di convalidare un utente tramite la dupla email/password.

Perchè realizzare un proprio login?

• In alcuni contesti può ritornare uitle avere il massimo controllo sulla pagina di login, per proporre un layout personalizzato ai nostri utenti registrati. Inoltre si può arricchire la pagina con informazioni utili, dal un logo al classico “Password dimenticata?”
• Per permettere l’accesso tramite l’email (come nell’esempio qui trattato) al posto dello user_login standard di Wordpress
• Per avere la possibilità di inserire un pannello di login nella sidebar del nostro Blog
• E infine, per avere uno scheletro - ed un’idea - per un ottimo Plugin

Ambiente

Nel nostro esempio/tutorial lavoreremo sulla root di Wordpress all’interno di una cartella mylogin. Creiamo due file php all’interno di questa cartella: index.php e logon.php. Il primo conterrà l’interfaccia del nostro login, con tutte le funzioni Javascript/jQuery che ci servono. Il secondo file, logon.php, conterrà il codice per la validazione dell’utente. Creiamo poi una cartella css e dentro questa un file layout.css e una cartella images. All’interno della cartella images inseriremo un classico Ajax loader: createlo online su AjaxLoad.info. Alla fine dovreste avere:

• mylogin
• index.php
• logon.php
• css
• layout.css
• images
• ajax-loader.gif

Continua a leggere… »

Post correlati

• Wordpress: come scrivere un reply to comment usando jQuery (13)
• Aptana IDE update: milestone 9 (0)
• Tutti i cloni di Lightbox in una matrice dinamica (7)
• Sviluppare applicazioni Adobe AIR con Aptana IDE (5)
• Snipplr code 2.0: frammenti (snipp) di codice utile (0)

Recentemente Cristiano Fino ha rilasciato un utile Plugin per Wordpress in grado di aggiugere due link ad ogni commento di un post (forse ne avete uno simile installato, visto che nella directory di Wordpress.org ne ho travati un paio, tuttavia essendo un software italiano sarebbe il caso di onorare l’ottimo lavoro fatto da Cristiano). Questi Link (reply & quote) permettono di rispondere e/o quotare l’autore di un commento, eseguendo quella noiosa operazione di inserire il carattere at (@) per indicare a chi ci si rivolge. In questo tutorial voglio illustrare - per gli utenti medio-esperti - il modo di aggiugere queste due funzionalità “a mano”, senza ricorrere all’istallazione di nessun Plugin. Inoltre sfrutterò le capacità di jQuery per la parte in Javascript. La tecnica che espongo è la medesima che ho usato per introdurre questa funzionalità in questo blog.

Nota: l’uso di un plugin è la miglior soluzione per chi tende a modificare spesso il proprio template Wordpress o, al limite, ha in previsione di farlo. Questo tutorial vuole solo mostrare come eseguire interventi mirati all’interno del codice Wordpress ed è dedicato ai più curiosi.

Modifica del file comments.php

La prima modifica che apportiamo è quella di inserire i link “reply” e “quote” all’interno di ogni commento. Per fare questo editiamo il file comments.php situato nella cartella del nostro tema. Questo file contiene tutte le istruzioni che consentono di visualizzare i commenti alla fine di un post. La sezione che ci interessa (che può variare leggermente da tema a tema) è il loop di creazione dei vari commenti, riconoscibile da:

Continua a leggere… »

Post correlati

• Wordpress: come creare passo passo un proprio login (9)
• jQuery: bordi rotondi sulle immagini per sovrapposizione (0)
• Wordpress: scrivere un logout personale (1)
• Wordpress: modifcare AdminBigWidth per gli sviluppatori (1)
• Wordpress: rimuovere i menu dell’amministrazione (5)

Il modo corretto di inserire titoli in grafica in una pagina Web è quello per sostituizione tramite i fogli di stile (vedi Progressive Enhancement in Accessibilità e Usabilità: unobtrusive Javascript). Questa tecnica permette di rendere accessibile il contenuto del sito a prescindere dalla visualizzazione grafica imposta dai fogli di stili. Inoltre, crawler e spider, avranno una lettura corretta dell’HTML ignorando la sostituzione grafica offerta all’utente finale. Inserire direttamente un’immagine (TAG img), infatti, rende il testo del titolo inaccessibili ai normali lettori ASCII (crawler, spider, blog plugin, screen-reader, etc…).
Continua a leggere… »

Post correlati

• Tecniche di Text Replacement in Flash (0)
• Reverse Engineering: i compressori di codice (2)
• Wordpress: modifcare AdminBigWidth per gli sviluppatori (1)
• Wordpress: come scrivere un reply to comment usando jQuery (13)
• Wordpress: come creare passo passo un proprio login (9)

Ho scritto una classe CountDown per Actionscript 3.0. Per provarla ho creato un esempio sfruttando le capacità di rendering testuale di FIVe3D.

Clicca per aprire il filmato Flash

Download sorgente

Il sorgente countdown.zip comprende sia la classe CountDown che l’esempio (CountDownDemo) in 3D scritto FIVe3D. Nell’esempio proposto è anche possibile modificare la data finale tramite un campo testo editabile. La classe CountDown verrà inserita quanto prima in Undolibrary.

Continua a leggere… »

Post correlati

• FIVe3D: effetti speciali su un cubo! In attesa di Flash 10 (2)
• Papervision3D: BasicView (0)
• Yahoo! ASTRA: suite di componenti per Flash e Flex (0)
• Undolibrary MatrixArray: un’estensione della classe Array (0)
• UMap Flash Component (Beta v0.6) (0)

Molto probabilmente, quando uscirà la nuova versione di Adobe Flash, librerie 3D a "basso livello" come FIVe3D faranno una brutta fine! Tuttavia, prima di "cestinarle", ecco un esempio di quello che è possibile realizzare (con l'ultima release 2.1):

Il codice della demo qui sopra è abbastanza articolato, quindi non lo propongo integralmente online. Inserisco, comunque, alcune parti di codice interessanti.

Aggiornamento: per il sorgente clicca qui

Continua a leggere... »

Post correlati

• 3D CountDown con FIVe3D (4)
• PicLens in Flash con Papervision3D 2.0: parte II (13)
• Piclens in Flash con Papervision3D 2.0 (2)
• Papervision3D: BasicView (0)
• Installare Papervision3D 2.0 Great White: TortoiseSVN (5)