background preloader

Start Your Dev - Accueil : html css javascript xml xsl

Start Your Dev - Accueil : html css javascript xml xsl
Related:  Cours et Tutoriels sur le JavaScriptCSS

JavaScript | ECHO INFORMATIQUE Articles dans la catégorie JavaScript JavaScript un langage de script utiliser dans plusieurs domaines, Améliorez votre site avec JavaScript Catégorie : Développement Informatique, JavaScript 01 juin 2015 JavaScript, L’utilisation et la déclaration des variables en JavaScript c’est probablement l’une des premières choses à connaitre sur ce langage de programmation, don apprenez dans cet article à utiliser les variable leur type portée et utilisation. Lire la suite 25 mai 2015 l’utilisation de JavaScript dans une page web c’est une façon de rendre en quelque sorte cette page dynamique, et on dispose de deux méthodes pour l’utiliser. Lire la suite 16 mai 2015 Le JavaScript est un langage de dynamisation de page web, il nous permet d’ajouter des chargements dynamiques des animations à une page web. Lire la suite JavaScript, avec le nom en comprend que c’est un langage de script, il est utilisé avec plusieurs langage sur tous avec les langages web et il sert à rendre un peu dynamique les sites web.

A Smarter Way to Learn HTML & CSS - Index of Exercises A Smarter Way to Learn HTML & CSS Index of Exercises De jQuery à Vanilla JS ![](jquery-die.jpg) Oui alors jQuery, c’est sûrement très bien, ça simplifie pas mal de choses et le chaining est intéressant mais eeeest-ce que vous connaissez l’équivalent en pur JavaScript ? Pas sûr hein. Ce petit article vous propose de quoi peut-être vous faire changer d’avis sur la bibliothèque qui pèse tout de même environ ~80ko. Note : Vanilla JS n’est pas un framework mais veut simplement dire “à nu”, c’est du JavaScript sans bibliothèque. C’est parti ! # Table des matières # Évènements $(document).ready(function() { }) document.addEventListener('DOMContentLoaded', function() { }) $('a').click(function() { }) [].forEach.call(document.querySelectorAll('a'), function(el) { el.addEventListener('click', function() { }) }) # Sélecteurs var divs = $('div') var divs = document.querySelectorAll('div') var newDiv = $('<div/>') var newDiv = document.createElement('div') # Attributs $('img').filter(':first').attr('alt', 'My image') document.querySelector('img').setAttribute('alt', 'My image')

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". 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. Passons le menu CSS (plus bas) pour s’attarder au menu Form. qui vous permettra de tester les formulaires des pages web : Le menu images Difficile de s’en passer une fois que l’on y a goûté !

Formations JavaScript, PHP, MySQL, HTML5, CSS3, jQuery, Dojo, jQuery UI 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. 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! Box shadows are another well supported feature. That's it!

JavaScript modulaire pour le front-end : les bases Quand on réalise des applications en JS pour les navigateurs web, on ne peut plus se contenter de mettre des tags script dans le bon ordre pour charger les bibliothèques tierces que l’on utilise comme pour un site web. C’est pourquoi il existe des outils pour permettre d’écrire du JavaScript modulaire et réutiliser plus facilement les innombrables bibliothèques publiées par la communauté JS. Cependant, ce principe d’écriture modulaire et de publication de code n’étant pas intégré dans le langage lui-même, de très nombreuses solutions existent plus ou moins compatibles les unes avec les autres et aboutissant à une forte fragmentation de la communauté. C’est pourquoi j’ai voulu partager mon expérience, en essayant d’abord de reposer les bases du problème, puis en vous faisant part de ce que j’estime être la solution la plus satisfaisante actuellement. D’abord, il faut faire la distinction entre 3 aspects du problème : Le format AMD (dans sa forme la plus courante) est : Réponse : Super !

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.

Related: