{"id":185,"date":"2012-01-18T15:47:39","date_gmt":"2012-01-18T14:47:39","guid":{"rendered":"http:\/\/gironi.it\/blog\/?p=185"},"modified":"2024-09-20T14:10:31","modified_gmt":"2024-09-20T13:10:31","slug":"modelli-di-interfaccia-utente-mark-boulton","status":"publish","type":"post","link":"https:\/\/www.gironi.it\/blog\/modelli-di-interfaccia-utente-mark-boulton\/","title":{"rendered":"Modelli di interfaccia utente: Mark Boulton"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-313\" alt=\"handy-icon_06\" src=\"http:\/\/gironi.it\/blog\/wp-content\/uploads\/2012\/01\/handy-icon_06.png\" width=\"129\" height=\"127\">Un amico e cliente, qualche giorno fa, mi ha chiesto di valutare la curiosa implementazione dell&#8217;hover sui link in sidebar del <a href=\"http:\/\/www.markboulton.co.uk\/\" target=\"_blank\" rel=\"noopener\">sito di Mark Boulton<\/a>. Questo, al fine di considerarne la possibile implementazione sul <a href=\"http:\/\/www.davidnicholson.it\/\" target=\"_blank\" rel=\"noopener\">suo nuovo sito<\/a>.<br \/>\nIn pratica, l&#8217;effetto consiste in questo: quando l&#8217;utente sposta il puntatore nella sidebar di destra del sito, tutti i link presenti nell&#8217;area in questione, fino a quel momento indistinguibili dal normale testo, &#8220;acquistano&#8221; il colore verde. Se passo sopra ogni singolo link, il mouseover \u00e8 evidenziato dalla sottolineatura.<br \/>\nPersonalmente, non ricordo di aver visto in altri siti una soluzione di questo tipo. Per riprodurla al volo ho usato jquery, controllando l&#8217;evento hover dell&#8217;area compresa in un dato div e cambiando il colore del link di conseguenza. (4 righe di css e 6 righe di jquery in tutto, almeno nella mia versione di test). Problemi con i dispositivi mobili, aggravio di peso: ne vale la pena? L&#8217;impatto sulla chiarezza della fruizione \u00e8 realmente positivo? Ci penso su.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Un amico e cliente, qualche giorno fa, mi ha chiesto di valutare la curiosa implementazione dell&#8217;hover sui link in sidebar del sito di Mark Boulton. Questo, al fine di considerarne la possibile implementazione sul suo nuovo sito. In pratica, l&#8217;effetto consiste in questo: quando l&#8217;utente sposta il puntatore nella sidebar di destra del sito, tutti &hellip; <a href=\"https:\/\/www.gironi.it\/blog\/modelli-di-interfaccia-utente-mark-boulton\/\" class=\"more-link\">Leggi tutto<span class=\"screen-reader-text\"> &#8220;Modelli di interfaccia utente: Mark Boulton&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","footnotes":""},"categories":[1015],"tags":[1073,1075,1077],"class_list":["post-185","post","type-post","status-publish","format-standard","hentry","category-sviluppo-web-it","tag-css-it","tag-jquery-it","tag-usability-it"],"lang":"it","translations":{"it":185},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"post-thumbnail":false},"uagb_author_info":{"display_name":"paolo","author_link":"https:\/\/www.gironi.it\/blog\/author\/paolo\/"},"uagb_comment_info":0,"uagb_excerpt":"Un amico e cliente, qualche giorno fa, mi ha chiesto di valutare la curiosa implementazione dell&#8217;hover sui link in sidebar del sito di Mark Boulton. Questo, al fine di considerarne la possibile implementazione sul suo nuovo sito. In pratica, l&#8217;effetto consiste in questo: quando l&#8217;utente sposta il puntatore nella sidebar di destra del sito, tutti&hellip;","_links":{"self":[{"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/posts\/185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/comments?post=185"}],"version-history":[{"count":1,"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/posts\/185\/revisions"}],"predecessor-version":[{"id":3217,"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/posts\/185\/revisions\/3217"}],"wp:attachment":[{"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/media?parent=185"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/categories?post=185"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.gironi.it\/blog\/wp-json\/wp\/v2\/tags?post=185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}