2010
Cela fait maintenant 6 ans que la première version du site web de l’artiste Tsuneko Taniuchi a vu le jour, et il était temps de le refaire avec des images plus grandes, avec plus d’informations et sans Flash. Le voilà !
Mon envie était de créer un design sobre et simple avec une petite touche qui se rapprocherait de la mise en page d’un livre.
J’ai utilisé quelques éléments CSS3 pour ce site et il est préférable de le regarder avec un navigateur récent.
When writing and testing stylesheets while working on a free operating system like GNU/Linux, you will most likely have to install the msttcorefonts package, as typical typefaces like Arial, Verdana, Times New Roman etc. are not included with the distribution of your operating system, as they are not free. Even worse, you may have to purchase Apple fonts that are included with the Mac operating system, but expensive for anyone else in the world. Wait. Are we making websites only for Windows and Mac users?
Consider a font style like this one:
font-family: "Helvetica", sans-serif;
On a freshly installed GNU/Linux system this will use the fallback « sans-serif » default font, which is most likely Bitstream Vera Sans. Although Bitstream Vera Sans is a very beautiful font, it is really much bigger and wider than Helvetica or Arial. Some designs may not fit anymore or lose their particular character, when viewed on systems without the « right » font. Lire la suite | Read more »
A client of mine wanted to use custom scrollbars for a website. I quickly found Kelvin Luck’s jQuery plugin for modifying the browser’s scrollbar. So, jScrollPane works great for vertical scrollbars and integrates neatly with WordPress, when calling it like this from the <head> section of your WordPress site:
var $j = jQuery.noConflict();
$j(function(){
jQuery('.scroll-pane').jScrollPane({scrollbarWidth:10});
});
However, the client also wanted the horizontal scrollbars customized…
It took me several hours to stumble upon the modification of Luck’s plugin by Threeformed, a canadian media company.
But I ran into problems integrating their plugin with WordPress’ noConflict function and had to modify all the calls to « $ », into « jQuery ». It then worked out, but I needed to be able to design it via CSS independently of the vertical scrollbars. In order to do that I added a second CSS selector, through which I was then able to design the horizontal scrollbars using other background images than for the vertical ones.
One strange thing however is that this plugin expects the element you want to add scrollbars to to be set to « float:left », otherwise it has problems calculating the initial width of the horizontal scrollbars.
You may download my modified jQuery plugins here.
