background preloader

Web

Facebook Twitter

25 techniques CSS pour être plus efficace (partie 2) Lors d'un précedent article je présentais la première partie des techniques CSS.

25 techniques CSS pour être plus efficace (partie 2)

Voici la suite avec des outils pour générer du code en ligne, valider votre site ou encore pour optimiser le code CSS. Design Une bibliothèque de Modèle CSS open source Vous pouvez utiliser un Générateur en ligne pour créer des modèles CSS. Mais je préfère l'utilisation de ce site car il offre des modèles CSS open source de très bonnes factures que nous pouvons utiliser comme fondations à tous les projets web. Une barre de menu CSS qui se chevauche Une belle réalisation de menu CSS où les onglets se chevauchent les uns les autres. Rendre vos formulaires accesibles Créer des formulaires graphiques et cohérents en même temps. Faire de jolis Boutons en CSS Techniques pour intégrer facilement un graphique en barres horizontales. Positionnement vertical centré Beaucoup de personnes cherchent encore la meilleure façon de centrer verticalement, voici une technique. Un pied de page efficace en CSS Gagner du temps Articles Outils. Tutorial : suggestions (auto-complétion) en Ajax avec JQuery et Php.

Pour ce deuxième tutoriel sur l’ajax, je te propose un formulaire avec auto-complétion.

Tutorial : suggestions (auto-complétion) en Ajax avec JQuery et Php

Simplement afficher des suggestions quand l’utilisateur commence à taper dans un champ de texte. Les suggestions sont affichées grâce à Ajax qui permet d’effectuer des requêtes SQL en « arrière-plan » de la page. Toute la partie JavaScript sera faite grâce au framework JQuery. Comme d’hab, j’ai préparé une page de démo du script : disponible ici. Et il est également possible de télécharger les fichiers sources de cette démo. Jquery : auto-complétion Donc, pour commencer, on va préparer le code HTML nécessaire : le champ de texte sur lequel les suggestions vont être appliqué et le bloc (caché au début de la page) qui va éventuellement contenir les suggestions : Ensuite, dans le code javascript, on retrouve les deux fonctions nécessaires : lookup qui permet de faire l’appel ajax et fill qui permet, comme son nom l’indique, de remplir le champ avec la valeur suggerée.

Visual jQuery 1.2.6. Tout JavaScript.com [Tutoriaux javascript et PHP] - Scripts, Tutoriaux, Forums pour webmasters et développeurs. Une question revient souvent sur les forums dédiés au JavaScript : Peut-on réaliser une requête sur le serveur sans (re)charger une page et sans utiliser d'astuces telles qu'une frame invisible ou une fenêtre popup ?

Tout JavaScript.com [Tutoriaux javascript et PHP] - Scripts, Tutoriaux, Forums pour webmasters et développeurs

Jusqu'à peu, je pensais que la réponse était aussi claire que négative. Et puis j'ai découvert XMLHTTPRequest et la réponse est devenue : « Oui ! » Mais les documentations sur ce sujet ne se bousculent pas sur le net, notamment en français. D'où cette petite introduction aux objets XMLHTTPRequest (que nous appellerons ainsi même si le nom diffère d'un navigateur à l'autre). Pour l'instant, c'est uniquement compatible Internet Explorer et Firefox mais je crois avoir lu quelques informations intéressantes pour Opera[1]. Tutoriels XHTML, CSS, Accessibilité, JavaScript. Pompage.net : le web design puisé à la source. Basic Flash MX/MySQL chat. Open Source Web Design - Download free web design templates. Maitrise de la gestion des variables en PHP. Tout le monde sait manipuler des variables en PHP.

Peut-on en dire autant quand les concepts de "copie" et de "références" entrent en jeu ? Nous allons détailler comment fonctionnent les variables au niveau interne à PHP. Cela nous permettra de comprendre très nettement les mécanismes mis en oeuvre lors de l'utilisation d'objets, de références, de fonctions ou de simples variables globales. Vous devez déjà être habitué aux variables PHP pour lire cet article et vous devez déjà avoir manipulé celles-ci, notamment les références (signe &).10 commentaires. Ajax > Ajax : synchrone et asynchrone ? Des exemples ! Ajax : synchrone et asynchrone ?

Ajax > Ajax : synchrone et asynchrone ? Des exemples !

Des exemples ! Quelle difference ? Nous avons vu dans le précédent article sur le sujet qu'AJAX voulait dire "Asynchronous Javascript And Xml". Asynchronous est un terme moche et barbare qui, basé sur synchrone, veut dire qu'AJAX peut, au choix, etre executé de façon synchrone (le script va attendre que la requete AJAX vers le serveur soit faite pour se poursuivre) ou asynchrone (le script n'attend pas la fin de la requete). Voyons pas l'exemple : AJAX executé de façon synchrone Reprennons le code de notre précédent article, et ajoutons-y un evenement déclencheur.

Rien d'extraordinnaire dans ce bout de code. On voit bien dans cet exemple que le script attend la fin du chargement de la page pour continuer. AJAX executé de façon asynchrone. JSP: suivez cet exemple pour créer un site complet - Builder - ZDNet.fr. How to Develop Web Applications with Ajax, Pt. 1 - WebReference.com - How to Develop Web Applications with Ajax, Pt. 1 Each time the state of the XMLHttpRequest changes, the “onreadystatechange” event is triggered.

How to Develop Web Applications with Ajax, Pt. 1 - WebReference.com -

By using “xmlObj.onreadystatechange = function(){ … }” we build and run a function on-the-fly each time the state of the XMLHttpRequest object changes. There are a total of 5 states, starting with 0 and going through 4. The fifth state (number 4) is when we are certain that data will be available, so we check the xmlObj.readyState for “4” to see if data is available. If it is, we run the updateObj function. Free CSS templates - Download Free CSS Templates.

Petit guide .htaccess. De tous les éléments de développement web, .htaccess est certainement le plus intimidant. Après tout, c’est un outil incroyablement puissant, et l’un de ceux qui a le potentiel de détruire votre site si vous ne faites pas attention. Nous allons voir quelques techniques et astuces permettant de bien démarrer avec .htaccess. Ce n’est pas aussi effrayant que cela et si vous étudiez le code quelques minutes, vous saisirez rapidement comment ça fonctionne et pourquoi. Ensuite, nous verrons les points qu’il ne faut pas rater pour ne pas se créer des soucis supplémentaires lors de manipulation de .htaccess.

Free CSS templates - Download Free CSS Templates. Differences from Java. Groovy tries to be as natural as possible for Java developers.

Differences from Java

We've tried to follow the principle of least surprise when designing Groovy, particularly for developers learning Groovy who've come from a Java background. Agir sur un fichier XHTML. Présentation du Zend Framework - Premiers pas. Fonctionnement interne Hashtables et tableaux PHP Les tables de hachage (hashtables) représentent une structure très utilisée dans le langage C pour stocker des paires clé/valeur de données en mémoire.

Présentation du Zend Framework - Premiers pas

Exactement ce que font les tableaux (array) PHP, qui en sont une implémentation. Nous allons ici brièvement définir les tables de hachage, puis nous allons nous intéresser à la manière dont elles ont été implémentées dans PHP. Nous détaillerons comment les manipuler, nous noterons quelques points remarquables et enfin nous ferons un petit le tour de leurs très nombreuses utilisations au sein du code source de PHP. Fonctionnement global de PHP Cet article a pour but de présenter le fonctionnement interne de PHP d'un point de vue global. Les bases de la création d'extensions PHP Nous allons ici présenter les bases de la création d'une extension PHP. Maitrise de la gestion des variables Tout le monde sait manipuler des variables en PHP. Système Langage. Ajax Tutorials - 121Space.