Tools

WordPress chez 1and1

2010

Chez 1and1.fr WordPress fonctionne à merveille – il suffit de dire qu’on veut utiliser PHP5, et non PHP4, qui est la version de PHP utilisée par défaut sur leurs serveurs. Sans cela, la mise à jour automatique, l’installation via l’interface d’administration d’extensions et de thèmes et l’upload de fichiers ne fonctionnent pas correctement.

Il suffit, à la racine de l’installation WordPress, d’ajouter un fichier .htaccess (ou d’ajouter au fichier .htaccess présent) les lignes suivantes :

AddType x-mapp-php5 .php
AddHandler x-mapp-php5 .php

Suitable font replacements for standard non free fonts on free operating systems

2010

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 fonts that are included with the Mac operating system, but expensive for anyone else in the world, like the Helvetica. Wait. Are we making websites only for Windows and Mac users?

Why use free software, write free software but conform to non free web design?

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 »

Custom horizontal and vertical scrollbars at a time with jQuery

2010

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.

Lire la suite | Read more »

» «