due chiacchiere

Il tema è sempre più… mobile

In questi giorni sto spendendo il mio tempo libero in una serie di aggiornamenti a tutto campo: dal netbook su cui ho installato Windows 7, al cellulare aziendale su cui ora gira la versione 5 del sistema operativo di Cupertino, passando per il blog dove ho già la beta di WordPress 3.3. A proposito di blog, mi son messo al lavoro (come capita ogni anno di questi tempi, a quanto pare) per rendere il mio tema un po’ più facile da navigare sui dispositivi mobili. Tutto nasce da uno dei progetti assegnati al mio gruppo al lavoro: l’implementazione della versione mobile del sito d’ateneo. Cosa affatto non facile quando hai alcune migliaia di pagine gestite da una trentina di uffici diversi, ed un sistemista che preferisce usare Solaris (e relativo server web) a Linux ed Apache.

Così approfitto per trasformare la mia casetta virtuale in un laboratorio creativo dove sperimentare quanto di più avanzato si trova oggi in questo settore. Allo stesso tempo sto introducendo alcune piccole novità al tema che vedi sul computer di casa: principalmente piccoli ritocchi estetici, come le freccettine nella navigazione in cima, ad indicare che si aprono le tendine passandovi sopra con il mouse, o la didascalia sotto le foto, o ancora un nuovo stile per le ricette. Ma anche alcuni elementi funzionali, come la possibilità di andare all’articolo precedente e successivo nella cronologia, senza dover far salti mortali (grazie alla segnalazione di un affezionato lettore in merito).

Probabilmente scriverò una miniserie sulle tecniche adottate, ma nel frattempo c’è qualche anima pia dotata di telefonino intelligente in grado di darmi il proprio parere, eventualmente commentando proprio dal dispositivo? Tutti gli altri possono accontentarsi di restringere la larghezza della finezza il più possibile, per avere un assaggio del tema mobile. C’è una cosa che non riesco a risolvere: il campo di ricerca in cima, nella versione mobile, appare su tutti i dispositivi tranne l’iPhone. Suggerimenti?

Commenti

  1. ha scritto:

    purtroppo non ti posso aiutare anche perchè non ho iphone… -_-‘ ma tu come fai a fare le prove?
    cmq il fatto che a seconda di quanto restringi il layout e diventa mobile style è fantastico… tema fantasmoso compreso! πŸ™‚

    Risposte al commento di evilripper

    1. camu
      ha scritto:

      @evilripper: eh eh grazie, io lo chiamo tema “superliquido” πŸ™‚ Io le prove le faccio con gli emulatori: sia quello per Android che quello per Windows Mobile sono gratuiti e non bisogna essere membri di nessun circolo privato di sviluppatori come capita invece per la Apple… in quel caso per fortuna ho il telefono aziendale a venirmi in soccorso.

  2. vito
    ha scritto:

    Quoto la miniserie sulle tecniche adottate per rendere navigabile il tema. Il giudizio di navigazione su androidiani è ottimo nel complesso.

    Risposte al commento di vito

    1. camu
      ha scritto:

      @vito: sarai accontentato a partire da domani, con la prima puntata di questa miniserie πŸ™‚ Su che dispositivo hai fatto le prove, se posso chiedere?

  3. ha scritto:

    Ciao, sull’iphone non so dire. Però con Opera Mini su android 2.3.3 in un Samsung Galaxy S la ricerca compare ma della scritta “due chiacchiere” si vede sola la cima delle lettere e il pulsante |cerca| non si affianca al campo ma scende (sia con orientamento H e V, indifferentemente). (http://www.opera.com/mobile/demo/)

    Risposte al commento di Luigi

    1. camu
      ha scritto:

      @Luigi: grazie, non avevo ancora fatto le prove con questo browser. Il fatto che la scritta compaia tagliata sembra dovuto al fatto che Opera Mini non interpreta correttamente una direttiva CSS, il background-size, che uso per riproporzionare il titolo senza dover caricare un’immagine diversa. Inoltre pare che la larghezza della viewport in quell’emulatore sia meno di 320px, che ho usato come punto di riferimento “minimo” per il tema mobile. Per questo il cerca va a capo…

      Mi hai dato ottimi spunti di riflessione, ci lavorerò su πŸ˜‰

    2. camu
      ha scritto:

      @Luigi: okay, il problema del campo di ricerca dovrebbe ora essere risolto. Ho notato comunque che mentre l’emulatore Java online non capisce ancora CSS3, quello da scaricare che s’installa sul computer, è più “aggiornato” e l’impaginazione è più conforme a quello che avevo in mente.

      Risposte al commento di camu

      1. ha scritto:

        @camu: oh, yes, risolto.
        Grazie per il tip sull’emulatore, lo tenterò.

      2. CyberAngel
        ha scritto:

        @camu: Che emulatore usi, sia offline che online?

        Risposte al commento di CyberAngel
        1. camu
          ha scritto:

          @CyberAngel: ne parlerò più in dettaglio nella prossima puntata della mia miniserie πŸ™‚

  4. vito
    ha scritto:

    Htc wildfire con android 2.3.7 πŸ˜‰

    Risposte al commento di vito

    1. camu
      ha scritto:

      @vito: grazie πŸ™‚

  5. from uk
    ha scritto:

    dopo faccio una prova da android!
    Bello il tema di halloween

    Risposte al commento di from uk

    1. camu
      ha scritto:

      @from uk: grazie, al quadrato πŸ™‚

  6. kakarothx
    ha scritto:

    Primo OT: Bello il tema di Halloween.
    Secondo OT: Come ti trovi col nuovo I-Os? Mi hanno detto che va lentuccio sull'”Interfono”4 ..

    Risposte al commento di kakarothx

    1. camu
      ha scritto:

      Mah, a me pare abbastanza performante, ogni tanto la finestra dei settaggi mi si chiude mentre cambio qualcosa, ma nulla di più. Comunque rimani sintonizzato, ho pronto un articolo proprio su questo tema a giorni πŸ™‚

  7. CyberAngel
    ha scritto:

    Su iPhone funziona tutto perfettamente. Se ti serve posso mandarti gli screenshot.
    Complimenti come al solito. πŸ˜‰

    Risposte al commento di CyberAngel

    1. camu
      ha scritto:

      @CyberAngel: oggi ho anche attivato la navigazione tra le stanze “a scomparsa”, attivabile con il pulsantino in cima accanto alla ricerca πŸ™‚ Che ne pensi?

      Risposte al commento di camu

      1. CyberAngel
        ha scritto:

        @camu: L’ho notato. Carina e ben fatta. Bello anche il tocco della freccia grigia sullo sfondo marrone dei titoli degli articoli.

        Risposte al commento di CyberAngel
        1. camu
          ha scritto:

          @CyberAngel: il colore dello sfondo riprende quello del mese in corso ovviamente, quindi anche il tema mobile cambierà col passare del tempo, proprio come quello “desktop” a cui vi ho abituati…

          Risposte al commento di camu
        2. CyberAngel
          ha scritto:

          @camu: Ma certo che sì. Comunque elogiavo come sempre le tue chicche nascoste nei dettagli, come appunto la freccia che invita a “tapparci” sopra per aprire l’articolo intero.

          Risposte al commento di CyberAngel
        3. camu
          ha scritto:

          Beh i corsi che mi fanno seguire qui al lavoro a qualcosa serviranno πŸ˜€

  8. Francesco
    ha scritto:

    Il tema va alla grande sino all’ingrandimento 200% su un piccolo schermo 1024 x 768!
    Che è anche il massimo che chiedo ai miei sviluppi (per quello che vale…).

    Risposte al commento di Francesco

    1. camu
      ha scritto:

      @Francesco: grazie per averlo messo alla prova. Io oramai non faccio più il test dell’ingrandimento dei font, visto che molti browser e sistemi operativi usano la lente d’ingrandimento, o comunque un ridimensionamento proporzionale di tutta la pagina, non solo dei caratteri πŸ™‚

  9. Francesco
    ha scritto:

    Infatti ho ingrandito la pagina con Internet Explorer 8 e funzia!

  10. ondiz
    ha scritto:

    Molto carina la versione mobile. Nulla da segnalare tutto ok con iPhone 4s.
    Una cosa, nella versione mobile appare la favicon di plesk parallels (provato con Atomic)…

    Risposte al commento di ondiz

    1. camu
      ha scritto:

      Strano, se aggiungo il sito all’home screen vedo correttamente l’icona del ragazzo. Farò altre prove, grazie per la segnalazione e per aver testato la versione mobile πŸ™‚

  11. ondiz
    ha scritto:

    @camu
    è un piacere quando vedo dei lavori fatti bene.. Poi sono a casa ammalato quindi tempo ne ho πŸ˜‰

    Risposte al commento di ondiz

    1. camu
      ha scritto:

      @ondiz: problema risolto πŸ™‚ Non mi ero accorto che quando ho ritraslocato tutto il mio sito su Tophost, quell’altro provider aveva sovrascritto la mia favicon con quella di Plesk! Mannaggia a loro. Grazie ancora per aver notato questo dettaglio e… torna a trovarmi!

      Risposte al commento di camu

      1. ondiz
        ha scritto:

        @camu: ottimo mi fa piacere!
        Ti ho aggiunto tra i miei feed quindi ci rivedremo sicuramente.
        Se magari non trovo la strada puoi venire a trovarmi anche tu πŸ˜‰
        Buona giornata.

Rispondi a CyberAngel

Torna in cima alla pagina