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. 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. Visual jQuery 1.2.6. Tout JavaScript.com [Tutoriaux javascript et PHP] - Scripts, Tutoriaux, Forums pour webmasters et développeurs. Robloche nous propose ici un tutorial passionnant sur l'utilisation des requêtes serveur en JavaScript.

Ce tutorial a été remis à jour en aout 2017 pour tenir compte des évolutions des navigateurs. L'objet XMLHTTPRequest permet de réaliser des appels au serveur depuis la page HTML. Il s'agit d'appels AJAX (Asynchronous JAvascript XML). Aujourd'hui, tous les navigateurs acceptent ce mode de fonctionnement, sans incompatiblité particulière. AJAX a permis l'émergence de véritables applications web et a grandement participé à l'essor du javascript, qui est même devenu un langage serveur avec Node.js ! Présentation Comme leur nom ne l'indique pas, les objets XMLHTTPRequest permettent de récupérer toutes sortes de données, et pas seulement des fichiers XML. > Masquer le code JavaScript var xhr_object = new XMLHttpRequest(); xhr_object.open("GET", location.href, false); xhr_object.send(null); if (xhr_object.readyState == 4) alert("Requête effectuée !

") Comment ça marche ? [haut de la page] Méthodes. Tutoriels XHTML, CSS, Accessibilité, JavaScript. Proposez votre tutoriel Niveaux : Débutant Confirmé Expert Langages hypertexte (HTML, HTML5), balises, structure des pages web et validation W3C Feuilles de style CSS (Cascading Style Sheet) Accessibilité Accessibilité des sites internet, bonnes pratiques, ergonomie, utilisabilité Javascript Langage de script pour le web dynamique exécuté par le navigateur Développement Langages et technologies du web tels que PHP, MySQL, Ajax Responsive web design Tout pour smartphones et tablettes Design Design et graphisme pour le web Vue & Nuxt Vue.js et Nuxt Formats, encodage, XML Formats variés, XML et microformats, sémantique Web Le monde du web et d'internet en général Dans les cas les plus extrêmes, on se retrouve à chercher une aiguille dans une meute de foin. Pompage.net : le web design puisé à la source.

Basic Flash MX/MySQL chat. 1. Introduction Welcome to my first tutorial regarding Flash MX and PHP. Here, we will try to set up a simple Flash chat in order to implement it into your web pages without using any socket connection. Only simple HTTP requests from Flash to PHP and viceversa will be used. N.B. If you are looking for a high performance chat, please go to or use a Server Application which communicates with Flash through a socket protocol. To study with this tutorial, you will need: Web server with PHP, MySQL database and Flash MX 2. 2.1 Open your preferred PHP Editor (mine is TextPad) and create a new document.

<? // ---------------// flash chat vars// ---------------// how many old messages the firs time enters$first_run = 50;// max users online$max_users = 5;// After how much time user is disconnected (in ms)$active = 20000; In the last lines, there is a function getmicrotime() which we will use it in the future to receive the actual datetime in microtime format, unix_timestamp. 3. 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 Lire l'article. Article lu 2151 fois. Copyright © 2010 Julien Pauli. Ajax > Ajax : synchrone et asynchrone ? Des exemples ! Ajax : synchrone et asynchrone ? 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 Reprennons le code précédent et passons le simplemet en mode asynchrone (en changer le parametre cité précedement à "true") : Tout s'est executé avant la fin du chargement. Les controles de requetes :

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. 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. Our web page’s P tag has an ID of “xmlData,” that’s the paragraph we’re going to update. The xmlObj.responseXML property is a DOM object – it’s a lot like the “document” object, except it’s for the remote XML file.

Note: it returns the XML node, not the data within that node – the data must be extracted by accessing properties of that XML node, which is the next step. xmlObj.open ('GET', file, true); xmlObj.send (''); That’s all there is to it. Free CSS templates - Download Free CSS Templates. Petit guide .htaccess | Juste le zeste... 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. 1 – Créer une page d’erreur personnalisée .htaccess sur Linux/Apache permet facilement de créer des pages d’erreur personnalisées. ErrorDocument 401 /401.php ErrorDocument 403 /403.php ErrorDocument 404 /404.php ErrorDocument 500 /500.php 2 – Bloquer la navigation dans les répertoires Il peut arriver que vous n’incluiez pas de fichier index dans tous les répertoires de votre site.

Free CSS templates - Download Free CSS Templates. Differences from Java. Groovy tries to be as natural as possible for Java developers. 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. Here we list all the major differences between Java and Groovy. Math: BigDecimal arithmetics by default Floating point number literals are BigDecimals by default. So when you type 3.14, Groovy won't create a double or a float, but will instead create a BigDecimal. If you really want to use floats or doubles, be sure to either define such numeric variables with their float or double types, like in: double piDouble = 3.14float piFloat = 3.14??

Or else, you can also use suffixes like: def piDouble = 3.14d def piFloat = 3.14f?? See also our section on Math with Groovy. Default imports All these packages and classes are imported by default, i.e. you do not have to use an explicit import statement to use them: java.io. Common gotchas == means equals on all types. Things to be aware of. 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. 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 Apache Web Copyright © 2006 Julien Pauli. Ajax Tutorials - 121Space.