Optimisation PHP/HTML/FrontEnd
Publié par le 2 août 2009, 2 commentaires
Catégorie : apache/PHP,CSS,Développement,MySQL,PHP 5,Scripts PHP

L’optimisation de son site Internet …. Très grande problématique, bien souvent compliqué à résoudre, tant de chose pouvant être à l’origine du problème.

Commençons par cette vidéo de PHPTV de décembre 2008 :

Ensuite, attaquons un petit récapitulatif :

  1. Différence back/front.
  2. Optimisation du back.
  3. Optimisation du front.

(Lire la suite…)

JQUERY et ses plugins
Publié par le 7 décembre 2008, 0 commentaire
Catégorie : CSS,Développement,JavaScript

J’ai eu l’occasion dans mon boulot de découvrir JQUERY, la fameuse librairie JavaScript permettant d’appliquer des actions sur des évènements.

A force de l’utiliser et de la « défoncer » dans tous les sens, je commence à connaître quelques techniques d’utilisation et d’optimisation. A savoir, cette librairie à l’avantage d’être compatible avec tous les navigateurs.

Sa mise en place passe par l’inclusion HTML de la librairie (<script type= »text/javascript » src= »jquery.js » mce_src= »jquery.js »></script>), et permet d’accèder à une liste de fonctions et méthodes assez intéressante. Je citerai rapidement :

  • Gestion facile de requêtes AJAX.
  • Animation des fenêtres (slide, fade, move).

L’utilisation de plugin additionnels permet d’étendre les possbilitées :

  • tablesorter => permet de gérer l’affichage d’un tableau HTML, avec gestion des tries et de la pagination (via tablesorterpager).
  • datepicker => permet de générer un calendrier de saisie/affichage dynamique en JavaScript, avec animation sur l’apparition/disparition.

JQUERY permet facilement d’accèder à l’arbre DOM de la page JavaScript, de mettre en place des Triggers/Ecouteur sur des évènements liés à des objets de l’arbre.

Exemple :

$(document).ready(function(){

});

Ce code permet d’executer des actions lorsque la page est correctement chargée. Ainsi, on va pouvoir ajouter des triggers sur des balises.

$('#maDiv').click(function(){
  $this.hide();
}

Ce trigger permet, lorsqu’on clique sur l’élément dont l’id sera ‘maDiv’ de le masquer.

La suite va venir, avec de vrais exemples et des démos.

l’objet dans mailto et accent
Publié par le 29 mai 2008, 0 commentaire
Catégorie : CSS

pour mettre un caractère accentué dans l’objet d’un mailto il faut connaitre son encodage url.

Ainsi pour mettre un é il faut mette %e9

 exemple :

<a href= »mailto:dupond@truc.fr?subject=d%e9couvrez »></a>

hr en pointillé
Publié par le 21 mai 2008, 0 commentaire
Catégorie : CSS

pour faire un hr en pointillé

hr{
 width:400px;
 background-color:#FF9900;
 border-top: 10px dashed #FF9900;
}

Ce qui donne :
filet.JPG

css différents pour ie6 et ie7
Publié par le 10 avril 2008, 0 commentaire
Catégorie : CSS,Développement,Scripts PHP

Si vous avez besoin de faire deux css différents pour ie6 et ie7 utiliser ce bout de code en remplaçant le span par votre code

<?php
    for ($i = 0; $i < sizeof($tab[0]); $i++) {
   ?>
   <?php
            //si c’est ie6
            if(strstr($_SERVER['HTTP_USER_AGENT'], »MSIE 6.0″)!=FALSE){
                ?><span style= »position:relative;top:2px; »><a href= »contenu.php?id=<?=$tab[0][$i]['IdArticle']?> » mce_href= »contenu.php?id=<?=$tab[0][$i]['IdArticle']?> » class= »sousMenu »><?=$tab[0][$i]['LibelleArticle']?></a></span><?
            }
            //si c’est un autre navigateur
            else{?>
                <span style= »position:relative;top:-12px; »><a href= »contenu.php?id=<?=$tab[0][$i]['IdArticle']?> » mce_href= »contenu.php?id=<?=$tab[0][$i]['IdArticle']?> » class= »sousMenu »><?=$tab[0][$i]['LibelleArticle']?></a></span><?
            }?>

Avec ce code :

strstr($_SERVER['HTTP_USER_AGENT'], »MSIE 6.0″)!=FALSE

on vérifie si la réponse du ‘HTTP_USER_AGENT’ contient bien ‘MSIE6.0′, c’est à dire qu’on détecte que c’est un IE6

Page Suivant »