mai 25

Voici la question légitime que l’on se pose avant d’adopter la solution qui vous permettra de développer vos produits plus efficacement.
Voici une présentation qui vous permettra d’orienter votre choix entre Cake, Solar, Zend et CodeIgniter.

Si quelqu’un a une opinion concernant Symfony, qu’il n’hésite pas.

fév 03

Les navigateurs destinés aux terminaux mobiles proposent des fonctionnalités destinées a faciliter la saisie de texte comme l’ajout automatique d’une majuscule en début de phrase ou encore la correction à la volée des faute de frappes.

Bien pratique dans lors de la rédaction d’un texte, ces fonctionnalité deviennent fastidieuse dans le champs texte d’un formulaire destiné à recueillir un login par exemple.
Pour régler le problème il suffit de rajouter deux attributs à la balise input :

  • autocapitalize=’off’ : désactive la gestion des majuscules
  • autocorrect=’off’ : désactive la gestion des fautes de frappe

Ex :

< input type='text' name='username' value='' autocapitalize='off' autocorrect='off' >
jan 19

Depuis que que nous savons que Google prend en compte la rapidité du chargement des pages dans le classement de ses résultats, les éditeurs ont pris encore plus conscience de l’importance de générer des pages les plus légères qui soient.
Outre la possibilité de recourir au cache, à la compression ou encore à la réduction du nombre de requêtes HTTP, ils existent des outils formidables qui permettent d’optimiser votre code, notamment votre code javascript.

Prenons pour exemple Closure Compiler.
En y intégrant votre code, soit par copier-coller, soit via une url, cet outil va optimiser votre code suivant différents niveaux souhaités :
- niveau 1: suppression des espaces, tabulations, commentaires et retour à la ligne
- niveau 2 : en plus de la suppression des « caractères blancs », le compresseur va renommer vos variables avec le moins de caractères possibles
- niveau 3 : le compresseur va jusqu’à réécrire votre code (à utiliser avec parcimonie)

L’avantage principal est que vous pouvez réduire drastiquement le poids vos fichiers javascript, mais aussi de protéger votre code car, une fois compressé, il deviendra incompréhensible.
Vous devrez donc conserver la version originale pour vos modifications ultérieures et renouveler la compression systématiquement.

jan 16

JQuery a énormément apporté à l’enrichissement des interfaces web et c’est notamment le cas concernant nos bon bien tableau de données. Désormais en installant un plugin, vous pouvez décupler l’interactivité de vos tableaux sans interroger à chaque fois votre serveur, vos interfaces deviennent alors beaucoup plus réactives, plus agréables à utiliser et, par la même occasion vous alléger la charge de vos serveurs.
Voici une sélection des meilleurs plugins pour enrichir vos tableaux :

DataTables

Ce plugin extrêmement puissant (et sans doute le plus complet) vous permet de faire à peut près tout sur votre tableau : trier (et ce sur plusieurs colonnes), mettre en évidence les colonnes triées, paginer, choisir le nombre de ligne par page, rechercher un chaine, chargement en ajax …

Data tables

DataTables à peu près tout

Flexigrid

Dans la lignée de DataTables ce plugin permet de paginer, rechercher, trier, charger dynamiquement des données, redimensionner les colonnes, ou encore de rendre le tableau scrollable.

Flexigrid

Flexigrid talonne DataTables

Ingrid

Ingrid propose les traditionnelles fonctions de tri et de pagination, mais propose aussi de stocker l’état de votre table dans un cookie. Ainsi, lors de votre prochaine visite, vous retrouverez votre tableau trié (ou encore à la bonne page) comme vous l’avez laissé.

Ingrid

Ingrid propose un fonction de sauvegarde de vos tris

uiTableFilter

Plus léger ce plugin permet de filtrer les lignes d’un tableau à partir d’un chaine de caractères saisie dans un champs de recherche

ui Table Filter

Filtrez à partir d'un chaine de caractères

Scrollable HTML Table

Permet de rendre un tableau « scrollable » en définissant simplement la hauteur et la largeur de la zone visible.

Scrollable Html Table

Scrollable Html Table

Table Sorter

Plugin dédié au tri des colonnes d’un tableau sans avoir à rafraichir votre page. Il supporte le tri sur plusieurs colonnes et peut être extensible grâce à un système de widget.

TableSorter

Table Sorter : trie vos données en un clic

jQuery ColumnManager plugin

Ce plugin, qui a la particularité d’être très léger, vous permettra d’afficher ou de masquer instantanément les colonnes de votre tableau.

CSV2Table

Convertie un fichier au format CSV en un tableau HTML

Table Pagination

Ce plugin est dédié à la pagination de vos tableaux que vous pouvez configurer au travers de différents paramètres

uiTableEdit

Grâce à lui vous pourrez rendre éditable vos tableaux par l’utilisateur

jan 14

CSS
Alors que la norme CSS3 est encore en cours de validation, les principaux navigateurs intègrent déjà la majorité des fonctionnalités… à leur manières.
Si dans la plupart des cas, les développeurs tombent d’accord sur la syntaxe d’une propriété, il arrive que leur points de vue divergent littéralement (d’où l’intérêt de préfixer les propriété jusqu’à ce que la norme soit définie).
La syntaxe de la propriété permettant de générer un dégradé en CSS3 en est un bel exemple.

Ainsi les navigateurs basé Webkit (Chrome, Safari) définiront un dégradé de cette manière

-webkit-gradient(linear, 75% 19%, 75% 90%, from(#ABABAB), to(#C9C9C9))

alors sous Firefox vous devrez écrire

-moz-linear-gradient(19% 75% 90deg,#ababab, #c9c9c9, #c7c7c7 100%)

Pour éviter de vous arracher les cheveux lors de la mise en place de votre dégradé, je vous recommande cet outil qui vous mâchera le travail :
http://westciv.com/tools/gradients/index.html