public marks

PUBLIC MARKS from -Nicolas- with tag javascript

2009

HTML 5 canvas - the basics - Opera Developer Community

by 1 other (via)
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.

2008

Evitons de mettre les styles CSS et les scripts Javascript dans le code HTML

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

21 scripts Javascript pour l'intégrateur HTML et CSS

by 3 others
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)

1000 ressources pour le développement web et WordPress : la grosse grosse liste

by 9 others
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 !

2007

Creating a table with dynamically highlighted columns like Crazy Egg's pricing table (Ask the CSS Guy)

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

La gestion des événements en JavaScript - Alsacréations

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

JavaScript : organiser son code en modules - Alsacréations

by 6 others
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.

Comment bien coder en Javascript ? - Alsacréations

by 26 others
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.

AJAX : Premiers Pas - Asynchronous JavaScript and XML - A nous la liiiiiberté ! - Articles - Programmation PC - Squalenet.net

by 2 others
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.

Devthought - Guillermo Rauch’s Blog » CSS Javascript power. Fancy menu

by 8 others (via)
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!

Effets javascript avec Prototype et Scriptaculous - Prendre un Café

by 9 others
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.

Menu HTML et CSS, sliding doors et item current en PHP | css4design

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.

2006

Cheat Sheet Round-Up: Ajax, CSS, LaTeX, Ruby…

by 26 others (via)
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.

Encytemedia— An In-depth Look At The Future of Javascript Debugging With Firebug

by 9 others
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.

ALL HTML - Accueil

by 24 others
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.

AJAX Matters Blog » AJAX Tutorials

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

XML Transformations with CSS and DOM

by 1 other
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

by 4 others (via)
Javascript, SVG et DOM. Mettre un script dans un fichier SVG

Making Javascript DOM a Piece of Cake with the graft() Function

by 3 others (via)
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.