Nuovo menù per Decoriciclo

Oggi vi parlo di una piccola commissione per il blog di Daniela: Decoriciclo.
Nuovo menù per Decoriciclo
Non si tratta tanto di un lavoro di grafica e design, quanto dell'implementazione di codice per avere una funzionalità aggiunta.
Sono felice di essere riuscita a soddisfare la richiesta di Daniela senza ricorrere a soluzioni più semplici da realizzare, ma decisamente più pesanti e un po' superate.

Ma di cosa si tratta?
Durante gli ultimi ritocchi che Daniela aveva effettuato sul suo blog, all'immagine dell'intestazione aveva aggiunto dei quadrati colorati coi nomi dei materiali delle sue creazioni {lei è un tipo davvero creativo ed eclettico!}. Qualcuno nei commenti le aveva domandato se fosse possibile aggiungere dei link a questi quadrati, così da condurre alle sue creazioni realizzate col relativo materiale. Anche a me sembrava un'ottima idea e così Daniela mi ha chiesto se volevo occuparmene. Ovvio che sì!

Ho deciso di ricreare questi quadretti senza ricorrere a immagini, soltanto con HTML e CSS: in questo modo le scritte sono più definite, ma soprattutto il caricamento della pagina pesa meno. Basti dire che ora l'immagine dell'header pesa 20 Kb in meno! Se vi sembra poco, forse non sapete che strazio sia navigare col 3G: ogni byte risparmiato è vitale...
Questo nuovo menù è responsivo: si dovrebbe visualizzare correttamente anche su mobile, ma qualora notaste anomalie nel suo comportamento da dispositivi con risoluzioni strane, vi chiederei cortesemente d'informarmi XD
Non sono una grande fan della visualizzazione per cellulari fornita da Blogger perché quando si tratta di personalizzarla non sempre capisco al volo dove mettere le mani, ma non mi andava di costringere Daniela a toglierla per semplificarmi la vita.

Ringrazio ancora Daniela per la fiducia accordatami per “pimpare” il suo blog e invito voi a passare da lei, perché Decoriciclo è un posto dove le idee creative abbondano!

38 commenti:

  1. Passo spesso da Daniela. Hai ragione, è davvero un'artista e sono contenta che abbia avuto la possibilità di essere aiutata da qualcuno di bravo come te! Bel lavoro!

    RispondiElimina
  2. Ho controllato tutte le pagine, funziona tutto bene (così ho rivisto le creazioni di Daniela)! !

    RispondiElimina
    Risposte
    1. Grazie per il controllo Aldina, tante volte a noi stessi possono sfuggire gli errori di distrazione :)

      Elimina
  3. Cara Tine, sono io che ringrazio te!
    Hai fatto un ottimo lavoro, con competenza, professionalità, cortesia e...pazienza con una web-negata come me! =)
    Daniela

    RispondiElimina
    Risposte
    1. Non mi sembra di aver avuto problemi di web-negataggine con te! È stato davvero un piacere Daniela.

      Elimina
  4. hai fatto un bellissimo lavoro!bravissima tu e Daniela!baci simona

    RispondiElimina
  5. Bella la trasparenza al passaggio del mouse! Ci ho giocato come fosse un pianoforte :DDD E adesso torno seria e al lavoro ;)

    RispondiElimina
    Risposte
    1. Ciao Ilaria, sono contenta di averti fatto perdere 4 secondi del tuo tempo in questo modo! XD
      Buon lavoro, aspetto le tue prossime creazioni.

      Elimina
  6. davvero stupendo!!hai fatto un lavoro bellisismo*_*

    RispondiElimina
  7. eh ma sei bravissima, magari un giorno avrò bisogno di te!
    un abbraccio
    Laura

    RispondiElimina
  8. Caspita... Sei davvero brava! Io non ci capisco proprio nulla di queste cose.... Complimenti ancora! Quando deciderò di mettere mano al blog saprò a chi rivolgermi....baci, baci, cris

    RispondiElimina
  9. Sei bravissima, io non saprei dove mettere le mani. Mi accontento di quel che passa il blogger - convento!!

    RispondiElimina
  10. Bel lavoro Silvia! Ho anche capito di cosa stavi parlando senza ricorrere al web XD sto imparando un sacco di nozioni tecniche Grazie a te^^ un bacione tesorin

    RispondiElimina
  11. ahahah pimpare il suo blog è bellissimo! brava cara!! :)))

    RispondiElimina
    Risposte
    1. Ogni tanto scappa un po' di tamarraggine XD

      Elimina
  12. Bravissima Silvia! Sono d'accordo con te, più si risparmia in fatto di 'pesantezza' nel blog e meglio è...per questo ho eliminato un po' di script che mi rallentavano parecchio :)

    RispondiElimina
    Risposte
    1. Hai fatto benissimo! Io al momento come script ho solo quello per il menù a tendina, quello per AddThis e quello per il bottone di Pinterest sulle immagini, però mi piacerebbe anche mettere uno slider come hai fatto tu prima o poi...
      Comunque sulla pesantezza da connessioni 3G devo ancora aggiustare il tiro: non ho ancora trovato il tempo di dare una sistemata alla visualizzazione mobile del mio blog :(

      Elimina
    2. quando poi dovrai mettere lo slideshow dimmelo che ti passo il codice che sto usando ora io, è molto più leggero :)

      Elimina
  13. Carissima Silvia, complimenti ad entrambe.
    Per la bravura con cui hai visualizzato questo tema e per l'eccletticità di Daniela.
    Suddividere il menu in materiali è stata la soluzione migliore per organizzare tutti i suoi "eco-capolavori".

    RispondiElimina
  14. Ciao! Eccomi catapultata qui direttamente da Decoriciclo... e che trovo? Una blogger omonima, un blog che dalla grafica già mi sta simpatico, e in più gattaro! E anche io vorrei chiederti qualche consiglio... Ti mando una mail? A presto!
    Silvia

    RispondiElimina
    Risposte
    1. Certo Silvia, ti aspetto :) Spero di poterti essere utile

      Elimina
  15. Fico!! Anch'io sono rimasta incantata dall'effetto al passaggio del mouse..complimentissimi!!

    RispondiElimina
  16. Ciao!
    Arruivo proprio dal blog di Daniela e ti seguo molto volentieri!
    A presto!!
    Daniela - Mani di Dani

    RispondiElimina
  17. Complimenti, bravissima!!!!!

    RispondiElimina
  18. Brava bravissima!
    Presto ti dovrai prendere cura anche del mio!

    RispondiElimina
  19. Complimenti, un bellissimo lavoro! Sono andata subito a sbirciare!

    RispondiElimina
  20. Bello bello, cara Silvia! Lo avevo notato sul blog di Dani ma non sono sicura se ti/vi avevo fatto i complimenti! Ottimo lavoro, come sempre! Un bacione, Alex

    RispondiElimina
  21. Brilliant blog, great posts and beautiful proprietress! What to want more ...
    I'd love to follow you (bloglovin + GFC) and welcome to visit my
    blog about fashion .

    I show 47 DIY ideas for Valentine’s Day - maybe you'll find something for yourself? ;-)



    Regards,
    Katherine Unique


    RispondiElimina
  22. Avevo visto questa intestazione! L'hai fatta tu? L'ho trovata stupenda, e ora so a chi fare i complimenti! :D

    RispondiElimina
    Risposte
    1. Grazie Vivy! :)
      L'impostazione grafica di questa intestazione è opera di Daniela, quello che ho fatto io è stato ricrearla, senza immagini per alleggerirla, e rendendola funzionante come menù. Sono contenta che ti piaccia, anche secondo me si è trattato di un'ottima idea da parte di Daniela :D

      Elimina
  23. Ma daiiiiiiiiiiii, l'hai fatto tu? L'ho visto e mi piace un sacco!

    RispondiElimina

Ti ringrazio per il tuo commento: mi stai dedicando due minuti del tuo tempo e lo apprezzo immensamente!
I commenti vengono modrerati, perciò non sono visibili appena inviati.
Mi riservo il diritto di cancellare messaggi:
• offensivi, diffamatori e/o volgari;
• a sfondo esplicitamente politico;
• pubblicitari;
• che richiedono 'follow 4 follow': seguimi se ti fa piacere, io farò altrettanto!

Related Posts Plugin for WordPress, Blogger...