Team Fusion » Equipe technique #3 de PMSIpilot Start Your Dev - Accueil : html css javascript xml xsl Installer xhprof et xhprof gui sur Zend Server - ::franek:: Xhprof est un profiler de code PHP. C'est un concurrent de Xdebug développé par Facebook. Il a le gros avantage de permettre de visualiser l'évolution de la mémoire. Il ne nécessite pas l'utilisation d'un logiciel tiers (type KCachegrind, non disponible sous Windows...argh...) et peut être installé sur un serveur de production sans, normalement, trop dégrader les performances. Je vais ici vous décrire son installation sur Zend Server CE et l'installation de xhprof gui Si vous utilisez une installation de PHP moins exotique (genre une debian avec les dotdeb), son installation sera, à mon avis, simplifiée : apt-get install php5-xhprof Installation de xhprof On récupère les sources et on les décompresse : $ wget http: $ tar xvfz xhprof-0.9.2.tgz On compile : $ cd xhprof-0.9.2/extension $ /usr/local/zend/bin/phpize $ . On modifie la configuration de PHP pour lui indiquer de charger cette extension : $ sudo vi /usr/local/zend/etc/php.ini On ajoute : $ mkdir -p /tmp/xhprof $ chmod 777 /tmp/xhprof <? <?
Web Developer - Le coin du Webmaster - Logiciels Libres L’installation de l’extension Web Developer est identique aux autres extensions de Firefox. L’interface est francisée (choisir « Localized Version » sur la page « Download » du site de l’auteur, si la fenêtre d’installation de l’extension n’apparaît pas, vérifier que Firefox autorise l’ouverture du popup pour le site considéré). Redémarrez votre navigateur préféré, clic droit dans la barre des menus puis choisissez "Barre d’outils Web Developer". Une nouvelle barre d’outils apparaît. Cette extension pourrait être définie comme "le couteau suisse pour webmestres". L’utilisation la plus "spectaculaire" est sans doute celle qui concerne les CSS, voir plus bas. Petite revue des menus : Dans le premier menu, Désactiver, vous pourrez par exemple Désactiver le Javascript, utile en terme de test d’accessibilité, en effet le Javascript dans vos pages peut masquer certaines informations. Le menu images Le menu validation permet de renvoyer vers les "validateurs" connus ( Html, css, accessibilité ).
S'informer sur Pyromaths, un générateur de fiches d’exercices Jerome, le 26.05.10 Cet article est très nettement inspiré de cet article. La raison de ce changement de stratégie est la suivante : si un bug est découvert, il n’y a pas moyen de récupérer le code source corrigé sur le dépôt Git si de nouvelles fonctionnalités ont été ajoutées entre temps. Git permet de gérer les branches. La branche master Personne ne devrait travailler sur la branche master. La branche develop Cette branche contient les nouveautés abouties. Créer une branche pour une nouvelle fonctionnalité Quand on commence à travailler sur une nouvelle fonctionnalité, on crée une branche pour celle-ci en local : git checkout -b aires-6e develop On se retrouve alors dans cette branche et on peut travailler l’esprit tranquille. incorporer la nouvelle fonctionnalité dans la branche develop Une fois le travail fini, on rapatrie le travail dans la branche principale develop. git checkout develop git merge --no-ff aires-6e git branch -d aires-6e git push origin develop Les branches release
Getting to Work with CSS3 Power Tools CSS3 is one of the coolest new web technologies available to web developers right now. Using some of its many features, it is possible to reproduce the effects that you might have previously done in Photoshop, with CSS code that is more maintainable, faster to load, and hip with the latest trends. Read on to learn about the power tools available to you and how to combine them to produce the ultimate graphical effects. CSS3 has many features, but some of them are imperative to learn if you are going to be reproducing Photoshop-like effects. I call these my "power tools." Border RadiiBox ShadowsText ShadowsGradientsMultiple Backgrounds Each of these features can help replace some of the images that you might have created in Photostop in the past. Browser Support: Safari: 3.2+Firefox: 3.0+Chrome: 3.0+Opera: 10.5+Internet Explorer: 9.0+ By now, you've probably heard about border-radius a million times. There are three syntaxes that you will need to use. OK, easy! OK, so not too bad yet!
Developer Network A Smarter Way to Learn HTML & CSS - Index of Exercises A Smarter Way to Learn HTML & CSS Index of Exercises Docs - Element/Element The following functions are treated as Window methods. Function: document.id The document.id function has a dual purpose: Getting the element by its id, and making an element in Internet Explorer "grab" all the Element methods. Syntax: var myElement = document.id(el); Arguments: el - The Element to be extended. Returns: (element) A DOM element. Examples: Get a DOM Element by ID: var myElement = document.id('myElement'); Get a DOM Element by reference: var div = document.getElementById('myElement'); div = document.id(div); // the element with all the Element methods applied. Notes: This method is useful when it's unclear if working with an actual element or an id. Function: $ The dollar function is an alias for document:id if the $ variable is not set already. var myElement = $('myElement'); var myElement2 = document.id('myElement'); myElement == myElement2; // returns true (function($){ // Now you can use $ safely in this closure })(document.id) See Also: MooTools Blogpost: The Dollar Safe Mode Note:
Style CSS - Accueil Index des styles Présentation L'acronyme CSS tient pour Cascading Style Sheets ou encore feuilles de style en cascade. Complément indispensable pour la mise en forme des documents html ou xml, c'est un langage compréhensible et lisible employant une terminologie adapté à la mise en forme graphique. L'emploi du CSS a pour but la séparation de la structure du document avec le style et la centralisation des styles facilitant ainsi l'utilisation et la mise en place de règles en cascade. Les styles CSS permettent de définir l'apparence des tags html au travers des attributs class et style ou encore via des sélecteurs. Consultez l'article décrivant ces différentes méthodes de déclaration. Historique des versions CSS1 : La première spécification est finalisée en 1996 et donne lieu au CSS1 proposant les principales mise en formes pour le texte et la police de cartactère, les listes, les arrière-plans ainsi aue les bordures et contours.
Git User’s Manual This chapter covers internal details of the Git implementation which probably only Git developers need to understand. A birds-eye view of Git’s source code It is not always easy for new developers to find their way through Git’s source code. This section gives you a little guidance to show where to start. A good place to start is with the contents of the initial commit, with: $ git checkout e83c5163 The initial revision lays the foundation for almost everything Git has today, but is small enough to read in one sitting. Note that terminology has changed since that revision. Also, we do not call it "cache" any more, but rather "index"; however, the file is still called cache.h. If you grasp the ideas in that initial commit, you should check out a more recent version and skim cache.h, object.h and commit.h. In the early days, Git (in the tradition of UNIX) was a bunch of programs which were extremely simple, and which you used in scripts, piping the output of one into another. Now, for the meat:
FOIRE AUX QUESTIONS (X)HTML - CSS Auteur : gcyrillus Comment empecher un "block" de passer sous un flottant ? D'abord un petit blabla a propos de ces "satanés " flottants. Les elements placées en "float" , ont des comportements difficiles a apprehender pour les débutants. On ne sait pas trop ou il se trouvent , ni comment ils interagissents avec le reste des élements. comme un élément de type "block". Deuxième réaction, ils se reduisent à la taille de leur contenu . comme s'ils etaient positionné en absolu ! Troisième effet désagréable , ils n'étirent pas leur conteneur ou deborde sur les autres en repoussant leurs contenus. ça ressemble presqu'a du position:absolute; ça . En fait c'est presque ça , le flottant est effectivement retiré du flux , mais pas son contenu auquel il reserve de la place . et pourtant il semble etre invisible aux elements block qu'il le cotoient (excepté pour les contenus qui n'iront ni glisser dessous n'y s'y superposé, arf !) Et pourtant Dans IE Pour les autres : reste le overflow:auto; ou hidden .