{"id":372,"date":"2011-09-19T23:37:32","date_gmt":"2011-09-19T22:37:32","guid":{"rendered":"http:\/\/www.degraphiks.com\/blog\/?p=372"},"modified":"2011-10-27T15:08:26","modified_gmt":"2011-10-27T14:08:26","slug":"ascenseurs-en-crise","status":"publish","type":"post","link":"http:\/\/degraphiks.com\/blog\/ascenseurs-en-crise\/","title":{"rendered":"Ascenseurs en crise"},"content":{"rendered":"

Depuis que les ordi\u00adna\u00adteurs ont une inter\u00adface gra\u00adphique et des fen\u00eatres, il y a des ascen\u00adseurs et des bou\u00adtons pour contro\u00adler ces derniers.<\/p>\n

Mais avec la g\u00e9n\u00e9\u00adra\u00adli\u00adsa\u00adtion des sou\u00adris \u00e0 molettes et plus r\u00e9cem\u00adment les inter\u00adfaces tac\u00adtiles, les ascen\u00adseurs ne sont plus \u00e0 la f\u00eate. Pour l\u2019es\u00adsen\u00adtiel ils se can\u00adtonnent \u00e0 \u00eatre des indi\u00adca\u00adteurs de posi\u00adtion\u00adne\u00adments tant  les moyens de les action\u00adner sans les tou\u00adcher sont nom\u00adbreux : raccourcis-clavier, molette, track\u00adpad, \u00e9cran tactile\u2026<\/p>\n\n\n\n
\"Ascenseur<\/td>\n\"Ascenseur<\/td>\n\"Ascenseur<\/td>\n\"Ascenseurs<\/td>\n\"Version<\/td>\n\"Ascenseur<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

On le voit bien, la sim\u00adpli\u00adfi\u00adca\u00adtion est de mise (m\u00eame si de MacOS 10.1 \u00e0 10.6, l\u2019as\u00adpect \u00ab Pilule trans\u00adlu\u00adcide \u00bb \u00e0 eu son heure de gloire).<\/p>\n

Per\u00adson\u00adnel\u00adle\u00adment, j\u2019a\u00addo\u00adrais l\u2019as\u00adpect que les ascen\u00adseurs de MacOS 9 m\u00eame si r\u00e9tros\u00adpec\u00adti\u00adve\u00adment je les trouvent trop larges, oui la p\u00e9riode pilule bleue<\/em> de MacOS X n\u2019est pas ma pr\u00e9\u00adf\u00e9\u00adr\u00e9e esth\u00e9\u00adti\u00adque\u00adment par\u00adlant. M\u00eame si MacOS X a intro\u00adduit les barres de d\u00e9fi\u00adle\u00adment \u00e9troites, cela n\u2019a pas vrai\u00adment chan\u00adg\u00e9 depuis 10 ans. Avec Lion, il y a un peu de nou\u00adveau\u00adt\u00e9 (un peu) ; mais je reste sur Leo\u00adpard jus\u00adqu\u2019\u00e0 temps que mon \u00ab parc \u00bb logi\u00adciel soit \u00e0 jour pour le nou\u00adveau f\u00e9lin.<\/p>\n

En atten\u00addant, \u00e0 des fin de recherche pour une inter\u00adface d\u2019ad\u00admi\u00adnis\u00adtra\u00adtion que je suis en train de conce\u00advoir, je suis tom\u00adb\u00e9 dans la doc du Web\u00adKit (oui, je suis un gue\u00addin, je lis les docs) sur la pos\u00adsi\u00adbi\u00adli\u00adt\u00e9 de sty\u00adler les barres de d\u00e9fi\u00adle\u00adment de mani\u00e8re plus fine que nous le per\u00admet  Inter\u00adnet Explo\u00adrer depuis longtemps.<\/p>\n

Voi\u00adci un exemple (qui ne marche qu\u2019a\u00advec les navi\u00adga\u00adteurs \u00e0 base de WebKit) :<\/p>\n

::-webkit-scrollbar {\n    width: 7px;\n    height: 7px;\n}\n\n::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {\n    display: none;\n}\n\n::-webkit-scrollbar-button:start:increment, ::-webkit-scrollbar-button:end:decrement {\n    display: none;\n}\n\n::-webkit-scrollbar-track-piece {\n    border-radius: 7px;\n    background-color: #e1e1e1;\n}\n\n::-webkit-scrollbar-thumb:vertical {\n    height: 100px;\n    border-radius: 7px;\n    background-color: #878787;\n}\n\n::-webkit-scrollbar-corner:vertical, #sub-tree::-webkit-scrollbar-resizer:vertical {\n    background-color: #ededed;\n}\n\n::-webkit-scrollbar-corner:vertical, #sub-tree.GleeThemeWhite::-webkit-scrollbar-resizer:vertical {\n    background-color: #c5c9d1;\n}<\/pre>\n
Ce code pla\u00adc\u00e9 dans la feuille de style d\u2019un site ou dans Sty\u00adle\u00adbot<\/a> (exten\u00adsion de Google Chrome qui per\u00admet de modi\u00adfier \u00ab \u00e0 la vol\u00e9e \u00bb la feuille de styles d\u2019un site), per\u00admet d\u2019ob\u00adte\u00adnir ceci :<\/p>\n
\"Barre<\/p>\n
C\u2019est \u00e0 la fois plus simple et plus dis\u00adcret, \u00e0 noter aus\u00adsi que l\u2019on peut mas\u00adquer les bou\u00adtons de d\u00e9fi\u00adle\u00adment, ce qui per\u00admet de gagner de la place aus\u00adsi. Donc en jouant avec le dif\u00adf\u00e9\u00adrents para\u00adm\u00e8tres on peut se per\u00admettre vrai\u00adment toutes les excen\u00adtri\u00adci\u00adt\u00e9s, pour le plus grand bon\u00adheur des clients ?<\/p>\n
Source.<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
Depuis que les ordi\u00adna\u00adteurs ont une inter\u00adface gra\u00adphique et des fen\u00eatres, il y a des ascen\u00adseurs et des bou\u00adtons pour contro\u00adler ces derniers.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"wp_typography_post_enhancements_disabled":false,"jetpack_post_was_ever_published":false,"footnotes":""},"categories":[118,2],"tags":[72,74,73],"class_list":["post-372","post","type-post","status-publish","format-standard","hentry","category-developpement","category-informatique","tag-css","tag-stylebot","tag-webkit"],"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/p2W6XU-60","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/posts\/372","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/comments?post=372"}],"version-history":[{"count":13,"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/posts\/372\/revisions"}],"predecessor-version":[{"id":429,"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/posts\/372\/revisions\/429"}],"wp:attachment":[{"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/media?parent=372"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/categories?post=372"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/degraphiks.com\/blog\/wp-json\/wp\/v2\/tags?post=372"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}