Home > Generale, Grafica > BlogFun: qualche miglioramento estetico

BlogFun: qualche miglioramento estetico

Era un po’ di tempo che avevo voglia di cambiare l’estetica del blog, quantomeno per evitare la sensazione “tema già visto”. Tuttavia il tempo scarseggia, così ho optato per continuare a mantere il tema base (iNove), aggiornandolo finalmente all’ultima versione, e ridisegnato totalmente l’header:

nuova versione

Il risultato mi sembra decisamente più pulito di prima, anche se mi rendo conto che il resto del tema è praticamente identico e le mie doti di grafico hanno notevoli margini di miglioramento:

vecchia versione

EASTER EGG:

Se qualcuno di voi è in possesso di un MacBook / MacBook Pro e ha installato Firefox 3.6 o superiore, potrà vedere questa piccola (spero simpatica) aggiunta:

inclinate il vostro Mac a sinistra/destra e guardare cosa succede al logo di 360Fun°! ;)

logo rotation

Questa è la funzioncina JavaScript che ho utilizzato, tuttavia credo sia da migliorare visto che sui nuovi MacBook il sensore è montato al contrario

?Mostra codice JAVASCRIPT
function logoRotation() {
    /* -1 for MacBookPro > 5.1 */
    var mac = 1;
    window.addEventListener("MozOrientation", function(e) {
    	xVar = mac * -e.x * 30;
 
	var rotate = 'rotate(' + (xVar) + 'deg)';
	document.getElementById('caption').style.MozTransform = rotate;
    }, true);
}
logoRotation();

Per informazioni sul nuovo evento “MozOrientation” leggete qui:

http://developer.mozilla.org/en/Detecting_device_orientation.

AGGIORNAMENTO

Ecco la versione migliorata; basta cliccare sul logo e si invertirà l’input del sensore nel caso sia errato: purtroppo al momento non esiste un modo per rendere il sistema automatico…

?Mostra codice JAVASCRIPT
/* LOGO ROTATION BY CICCIOKUN *\
\*     only FireFox 3.6+      */
 
//MacBook type: -1 for MacBookPro after "5.1" model
 var macType = 1;
 
 //orientation listener
 window.addEventListener("MozOrientation", function(e) {
 degrees = 60; //max inclination angle
 xVar = macType * -e.x * degrees;
 
 var rotate = 'rotate(' + (xVar) + 'deg)';
 document.getElementById('caption').style.MozTransform = rotate;
 }, true);
 
 //change macType with mouse click
 document.getElementById("caption").onclick = function() { macType = -macType; }
Categorie:Generale, Grafica Tag:
  1. Fede
    11 aprile 2010 a 12:18 | #1

    Dopo un 5/6 volte che ruotavo il mac son riuscito a capire :D carino!
    L’header ora mi piace decisamente di più..aspettiamo il restyling completo adesso ;)

  2. 11 aprile 2010 a 15:35 | #2

    prima o poi… =P

  3. Gil
    12 aprile 2010 a 11:35 | #3

    figata xD

  4. Valentina
    14 aprile 2010 a 19:07 | #4

    ehuuuuuu xke io qui vedo il tema vecchio? mi hai esclusa??? ç__ç
    lo sapevoooo non vuoi farmi giocareee ç___ç solo perché non ho un mac e quindi non possooo ç___ç
    (si lo so cazzate a nastro, dovrai bannarmi se vuoi dare una parvenza di serietà al tuo blog! <3 )

  5. Valentina
    14 aprile 2010 a 19:08 | #5

    ehi adesso è tornato quello nuovo °° misteri, che combini???

  6. 14 aprile 2010 a 20:32 | #6

    io non combino nulla O_O forse dovevi solamente aggiornare in modo da svuotare la cache…
    che dici love? non potrei mai bannarti =)

  7. Massi
    19 aprile 2010 a 13:07 | #7

    A quando un easter egg per gli utenti Win? :(
    Okok andrò ad investire 1500 euri al mediaworld O_O :) )

  8. 19 aprile 2010 a 15:01 | #8

    gli utenti Win non sono degni di Easter Egg di questo livello! XP

  9. Massi
    19 aprile 2010 a 17:16 | #9

    Di un po’, la sai quella storiella sui mac user che non sono in grado di prendersi i virus? :) )

    Peccato non sia vera, oggi leggevo che sta girando nuovo malware per voi melisti, occhio! XP

    Se vuoi ti linkola suite Kaspersky per Mac, basta che fai un fischio :) )

  10. 20 aprile 2010 a 9:50 | #10

    virus? cosa sono??? O.o (XD)

  11. Massi
  12. 20 aprile 2010 a 21:35 | #12

    Che noia Massi :( sempre gli stessi link…io però mi attengo ai fatti: non dico che Mac non sia bucabile, TUTTO è bucabile, semplicemente “dati alla mano” su Windows non sopravvivi senza antivirus perché sono ovunque (internet, chiavette usb, cd, floppy…), mentre Mac ne è immune (autorun? che diavoleria è?). Io facevo ironia, so bene che tra un po’ (vista la diffusione crescente dei Mac) sarà da stare attenti anche qui; tuttavia UNIX (eredità o no…che poi che cavolo vuol dire??? la Apple contribuisce ad un sacco di grossi progetti open…) mette a disposizione un set di protezioni (sto studiando Sistemi Operativi e ne so qualcosa) che non permettono in alcun modo di danneggiare i file di sistema senza l’immissione della password di amministratore. Ora, se l’utente la mette senza sapere cosa sta facendo, è un problema diverso…come se chiamo in banca e dico di trasferire tutti i soldi di un conto su di un altro e nessuno si preoccupa di accertarsi della mia identità… Windows invece permetteva di scrivere nell’array delle interruzioni fino a Windows ME…poi sono passati ad NT e le cose sono un po’ cambiate, ma sono le fondamenta che traballano e traballeranno sempre se non passano a UNIX o simili! U_U

  13. Massi
    21 aprile 2010 a 16:32 | #13

    Ma infatti.. Come sai non ho mai negato che Mac non fosse più sicuro dei sistemi Win, però è anche vero che ci sono più minacce rispetto un tempo… Cmq alla fine, pace.. Ognuno sta bene con il suo SO :) )

  14. 1 giugno 2010 a 17:05 | #14

    Non so voi, ma sul mio sotto bicchiere la F traballa… bah comunque a me piace la figa

  15. 1 giugno 2010 a 17:11 | #15

    chiaro che traballa, il sensore è molto sensibile :) ciò non toglie importanza alla figa, tranquillo^^

  1. Nessun trackback ancora...