Come creare una semplice TV con HTML e Javascript

Come creare una TV con CSS e Javascript

Anche gli effetti grafici più semplici possono risultare complessi da realizzare in Javascript, fortunatamente per agevolare la scrittura dei nostri script ci viene incontro la libreria script.aculo.us che in accopiata con Prototype permette di ottenere veloci e semplici transizioni. In questo esempio sfrutteremo script.aculo.us e il suo effetto SwitchOff per creare una nostra TV in HTML e Javascript da accendere e spegnere quando vogliamo e, per non farci mancare niente, potremo anche decidere cosa mandare in onda!

Un’immagine della TV che abbia l’area dello schermo trasparente, in modo che sotto si veda il “film” scelto. Nel nostro caso abbiamo scelto la mitica scena di Spiderpork, vera punta di diamante del divertentissimo Simpson – Il Film. Una GIF animata che ci dia l’illusione che nello schermo ci sia un filmato e non un’immagine statica, molto semplice da realizzare ma di sicuro effetto. Le funzioni Javascript serviranno a dare l’illusione di spegnere/accendere lo schermo.

La BBC presenta una propria libreria javascript opensource

2009-07-09_012000

Forse in Italia non sarebbe mai potuto accadere, ma in Inghilterra accade questo e anche altro. La BBC (British Broadcasting Corporation, cioè l’ente radio-televisivo pubblico britannico) ha presentato al pubblico la versione finale di Glow, una libreria Javascript che l’azienda pubblica sviluppa ed utilizza da anni all’interno dei propri siti web.

Questa libreria è stata rilasciata completamente open source (Apache License, versione 2.0) ed è dettagliatamente documentata all’interno di un mini-sito presente direttamente sul sito della BBC, con tanto di utili demo per spiegare tutte le funzioni che Glow possiede.

Futuremark presenta Peacekeeper, per testare le prestazioni dei browsers

2009-04-20_202938

La compagnia Futuremark, famosa per i software che misurano le prestazioni del sistema 3DMarks06/05, ha di recente reso disponibile al pubblico un’applicazione Web per misurare le performance dei nostri browser, potendoli comparare tra di loro ai termini dei vari test che andremo ad effettuare.

Peacekeeper necessita di un plug-in ActiveX per quanto riguarda Internet Explorer, mentre per gli altri browser non dovremo aggiungere nulla.
Il suo funzionamento consiste nell’analizzare in primo luogo il nostro hardware per poi visualizzare delle immagini per il rendering (assieme ad altro sempre in relazione al Javascript).

Read It Later, come ricordarsi di leggere le pagine web!

Read It Later

“Prima o poi lo faccio!”. Ci ripromettiamo sempre di fare delle cose, ma puntualmente, anzichè ricordare di farle, ci ricordiamo di doverle dimenticare. O meglio, insomma, non le facciamo!

Questa situazione capita in molti contesti. Uno dei tanti è la rete. E’ in giro per la rete, infatti, che ci capita di conservare delle risorse per leggerle con calma, ma puntualmente quanto da noi propostoci non avviene. O forse non avveniva, perché le cose cambieranno se utilizzeremo Read It Later!

Read It Later è un utilissimo servizio online che, grazie alla comoda integrazione nel nostro browser, consente di salvare in un’apposita lista alcune pagine da leggere, con più tranquillità, in un secondo momento.

YouFlow e Ipooq: 2 ottimi servizi online per facilitare l’ascolto della musica su YouTube!

YouTube

Se fino a qualche anno fa mi avessero domandato quale secondo me poteva essere il più grande aggregatore di musica al mondo, io molto probabilmente non avrei saputo rispondere. E così, credo, anche voi.

Adesso però abbiamo YouTube. Eh si, il portale video più grande del mondo che, nessuna statistica alla mano, sembra essere anche il più grande archivio musicale del mondo.

A tutti, prima o poi, sarà capitato di utilizzare YouTube per ascoltare i nostri artisti preferiti. Non è affatto cosa rara. E non essendo cosa rara, è cosa interessante, quindi proprio per questo oggi vogliamo presentarmi due siti internet che migliorano la fruizione di video e canzoni da YouTube: YouFlow e Ipooq!

FeedBeater, come ricavare da qualsiasi indirizzo web un feed Rss!

Quante volte vi avremo parlato dei feed? Oh, ormai tantissime! Ma se continuiamo a farlo è principalmente per due motivi: sono sempre di moda e nascono sempre nuovi servizi ad essi collegati.

Tra i tanti siti che si pongono come obiettivo l’ agevolare utenti e webmaster che si trovano alle prese con questi interessantissimi e utilissimi aggregatori, spiccano tra tutti non pochi siti di cui vale la pena parlare. E Feedbeater è uno di questi!

FeedBeater è un ottimo servizio in pieno stile web 2.0 che consente di generare feed RSS per qualsiasi url digitato nell’apposito campo di ricerca facilitando molto blogger e webmaster che all’apertura del loro sito si devono preoccupare anche di questo non marginale aspetto, influente anche su quella che sarà la popolarità dei contenuti da loro pubblicati.

Come far “danzare” le immagini in ogni pagina web, al volo

Delle piccole-grandi magie che gli javascript riescono ad apportare al mondo del web, pur essendo dei geek incalliti, non smetteremo mai di stupirci.

Infatti, anche se siamo ormai abituati ai complessi, utilissimi script per Greasemonkey in Mozilla Firefox, nonché a tutti quegli script – più o meno utili – adottabili in varie piattaforme di blogging, non disprezziamo certo qualche piccolo “giochetto” effettuabile in qualsiasi browser. Così, al volo.

Ecco perché, oggi, vogliamo presentarvi un simpaticissimo metodo per far “danzare” le immagini in ogni pagina web. Non occorre alcuna estensione o browser particolare: basta solo inserire quanto segue nella barra degli indirizzi del navigatore e premere il tasto Invio:

Menu orizzontale con effetto fisarmonica via JavaScript!

Una delle mie maggiori passioni, oltre a quella di scrivere sui blog, è quella di creare siti internet o di modificarne alcuni già creati. Oggi vi voglio presentare uno JavaScript che vi permette di avere un effetto Fisarmonica sul menu dei vostri siti internet. L’effetto, come dicevo prima, è applicato via JavaScript, che pesa meno di 1Kb, questo rende lo script più funzionale e veloce nel caricamento.

Esistono due tipi di menu a fisarmonica, nel primo vediamo che scorrendo sopra i link con il mouse i collegamenti si muovono e una volta tolto il mouse tornano al loro posto. Nella seconda variante invece, passando il mouse sopra i collegamenti, osserviamo che questi si muovono e che una volta tolto il mouse restano così come sono, senza riposizionarsi nel modo originale. Ora però vediamo quali script usare per rendere attivo questo JavaScript.

Qual’è il miglior browser? Scopriamolo insieme e partecipate al sondaggio!

Qual\'è il miglior browser in circolazione? Scopriamolo

Ogni volta che una software house rilascia un browser lo dichiara il più veloce del mondo, ovviamente c’è qualcosa che non va. Poi sopratutto in questo periodo particolarmente caldo, tra beta di IE, nuovo Firefox e nuova versione di Opera, con condimento di Safari c’è davvero da impazzire.

Ovviamente un fondo di verità c’è in queste dichiarazioni, infatti c’è un browser più performante nell’apertura, un altro che consuma meno risorse, un altro migliore nella lettura dei Javascript e Css. Per questo motivo i ragazzi di Lifehacker hanno analizzato le prestazioni delle ultime versioni di Firefox, Internet Exporer, Opera 9.5 e Safari per Windows. Vi consiglio di leggere tutto l’articolo perché i risultati sono davvero interessanti, inoltre non dimenticatevi di partecipare al sondaggio, presente alla fine dell’articolo.
I test sono stati effettuati su questa macchina:

  • OS: Windows Vista Home Premium (32-bit)
  • Processor: 2 GHz Intel Core 2 Duo processor
  • Memory: 2 GB

Opera 9.5 ottimizza Javascript e batte Firefox in velocità

Opera 9.5 ottimizza Javascript e batte Firefox in velocità

Opera, browser apprezzato da molti, ma scarsamente utilizzato a causa delle poche estensioni, si appresta a riconquistare lo scettro di browser più veloce. Infatti lo scorso Febbraio Mozilla decise di ottimizzare le performance Javascript, con una tecnica chiamata Profile-Guided Optimization, Opera ha deciso di andare oltre, e di ottimizzare ancora meglio questa tecnica, in occasione del rilascio di Opera 9.5.

Ma come funziona questa ottimizzazione?

With this technique, Opera is compiled twice. The first compilation creates a specially instrumented build that gathers statistics about which code is called and which variables are used most often. The instrumented build loads sites automatically using “URL player”, a testing feature available in every Opera build (more information about that in a later blog post). This information is dumped into files and used to produce the final build that’s optimized based on the gathered statistics.

8 ottimi strumenti gratuiti per monitorare e proteggere i siti web

Chi gestisce un sito web o un blog lo sa benissimo: non c’è nulla di peggio che vedere la propria “creatura” off-line, magari per motivi sconosciuti e senza sapere da quanto tempo la delicata situazione vada effettivamente avanti. Così come sorge uno spinosissimo dilemma quando si desidera creare un’area riservata nel proprio sito web e/o blog, permettendone l’accesso solo a chi possiede un nome utente ed una password… come fare senza dover perdere troppo tempo e, soprattutto, senza spendere un soldo?

La soluzione è molto più semplice di quanto si possa immaginare, eccovi infatti 8 ottimi strumenti gratuiti per monitorare e proteggere i siti web, tutti estremamente validi e facili da utilizzare. Scegliete qual è che fa più al caso vostro e non esitate a consigliarcene altri simili.

Internet Supervision: buon servizio che permette di monitorare qualsiasi sito web gratuitamente, anche se con qualche limitazione rispetto al programma a pagamento. Per essere precisi, nella versione gratuita, questo servizio monitora i siti ogni 15 minuti per i primi 90 giorni, per poi passare ad ogni 24 ore per tutto il periodo successivo.

Software Update: rilasciata la versione 2.0.0.13 di Firefox

fghfdhjdfyu465j

Firefox è sicuramente il browser web più utilizzato dagli utenti internet, i quali si sentono sempre “stimolati” nell’usufruire di questo “navigatore del web”; anche perché la casa produttrice, non manca mai a rilasciare spesso versioni nuove e aggiornate (basti pensare che ogni giorno, in media, nella versione 3 (pre) beta 5 sono disponibili update).

E, come avevamo già preannunciato, è stata recentemente (25 Marzo) rilasciata la versione 2.0.0.13 di Firefox (2), la quale, pur non rappresentando grandi novità, sono state risolte molte problematiche sulla sicurezza; compreso il “fixaggio” di alcuni bug.

GlassBox: libreria javascript per effetti “cool”

GlassBox: libreria javascript per effetti “cool”

GlassBox è un ottima libreria Javascript che permette dei bei effetti per il nostro sito web, ad esempio potremo rendere i bordi trasparenti, brillanti, lucidi e tanto altro. GlassBox si contraddistingue per la facilità d’uso ed è inoltre molto personalizzabile, grazie anche ad una completa documentazione.

Funziona con più browser e cosa importantissime è un progetto Open Source. Starete pensando che lavori in Flash, invece GlassBox utilizza Prototype e Script.aculo.us. è rilasciato sotto licenza MIT.