public marks

PUBLIC MARKS from parmentierf with tag javascript

May 2006

Lightbox JS

by 91 others (via)
Lightbox JS is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.

A (Re)-Introduction to JavaScript - a photoset on Flickr

by 4 others
Slides from a three hour JavaScript tutorial at ETech 2006.

FireBug :: Mozilla Add-ons :: Add Features to Mozilla Software

by 9 others (via)
FireBug lets you explore the far corners of the DOM by keyboard or mouse. All of the tools you need to poke, prod, and monitor your JavaScript, CSS, HTML and Ajax are brought together into one seamless experience, including an error console, command line, and a variety of fun inspectors.

Annuaire WebOnorme sur les standards du web et l'accessibilité web

by 12 others (via)
Webonorme est un annuaire de ressources francophones sur les standards du web et l'accessibilité des technologies de l'information.

April 2006

gotAPI.com :: Reference Lookup Service

by 49 others (via)
C'est toujours fatigant de faire appel à plusieurs sources pour accéder aux diverses références des multiples langages de conception des pages web. LogPerspective, une société qui édite un logiciel d'analyse des logs du même nom, propose gotAPI.com centralisant tous ces manuels. Il existe plusieurs alternatives à ce type d'outil mais là on a le choix ! Par exemple pour le langage HTML on a la doc de htmlhelp.com, MSDN ou le W3C. C'est bien pensé !

Effets javascript avec Prototype et Scriptaculous - Prendre un Café

(via)
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 nourrirai pas ici. Par contre et pour ceux que ça interesse, les librairies prototype et script.aculo.us proposent des outils et effets très sympathiques. Voici quelques exemples très simples d'utilisation.

March 2006

Greasemonkey - Fondation Mozilla - Logiciels Libres - Framasoft

by 3 others
Alors que la plupart des extensions rajoutent des fonctionnalités à votre navigateur, Greasemonkey permet d’agir, et c’est là toute son originalité, directement sur la page web que vous visitez grâce à des scripts javascript, ou des blocs DHTML si vous préférez.

Yahoo! UI Library

by 30 others (via)
The Yahoo! User Interface Library is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, HTML and AJAX. The UI Library Utilities facilitate the implementation of rich client-side features by enhancing and normalizing the developer's interface to important elements of the browser infrastructure (such as events, in-page HTTP requests and the DOM). The Yahoo UI Library Controls produce visual, interactive user interface elements on the page with just a few lines of code and an included CSS file. All the components in the Yahoo! User Interface Library have been released as open source under a BSD license and are free for all uses.

January 2006

SVG, Canvas & co - News Xulfr

Vous avez certainement pu voir la démo de l'horloge codée avec la technologie Canvas. Voici ce même exemple mais codé avec d'autres technologies. Comment fonctionne l'application originale ? Elle utilise une balise nommée <canvas/> qui permet de dessiner en Javascript. Conrètement, il y a un dessin pour le fond de l'horloge, et un dessin pour chaque aiguille. Via un code javascript du <canvas/>, les positions des aiguilles sont mises à jour. Le fait de pouvoir bouger l'horloge sur la page est une mise à jour des coordonnées du <div/> qui embarque l'horloge. C'est une jolie démo qui montre comment utiliser Canvas et ce que l'on peut en faire. René-Luc D'Hont vous propose exactement la même démo mais avec 2 autres technologies, le SVG et XBL. Ces démos ne sont visibles que sous Firefox 1.5.

Quelques routines en javascript pour manipuler les objets

by 1 other
Quelques routines en javascript et SVG pour manipuler les objets

December 2005

Mastering Ajax, Part 1: Introduction to Ajax

by 9 others (via)
Ajax, which consists of HTML, JavaScript™ technology, DHTML, and DOM, is an outstanding approach that helps you transform clunky Web interfaces into interactive Ajax applications. The author, an Ajax expert, demonstrates how these technologies work together -- from an overview to a detailed look -- to make extremely efficient Web development an easy reality. He also unveils the central concepts of Ajax, including the XMLHttpRequest object.

24 ways

by 71 others, 1 comment (via)
24 ways to impress your friends is a daily dose of web development coding or wisdom intended to produce impressive results with little effort. So far 24ways.org has covered AJAX, Scriptaculous, CSS tab tricks, DOM scripting, Microformats, and internationalisation/localisation. Few of these are life-changing revelations, but it’s a fun site with some interesting sample code.

script.aculo.us - web 2.0 javascript

by 202 others (via)
script.aculo.us provides you with easy-to-use, compatible and, ultimately, totally cool JavaScript libraries to make your web sites and web applications fly, Web 2.0 style.

August 2005

Ouvrir des liens externes dans une nouvelle fenêtre - Alsacréations

by 2 others (via)
Nous allons voir dans ce tutoriel une méthode propre pour ouvrir les liens vers des sites externes au votre dans une nouvelle fenêtre. Il faut savoir que ce genre de pratique est plutôt déroutante pour l'utilisateur non expérimenté et particulierement désagréable pour la navigation, mais on peut comprendre que le fait de quitter le site au clic sur un lien soit un peu rageant ! Personnellement, je préfère ne rien changer et si le visiteur souhaite revenir, tant mieux, sinon c'est que le contenu de mon site aura été de piètre qualité pour ce visiteur. Mais quitte à la faire, autant le faire proprement, je vais donc vous exposer et expliquer une méthode simple, fonctionnelle et n'entravant pas la navigation au cas où le JavaScript serait désactivé.

July 2005

Behaviour : Using CSS selectors to apply Javascript behaviours

by 27 others (via)
Une librairie qui permet de manipuler les objets de votre page HTML en utilisant la même syntaxe que les sélecteurs CSS.

June 2005

SAJAX - Simple Ajax Toolkit by ModernMethod - XMLHTTPRequest Toolkit for PHP

by 51 others (via)
SAJAX, ou Simple AJAX Pas de fioriture, mais ca marche bien ;)

Rico - Home

by 29 others (via)
JavaScript for Rich Internet Applications. An open-source JavaScript library for creating rich internet applications. Rico provides full Ajax support, drag and drop management and a cinematics effects library.

JS/UIX - Terminal

by 7 others
JS/UIX is an UN*X-like OS for standard web-browsers, written entirely in JavaScript (no plug-ins used). It comprises a vir- tual machine, shell, virtual file-system, process-management, and brings its own terminal with screen- and keyboard-mapping. For an overview of implemented commands have a look at the complete > JS/UIX-Manual-Pages; see also the > Version-History. The keyboard accepts the US-ASCII character set. As key-mapping depends from your browser, you may have to use the cursor and backspace buttons at the lower right of the terminal. A complete keyboard can be accessed at the lower left. Compatibility: Netscape 4+, MS IE 4+ and DOM-aware browsers.

May 2005

[uZine 3] Le HTML dans le potage

by 6 others
Commençons par un constat : un petit tour sur le site Cool Homepages, qui sélectionne depuis des années des sites selon la beauté et l’originalité de leur graphisme et/ou de leur navigation (cela étant évidemment subjectif), devrait terrifier les amateurs de standards ouverts : quasiment tous les sites sélectionnés sont désormais réalisés en Flash. Le choix du graphiste serait donc, pour la réalisation d’un beau site, un format propriétaire, alors même qu’on nous vante un XHTML arrivé à maturité ? Cela devrait tout de même inquiéter... Le même constat peut être fait sur toutes les pages de sélection de « beaux » sites. Cela est très paradoxal : depuis l’année 2000, les recommandations pour les nouvelles normes sont publiées et les navigateurs grand public ont largement eu le temps de les intégrer. Pourtant, le HTML semble planté en rase campagne, utilisé pour faire du Web à papa, les navigations rigolotes étant désormais réalisées avec Flash. Tout un discours s’est développé autour des nouvelles normes, basé sur des dogmes pinailleurs et tâtillons, introduisant une rupture avec l’ancien HTML ; et pourtant, on se retrouve aujourd’hui à attendre désespéremment des « innovations » qui viendront récompenser nos efforts vers la « compliance ». Il serait bon, en effet, qu’on s’amuse autant avec le XHTML bien propret du docteur W3C qu’avec le HTML tout pourri dont nous gratifiaient les versions successives de Netscape 2, 3 et 4...

OSCOM Kupu - Kupu WYSIWYG XHTML Editor

by 5 others (via)
Kupu is a 'document-centric' open source client-side editor for Mozilla, Netscape and Internet Explorer. Inspired by Maik Jablonski's Epoz editor, it was written by Paul Everitt, Guido Wesdorp and Philipp von Weitershausen (and several other contributors, for a complete list refer to the CREDITS.txt file) to improve the JavaScript code and architecture, pluggability, standards support, support for other webservers than Zope (which was the original target platform for Epoz), configurability and a lot of other issues.

April 2005

Eliza, Computer Therapist

by 1 other (via)
A Javascript implementation for Eliza, the ancestors of chatterbots.

Ouvrir des liens externes dans dans une nouvelle fenêtre - Alsacréations

by 2 others
Nous allons voir dans ce tutoriel une méthode propre pour ouvrir les liens vers des sites externes au votre dans une nouvelle fenêtre. Il faut savoir que ce genre de pratique est plutôt déroutante pour l'utilisateur non expérimenté et particulierement désagréable pour la navigation, mais on peut comprendre que le fait de quitter le site au clic sur un lien soit un peu rageant ! Personnellement, je préfère ne rien changer et si le visiteur souhaite revenir, tant mieux, sinon c'est que le contenu de mon site aura été de piètre qualité pour ce visiteur. Mais quitte à la faire, autant le faire proprement, je vais donc vous exposer et expliquer une méthode simple, fonctionnelle et n'entravant pas la navigation au cas où le JavaScript serait désactivé.

March 2005

Edit text

by 6 others (via)
In this page I give a script for updating a page which can be very useful in a content management system. Click on any paragraph and you can edit the text. When you're done, press the button and the new text shows up normally.

January 2005

Utiliser des formulaires WYSIWYG - JDN Développeurs

Une liste d'éditeur HTML Wysiwig... dont certains gratuits.

parmentierf's TAGS related to tag javascript

*** +   accessibilité +   ajax +   animation +   apache +   api +   bsd licence +   canvas +   cartographie +   chat +   collaboratif +   couleur +   css +   cvs +   debug +   dev +   ECMAScript +   emacs +   encodage +   exemples +   extension +   firefox +   flash +   framework +   france +   francophone +   français +   free +   google +   graphes +   gratuit +   greasemonkey +   guide +   html +   html5 +   ide +   internet +   internet explorer +   java +   jeu +   jQuery +   langage c +   linux +   livre +   logiciel +   mac +   manuel +   maths +   MIT license +   métadonnées +   mozilla +   mysql +   navigateur +   éditeur +   objective-j +   open source +   opera +   outils +   php +   plugin +   png +   prototype +   python +   regex +   ressources +   rest +   ria +   référence +   ror +   rss +   scriptaculous +   selenium +   sgbd +   shell +   smil +   standard +   statistiques +   svg +   svn +   tag +   test +   tooltip +   tutoriel +   unicode +   unix +   utf8 +   vb +   veille +   video +   visualisation +   vml +   web +   webdesign +   webdev +   windows +   xhtml +   xml +   xpath +   xsl +   xul +