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 CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're interested. Reset styles quite often appear in CSS frameworks, and the original "meyerweb reset" found its way into Blueprint, among others. The reset styles given here are intentionally very generic. There isn't any default color or background set for the body element, for example. In other words, this is a starting point, not a self-contained black box of no-touchiness. If you want to use my reset styles, then feel free! Previous Versions v1.0 (200802) Acknowledgments Thanks to Paul Chaplin for the blockquote / q rules.

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é !

Alsacréations : Actualités et tutoriels HTML, HTML5, CSS, CSS3, standards du web 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!

Related: