scoopeo_url='http://www.css4design.com/blog/menu-a-onglets-tabs-idtabs-ou-domtab'Menu à onglets avec Javascript et CSS fait partie des articles les plus lus de ce blogzine. Mais la solution présentée alors n’est pas un modèle d’accessibilité car elle ne fonctionne plus correctement si Javascript est désactivé. Dans ce cas, le menu reste bloqué sur le premier onglet actif. Bien que certains trouvent qu'il s'agit d'une fonctionnalité et non d'un défaut, je préconise deux scripts bien plus accessibles et efficaces : idTabs de Sean Catchpole et domtab de Chris Heilmann.Avant de choisir un système de menus à onglets, il est important de vérifier les trois points suivants :Poids du ...

Something i take for granted in PHP is the use of Modular Arithmetic when display results in a grid like format.Usually in php, i would do something like this to display three items per rowif ($count % 3 == 0) {// Add Break / Clear here}So i assumed something like this would be available in smarty. After googling for a while i found a couple of solutions to this, however none of them were as simple as the PHP code above, so by playing about with the Smarty Template Engine, i managed to figure out a nice simple way, and here it is.{assign var="mycount" value="1"} {*Initiate the mycount variable*}{if $mycount++ % 3 == 0} {*Simular syntax to the above*}// Add Break / Clear here{/if}So, as ...

With the combined effort of my PHP Array Pagination script and this tutorial you will be able to pagination results (database & non database driven results) and intergrate it easily with the smarty template engine.So, to start download the PHP Pagination script and then put it into a directory within your smarty setup.During this example i am going to be using some test data, a basic PHP array with 10 sub array's, like so:$myArray = array(array('id' = > 1, 'title' => 'Test Item 1'),array('id' = > 2, 'title' => 'Test Item 2'),array('id' = > 3, 'title' => 'Test Item 3'),array('id' = > 4, 'title' => 'Test Item 4'),array('id' = > 5, 'title' => 'Test Item 5')...

En regardant de plus près les options proposées par FeedBurner pour la détection des usages suspects d’un flux RSS, je suis tombé sur l’option Password Protector (onglet Publicize) qui permet d’associer un identifiant et un mot de passe à un flux RSS :Il s’agit d’une protection basique pour éviter que Pierre, Paul ou Jacques utilise votre flux. Avec cette option, vous protégez votre flux en utilisant une authentification HTTP. Les requêtes sur vos flux hébergés chez FeedBurner demanderont aux lecteurs une combinaison identfiant / mot de passe pour y accéder à condition que leur aggrégateur de flux support le protocole d’authentification pour visualiser ...

J’avais un peu galeré pour le trouver celui là En fait il cible les moteurs KHTML et WebKit, c’est à dire toutes les versions de Safari, et Konqueror.html[xmlns*=""] body:last-child ... { ... }Testé avec Konqueror 3.5, Safari 1.2 Mac, Safari 1.3 Mac, Safari 2.0 Mac, Safari 3.1 Mac, Safari 3.1 Win, IE6, IE7, IE8, FF1.5, FF2, FF3Source : BTreeHugger’s Blog

Après A comme Allons-y et B comme Bêtise, Je continue à égrener l’alphabet qui me sert de fil conducteur pour la création d’un thème de type magazine, selon la formule consacrée. C comme Cahier des charges parce que si lors de la première étape, j’ai noté quelques idées pour savoir dans quelle direction aller, il est temps de fixer le cap avec la liste des fonctionnalités dont j’ai besoin. Cette phase, indispensable lorsqu’on doit développer les fonctionnalités d’un site from scratch, peut sembler un peu formelle pour un blog, où sauf exception, tout est déjà codé dans le moteur du blog ; il reste néanmoins à déterminer celles que l’on va intégrer...

This is a little tutorial i put together to help people starting out with jQuery to learn the basics.So, first things first. Pop over to http://docs.jquery.com/Downloading_jQuery and download the latest version in whatever form you prefer, Minified, Packed or Uncompressed. If you are not fussed then i would suggest the packed version.No, the first thing you should do is create a specific testing area, for example c:\jquery. Then in that folder extract the jquery file into it, if the name of the js file isn't jquery then i would suggest you rename it to jquery.js to make the name of the file nice and easy to remember.Now, on to the html.Create a file, with whatever name you prefer, i will ...

Had enough of the same old operating system based select field style? Why not skin it up, this script allows you to apply a skin to a select box.This tutorial is based on the original code i wrote, however this version is less buggier and has support for non JS enabled browsers!Nice and simple to install, include the jQuery library and the select skin JS file and the CSS file like so.<style><!--@import url('./css/skinned-select.css');//--></style><script src="./js/jquery.js" type="text/javascript"></script><script src="./js/jquery.skinned-select.js" type="text/javascript"></script>Then just wrap a div with the class name of 'my-skinnable-select' a...

Sometimes the only way to incorporate all the suggestions on an existing script is to rewrite it. With that said here's version 2.0 of Featured Content Slider, a rewrite of v1.0 that's much more versatile in every way. The script makes a slideshow out of arbitrary content on your page, so users can manually select a content to see or have them rotated automatically. Each content is defined simply inline on the page as regular HTML, or altogether inside a single external file and fetched via Ajax instead.

Jonathan Snook looked at my recent ALA article, thought he could do it better, and so he did. I'll be using this instead from now on.