background preloader

Outils

Facebook Twitter

Zen-coding - Set of plugins for HTML and CSS hi-speed coding. Les 8 expressions régulières - RegExp - les plus utilisées. Les expressions régulières, ou RegExp, prendront une part essentiel dans vos script. De la vérification d'une adresse eMail à celle d'une date en passant par les validations de code postale, url, pseudo ou login, IP et code hexadécimal des couleurs.

Découvrez les 8 RegExp les plus utilisées en PHP. Tout d'abord, nous allons commencer par résumé brièvement le fonctionnement et la syntaxe d'une expression régulières puis nous détaillerons les 8 expressions régulières les plus utilisées et les plus utiles. Des notions de PHP sont obligatoires à la compréhension de ce tutoriel sur les RegExp. Nous traiterons uniquement des RegExp en PHP bien que leur mode de fonctionnement sois quasiment identique dans les autres langage. Les 8 expressions régulieres les plus utilisées sont la validation de : L'adresse eMailLa dateLe numéro de téléphoneLe code postaleL'urlLogin ou PseudoL'adresse IPLe code hexadécimale de couleur Résumé de la syntaxe d'une expression régulière preg_match (" /^a/i ", $variable) Adobe Edge Code un éditeur de code révolutionnaire pour le Web. Note préliminaire : Cet article est une traduction de l'article "Brackets: a Revolutionary Code Editor for the Web", publié sur Sitepoint.

La traduction a été grossièrement entamée via GoogleTranslate, et affinée par votre serviteur. Quand il s'agit de choisir un outil de développement, les développeurs web ont l'embarras du choix parmi les dizaines d'éditeurs de texte, commerciaux, libres, et open-source, comme Sublime, Eclipse, Netbeans, Aptana, Visual Studio, Komodo, PSPad, Coda, Bluefish, Gedit, Emacs, Vim, Notepad ++ et même le Notepad de Windows pour les masochistes.

Avons-nous besoin d'une alternative supplémentaire ? C'est l'avis d'Adobe qui a créé Brackets Edge Code - un éditeur open-source sous license MIT, disponible sur github.com/adobe/brackets. La plupart des éditeurs de code font un travail correct mais tirent leurs racines des applications bureautiques. Ce qui fait la différence de Edge Code, c'est l'option Quick Edit. Pour plus d'informations : Plugins for Geany. Use Geany for Django projects - Geany Wiki. Better syntax highlighting for Django templates You can configure Geany to highlight variables and template tags in Django templates. This helps a lot to differentiate between normal HTML code and Django template code in the template files. By default, highlighting of Django template tags is disabled because it may cause glitches with other special sorts of HTML code and not everyone is using the Django template language.

To enable that special highlight, you need to adjust the HTML filetype definition file. Either create or edit the file /home/<username>/.config/geany/filedefs/filetypes.html and add the following few lines (or just adjust the [lexer_properties] section if it already exists):1) ~/.config/geany/filedefs/filetypes.html [lexer_properties] lexer.html.django=1 More information about this file, its format and the path, e.g. on Windows, can be found in detail in the Geany manual, section Configuration Files. Fine-tune styling html_asp python_identifier python_default Explanation: The Responsinator. Check My Colours - Analyse the color contrast of your web pages. API Page Visibility : le document HTML est-il visible par l'utilisateur ? Lorsqu'il s'agit d'aborder les performances des navigateurs web, de nombreux sujets existent : optimisation JavaScript, diminution des ressources à télécharger, meilleure écriture des sélecteurs CSS.

Une autre fonctionnalité existe pour soulager le processeur : savoir si un document HTML est affiché ou non. Dans ce dernier cas, il sera possible de mettre en pause les traitements qui sont invisibles à l'utilisateurs et ne sont dès lors plus utiles, par exemple : mettre en pause une vidéo ou l'audio mettre en pause une animation Canvas, WebGL ou SVG ne pas effectuer de requêtes de type AJAX en arrière-plan pour rafraîchir les données ne pas afficher de notifications L'API Page Visibility renseigne sur la visibilité d'une page, qu'elle occupe une fenêtre à elle toute seule ou juste un onglet. Notez que tout ceci n'a absolument rien à voir avec les propriétés CSS display et visibility puisqu'il s'agit d'un état global du document et non d'un élément HTML en particulier.

La théorie.