Dator Blog

Comme tout le monde le sait, nous pouvons changer les polices d’écritures de nos sites internet grâce à des propriétés CSS. TypeFace offre la possibilité de modifier la police d’écriture sans avoir la police sur nôtre ordinateur et sans utiliser Flash.

Comment cela est-il possible ?

Simplement en utilisant les caneva de l’HTML 5 et en utilisant ce petit fichier javascript comme cela :

	Ici un texte avec une police helvetiker !

Vous pouvez voir un échantillon d’exemple ici.

• 8 commentaires

Si tu es pationné de PHP et que tu fais quelques petites choses en javascripts, tu peux être sûr que cet article est pour toi. PHP.js rassemble en grande partie les fonctions présente dans PHP mais utilisable avec Javascript.

Par exemple :

htmlspecialchars()

function htmlspecialchars (string, quote_style) {
    // http://kevin.vanzonneveld.net
    // +   original by: Mirek Slugen
    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   bugfixed by: Nathan
    // +   bugfixed by: Arno
    // +    revised by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // -    depends on: get_html_translation_table
    // *     example 1: htmlspecialchars("Test", 'ENT_QUOTES');
    // *     returns 1: '<a href='test'>Test</a>'

    var histogram = {}, symbol = '', tmp_str = '', i = 0;
    tmp_str = string.toString();

    if (false === (histogram = get_html_translation_table('HTML_SPECIALCHARS', quote_style))) {
        return false;
    }

    for (symbol in histogram) {
        entity = histogram[symbol];
        tmp_str = tmp_str.split(symbol).join(entity);
    }

    return tmp_str;
}

ucfirst()

function ucfirst( str ) {
    // http://kevin.vanzonneveld.net
    // +   original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +   bugfixed by: Onno Marsman
    // *     example 1: ucfirst('kevin van zonneveld');
    // *     returns 1: 'Kevin van zonneveld'

    str += '';
    var f = str.charAt(0).toUpperCase();
    return f + str.substr(1, str.length-1);
}

Le créateur à pour le moment développé 190 fonctions javascripts correspondantes au PHP et sont très pratique pour les développeurs PHP qui se mettent petit à petit dans le Javascript.

• 3 commentaires

Un plugin que j’attendais depuis longtemps ! Il s’agit d’un plugin pour jQuery qui vous permet de chercher dans le contenu HTML d’une liste ou d’un tableau sans passer par l’AJAX. Ce qui augmente la rapidité de cette recherche.

Son utilisation est vraiment des plus simple et voici un cours exemple d’utilisation avec une liste HTML :

Préparation du HTML :

Il faut d’abords penser à inclure les javascripts comme cela :

Pour télécharger le contenu de QuickSearch, il vous suffit d’aller sur le site du plugin.

Et ensuite préparer votre liste de cette façon :

Afghanistan
Albania
Algeria
American Samoa
Andorra
Angola
Anguilla
Antarctica
Antigua and Barbuda
Argentina
Armenia
Aruba
Australia
Austria
Azerbaijan

Préparation du Javascript :

$(document).ready(function(){
	$('ul#list_example li').quicksearch({
		position: 'before', // la position du formulaire qui va être généré
		attached: 'ul#list_example', // l'élément à mettre à jour
		inputText: 'Recherche', // le contenu du champ de recherche
		labelText: 'Votre ville', // le label du champ de recherche
		loaderImg: 'loader.gif', // l'image de chargement
		loaderText: 'Recherche...' // le texte de chargement
	});
});

Avec ce simple code, vous pouvez générer un champ de recherche très rapide dans votre HTML et ainsi éviter de passer par l’AJAX qui prend beaucoup de ressources si il est mal utilisé !

Démonstration : jQuery QuickSearch 

• 3 commentaires

Ubiquity est un plugin pour Firefox permettant de consulter des pages, faire des recherches avec des lignes de commandes simples.

Nous allons voir comment réaliser une ligne de commande pour votre blog wordpress permettant au utilisateur de faire des recherches sur votre blog, sans être sur votre blog.

1) Le fichier javascript

Dans notre exemple, nous allons nommer notre fichier ubiquity-search.js et le remplir de cette façon :

makeSearchCommand({
	name: "dator", /* le nom de la commande */
	url: "http://www.dator.fr/?s={QUERY}",
/* l'adresse de recherche où {QUERY } sera remplacé par le terme recherché */
	icon: "http://www.dator.fr/favicon.ico", /* l'icône de la commande */
	description: "Chercher dans dator.fr" /* la description de la commande */
});

2) Modification dans le thème wordpress

Il suffit d’ouvrir le fichier d’entête de votre thème Wordpress et d’ajouter cette ligne :

if (is_home()): ?>
< ?php endif;?>

de cette façon la (en remplaçant évidemment par vos adresses) :

< ?php if (is_home()): ?>
< ?php endif;?>

Et voila, vous offrez la possibilité à vos visiteurs d’effectuer des recherches sur votre sites internet à partir de Ubiquity. Bien qu’un plugin existe déjà, je trouvais intéressant de vous expliquer comment réaliser cela pour n’importe quel autre site.

• 3 commentaires

La version 1.2.1 de MooTools est sortie. Cette version consolide la version 1.2, et la légère liste des changements montre qu’il font ça bien. Télécharger la nouvelle version de MooTools.

• 1 commentaire

Voici la liste des langages de programmation les plus utilisés. Cette liste est crée par Tiobe et est basé sur les recherche dans les moteurs de recherches les plus connus comme Google, MSN, Yahoo et même Youtube !

Comme on peut le voir, Java est encore en première place suivis du couple C/C++ qui représente presque 50% des développements. La 5e position est décerné à PHP ce qui est une très bonne place. Par contre Javascript fait une chute libre et passe de la 9 à la 11e place.

• 1 commentaire