Beat Fly Blog

Il lavoro del Web Designer non ha mai fine e forse è proprio questo che ci differenzia dalle altre figure professionali che lavorano nel multimedia. Quante volte ci capita di iniziare un nuovo progetto e dover rinunciare ad alcune particolarità grafiche perchè poi non potremmo crearle nella realtà? Davvero tante; ma se oggi volessimo comunque inserire in un progetto alcune nuove particolarità proprie del Web che verrà dovremmo per forza di cose iniziare ad utilizzare i fantastici CSS3.

Proprio di recente ho lanciato alcuni nuovi progetti come www.ikoart.it e la nuova versione del mio sito www.beatfly.com presentandoli con una veste grafica differente se si accede con Firefox, Safari e Opera oppure con Explorer. Nel mio caso questa discrepanza è stata voluta, anche se alcune differenze interessano solo la presentazione estetica e non la struttura che comunque rimane cross browser. L’utilizzo dei CSS3 è a mio avviso un grandissimo risparmio di tempo per quanto riguarda la realizzazione di alcuni estetismi puramente grafici ed inoltre riduce il peso del vostro sito in quanto farete a meno di elementi grafici ora realizzati solo via codice. Rimane il problema cross browser, ma se ci limitiamo ad utilizzare le nuove regole solo per alcune migliorie quali, ombra nei testi, ombra negli elementi e magari angoli arrotondati il risultato sarà diverso ma non influirà sulla resa della presentazione. Quello che vedremo oggi, con alcuni semplici Snippets copia e incolla, sono appunte queste tipologia di nuove regole che ci permetteranno di sfruttare sia le specifiche attuali che di creare una struttura CSS in grado di salvaguardare il nostro lavoro anche in futuro.

Continua a leggere »

Inserire e pubblicizzare tutto quello che si fa durante la settimana è quasi impossibile, ma ogni tanto è buona norma raccogliere un po di nuovi lavori e condividerli nella comunità; oggi presento tre nuovi lavori, eseguiti in questo ultimo mese che spaziano dalla grafica al web.

Iniziamo con il nuovo Logo per l’agenzia di comunicazione Elena Tammaro Management che opera nel campo del recruting e del casting cinematografico e televisivo. Il Logo, che accompagna tutta l’immagine cordinata dell’azienda, racchiude nella sua forma l’essere femminile proprio della titolare che rappresenta il Brand. Il mondo cinematografico rappresentato dall’agenzia ha ispirato l’ideazione del Logo come la scelta dei colori propri del mondo artistico, dove luci e popolarità mettono in risalto i talenti creativi. A breve lancerò anche il sito dell’agenzia che al momento è in fase di sviluppo.

Continua a leggere »

ie-css3.js is a project by Keith Clark which enables Internet Explorer to identify CSS3 pseudo selectors & render any such styles.

Including 2 JS files (DOMAssistant is required too) into your web pages & inserting CSS files with the
tag (inline styles are not supported) will make the rules work.

Continua a leggere »

Nella rete siamo ormai abbituati ad eseguire il nostro accesso ad un sito attraverso una Modal Window, ovvero l’equivalente di una PopUp vecchio stile; il loro stile è molto cambiato e soprattutto è migliorata l’usabilità del loro servizio.
Con questa premessa ho introdotto il fine del mio nuovo Tutorial dedicato al mondo jQuery e CSS, con i quali oggi realizzeremo la Modal Window di Login del famigerato Digg.com

Continua a leggere »

Quanti di noi utilizzano un editor WYSWYG per scrivere Post in un Blog o magari nel proprio CMS? Noi dello studio Beat Fly, da parecchio tempo ci affidiamo al prodotto TinyMCE oggi giunto alla versione 3.27 e sia le performance che il risultato sono davvero soddisfacenti.

Utilizzando questo strumento di scrittura possiamo aggiungere TAg HTML alla pagina, inserire immagini, video e molto altro proprio come se utilizzassimo un IDE di sviluppo. In questo Post vedremo come sia possibile personalizzare l’editor TinyMCE al fine di inserire solo alcune funzionalità desiderate, scavalcando così le impostazioni di default chiamate “simple“, “office” oppure “advanced” stabilite.

Continua a leggere »

Nei due precedenti articoli, Useful jQuery Plugin e Useful jQuery Plugin II, abbiamo evidenziato alcuni comodi e nuovi plugin per il nostro Framework preferito: jQuery. Vediamo oggi  nella terza parte di questa risorsa alcuni nuove risorse nate nella fine del 2009 che potranno facilitare la creazione del vostro prossimo lavoro.

jQuery Before/After, This plug-in shows the difference between two images simply dragging a slider over the two images which are sandwiched with one on top of the other.

CJ Image Video previewer, is meant to mimic the video preview boxes you see on many Video sites. It displays a block that contains an image thumbnail and when the user moves their cursor of the box, it dynamically loads and then displays a group of images in sequence. Kind of like a flip-book. This is an excellent way to provide an preview of the video, without the user actually downloading the video file.

Continua a leggere »