PUBLIC MARKS from -Nicolas- with tag javascript

The HTML 5 specification includes lots of new features, one of which is the canvas element. HTML 5 canvas gives you an easy and powerful way to draw graphics using JavaScript.

Cet article est une “craduction”(1) de l’excellent article Why Inline CSS And JavaScript Code Is Such A Bad Thing dans lequel Robert Nyman explique pourquoi il est bon de séparer la structure HTML, la présentation CSS et l’interactivité Javascript dans le processus de conception d’un site web. Chaque partie devrait faire l’objet d’un fichier distinct où l’intrusion des deux autes devrait être limité au strict minimum. "Yalla, en avant les jeunes !"

Les bibliothèques Javascript — comme jQuery et la myriade de plugins qui l’accompagne — facilitent la vie des développeurs web en leur permettant de manipuler le DOM les mains dans les poches. Toutefois, il est toujours bon d’avoir quelques fonctions standalone sous la souris pour se faciliter l’intégration cross-browser ! Voici une sélection de 21 scripts pour faire face à toutes les situations (ou presque)

Vous voulez un bon éditeur de page HTML et CSS et avoir sous le coude le maximum de ressources à portée de souris ? Cet article est fait pour vous si cherchez le bon plugin jQuery pour votre projet ou si vous êtes friand de liens pointant vers des ressources indispensables pour la création de sites web. Si en plus vous utilisez WordPress, c’est votre dossier Plugins qui va être content ! Le titre est trompeur : il n’y a pas 1000 ressources, mais bien plus à découvrir… Attention, cette liste est vivante et grandit avec vos suggestions !

Creating a table with dynamically highlighted columns. Step by step tutorial using CSS, JavaScript, and images in clever ways.

Ce tutoriel est une introduction rapide aux notions nécessaires pour bien comprendre et bien utiliser les événements en JavaScript.

Ce tutoriel vous propose, dans la lignée de celui présentant les bonnes habitudes de codage en JavaScript, d'étudier différentes techniques permettant d'isoler votre code dans des modules « hermétiques », évitant ainsi les interactions involontaires avec le reste de votre code, ou avec le code que vous ne contrôlez pas.

Ce tutoriel vous montre, au travers de bonnes pratiques, comment obtenir un code Javascript non intrusif, évolutif, accessible, facilitant la maintenance et minimisant les risques d'interaction. Ce document regroupe diverses notions de base et d'autres plus avancées telles que les tests de fonctions, les variables globales, la séparation de la structure, de la présentation, du comportement voire des données, le modèle objet, les littéraux, une introduction à JSON ou encore la gestion des événements.

Cet article va nous permettre de voir ce qu'est AJAX, quels sont ses principales caractéristiques, et comment écrire une application simple utilisant de l'AJAX pour répondre aux attentes de l'utilisateur.

In this article I’ll go through the creation of a custom navigation bar with some cute Javascript effects that will certainly impress your friends. Thanks to the great Mootools library, this beauty is contained in 1.5kb. Not only that, but it’s also cross browser (tested on Internet Explorer 6/7, Firefox and Safari) and accessible!

On a vu fleurir moult trolls velus à propos du web 2.0 et sa débauche d'AJAX et de javaScript inaccessibles, je ne les nourrirrai pas ici. Par contre et pour ceux que ça intéresse, les librairies prototype et script.aculo.us proposent des outils et effets très sympathiques. Voici quelques exemples très simples d'utilisation.

Ce mini tutoriel propose une technique simple pour afficher un effet de survol sur un bouton en permutant une image en background associée à un lien, et faire en sorte que cet effet de survol reste une fois le bouton cliqué, de manière à signaler la page en cours. Le tout avec une pincée de HTML, une bonne dose de CSS et un soupçon de PHP.

Whether you’ve forgotten the name of a function or the property of a cascading style sheet - handy cheat sheets deliver the information you are looking for - immediately.

What if you could say goodbye to alert and not-so-useful logger scripts and have a real debugging API to debug Javascript. While it hasn’t made it to the public yet, the next version of Joe Hewitt’s Firebug will finally give us an easy to use, full-featured debugging environment for Javascript. Fortunately, I’ve had the pleasure of being able to test the new version of Firebug and this post will outline some of what you can expect.

Le nouveau ALL HTML est non plus seulement un portail d'informations dédié aux webmasters / développeurs, mais également un formidable outil de diffusion et d'échanges entre internautes intéressés par les nouvelles technos.

A comprehensive list (over 130) of tutorials on AJAX, JavaScript and other web development topics.

This article demonstrates how to render XML in the browser with a minimum of CSS and JavaScript. The examples that follow were written for and tested with Mozilla 1.0 for Mac OS X and Windows 2000. This article is not a comprehensive tutorial on DOM, CSS, or XML, and a basic understanding of each of these technologies is required.

Javascript, SVG et DOM. Mettre un script dans un fichier SVG

Interactivity and SVG GUI

In an earlier article I presented DOM as a useful way to construct documents on the fly in Javascript. DOM is well known for this purpose, but it’s also well known for being extremely irritating and verbose to use in Javascript. Some programmers may be tempted to use quoted HTML combined with the innerHTML property, which may (for them) be somewhat easier to crank out than DOM code. But this is hardly a way to go forward, and creates all sorts of problems when using AJAX, JSON, or when working in an environment involving a lot of strict XML usage. Casting all of that aside, this article will demonstrate the use of the graft() function to simplify the construction of DOM structures using Javascript’s own simple object notation.

C, C++, Java, BASIC, .net, HTML, XML, CSS, JavaScript, ASP, ...