Team Fusion » Equipe technique #3 de PMSIpilot Start Your Dev - Accueil : html css javascript xml xsl CSS Tutorial 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é ).
Le CSS - Tutoriel HTML & CSS La syntaxe Un fichier CSS permet de changer radicalement l'affichage de plusieurs pages HTML. La structure d'un fichier CSS est simple (plus que celle d'un fichier HTML). Un fichier CSS est composé de plusieurs règles. Expliquons cette structure avec quelques définitions : Chaque règle CSS sert à appliquer des styles à une balise HTML, certaines balises, ou un groupe de balises ; Chaque règle d'un fichier CSS débute par un sélecteur. Pour illustrer ce que nous venons de voir, nous allons voir comment centrer le titre de niveau 1 de nos pages Web. Si maintenant nous voulons une couleur bleue pour ce même titre, nous devons appliquer une seconde déclaration (couple "propriété: valeur") pour le même sélecteur h1 : il s'agit de la propriété "color", et nous lui donnons la valeur "blue". Avant de commencer la lecture, et pour vous donner l'envie d'apprendre, Découvrez Snaky 360, le jeu de serpent addictif réalisé par l'auteur de ce tutoriel... Lier le CSS au HTML <! <! Les sélecteurs <! Le contenu
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!
CSS1K Developer Network A Smarter Way to Learn HTML & CSS - Index of Exercises A Smarter Way to Learn HTML & CSS Index of Exercises Kick-Start Your Project: A Collection of Handy CSS Snippets Don't start your project with an empty style sheet: there are many great snippets that can make your life easier and speed up web development. We are going to show you some handy snippets that you might find useful for kick-starting your next project. In one of the previous articles “Basic Ready-to-Use CSS Styles”, we saw how we could create a suite of classes to help the design process while making a website. Today we are going to see how we can continue this exercise with some things a little bit more technical. Indeed, isn’t there some properties or CSS tricks you always have to check the syntax for, every single time you want to use them? Of course you do my friends! Before we go, let me tell you how I divided this article: Shorthand classes Let’s begin with shorthand classes, which are a very common things. The best example is probably the one where you have some text and an image you want to include on the left side of the text. Nothing more. Design-related snippets Miscellaneous