public marks

PUBLIC MARKS from decembre with tag javascript

2014

JQuery - jQuery Reverse Order plugin | The Arc90 Lab

(via)
Ever want to reverse the order of a group of DOM elements? Or want to give your user the option?

E4X - XulFr.org

son but est de proposer une alternative à DOM pour accéder au contenu d'un fichier XML, et ce, - point important - le plus naturellement possible.

E4X - Vjeux » JSX: E4X The Good Parts

E4X (ECMAScript for XML) is a Javascript syntax extension and a runtime to manipulate XML. It was promoted by Mozilla but failed to become mainstream and is now deprecated. JSX was inspired by E4X. In this article, I'm going to go over all the features of E4X and explain the design decisions behind JSX.

jQuery - jQAPI - Alternative jQuery Documentation Browser

by 2 others
This is a alternative interface to browse the Official jQuery Documentation that can be found on GitHub . The aim of this project is to get out of the way of your development work. Quickly switch to this docs and find what you are looking for.

CODE - ONLINE TOOL - Beautify, Unpack or DeobfuscateCode - RENDRE LISIBLE - Online JavaScript beautifier

by 7 others
Beautify, unpack or deobfuscate JavaScript and HTML, make JSON/JSONP readable, etc. All of the source code is completely free and open, available on the github under MIT licence, and we have a command-line version, python library and a node package as well.

2013

CSS - PREFIX avec JAVASCRIPT - -prefix-free, préfixes CSS3 ajoutés automatiquement - Alsacreations

Utilité de -prefix-free ? -prefix-free est un petit fichier JavaScript qui ajoute à la volée le bon préfixe propriétaire selon le navigateur affichant la page. Plus besoin, donc, d'ajouter dans la feuille de style les différentes propriétés propriétaires ! -prefix-free adapte la propriété CSS3 au navigateur.

JAVASCRIPT - jQuery - Lazy Load Plugin for jQuery

by 10 others (via)
Lazy Load is delays loading of images in long web pages. Images outside of viewport are not loaded until user scrolls to them. This is opposite of image preloading. Using Lazy Load on long web pages will make the page load faster. In some cases it can also help to reduce server load.

CSS - 6 Cool Image Captions with CSS3

(via)
nous allons vous montrer comment créer les légendes des images avec diverses transitions simplement en utilisant CSS3. Simple transition effect with only CSS3.How to create image captions with various transitions simply using CSS3, dependent on transform and transition properties.

CSS / Javascript : Browserhacks : Lst of browser specific CSS and JavaScript hacks

by 3 others
Browserhacks is an extensive list of browser specific CSS and JavaScript hacks from all over the interwebs. How to?: Pick the hack you want Copy it into your stylesheet Add the style you want between the braces Enjoy the new styles for the browser you targete

JAVASCRIPT - Popcorn.js | The HTML5 Media Framework

by 2 others
Popcorn.js is an HTML5 media framework written in JavaScript for filmmakers, web developers, and anyone who wants to create time-based interactive media on the web. Popcorn.js is part of Mozilla's Popcorn project.

JAVASCRIPT - Javascript non-intrusif, chapitre 1 : le grand nettoyage ! - Pompage.net

Javascript non-intrusif, chapitre 1 : le grand nettoyage ! Par Christian Heilmann. Cet article est le premier d'une série qui en compte 5.

CSS Ebook - JSbooks | CSS-Tricks

A big collection of books on JavaScript that are published free on the web.

jQuery - Tutoriel vidéo jQuery : La function Load() | Grafikart.fr

La fonction .load() est disponible depuis la version 1.0 de jQuery. Sa fonction première, que vous avez peut être déjà utilisée, est de charger du contenu HTML ou autres, sur une page de votre site. Dans ce tutoriel, nous allons voir les autres capacités de cette fonction.

alternatives to innerHTML - slayeroffice | articles(2006)

by 15 others
The focus of this article will be to show you ways of doing things commonly reserved for innerHTML with only DOM methods. In each example, the innerHTML method will be shown, followed by its DOM based alternative

2011

WebGL Earth : Globe 3D & planisphère gratuit et open source

Magnifique création que ce globe en 3 dimensions : WebGL Earth. Construit à partir de WebGL – une spécification d’affichage 3D permettant de tirer partie du standard OpenGL depuis du JavaScript – comme vous auriez pu vous en douter compte tenu de son nom, le projet offre la possibilité de parcourir la Terre depuis son ordinateur ou un appareil mobile telle qu’une tablette. En partant de la vision globale d’un continent ou d’un pays, WebGL Earth offre une précision incroyable allant jusqu’au nom de rue (à Strasbourg !) en passant par les régions, départements et villes. A noter qu’il est possible d’activer une vue mappemonde.

2010

data: URI Generator - Convert Online Tool for Icon, image to import it in greasemonkey Script - dopiaza.org

data: URI Generator The data: URI scheme allows you to build URLs that embed small data objects. data: URIs are supported by most modern browsers except for Internet Explorer. The lack of IE support is holding back widespread adoption of data: URIs, but they are still very useful in a couple of specific areas such as embedding graphics and other data items in Greasemonkey scripts. You can read more about data: URIs and see some examples of their use, or use the generator below to create your own. data: URIs are defined in RFC 2397.

Beatbox ! - The man in blue

Vraiment impressionnant, The man in blue nous propose une véritable boite à rythmes en ligne conçue en javascript :

Online-HTML-Editor.org - Un puissant editeur en ligne WYSIWYG - (InnovaStudio WYSIWYG Editor)

Pour faciliter l' intégration dans vos applications Web personnalisées ou de gestion de contenu web (prend en charge: ASP, PHP, ASP.NET). * Chargement rapide * Mode plein écran * Barre d'outils Entièrement configurable * Advanced table editing * Stylesheet-formatage * Facile de choisir entre deux formats / tous les éléments HTML * Features a new tabbed toolbar - familiar to Office 2007 users. - providing convenient access to your most-used tools. * It's easy to select any HTML elements (text, paragraphs, images, etc) with a built-in Tag Selector. * Fullscreen editing mode (doesn't open a new window). * Floating dialogs for special editing (changes can be seen immediately). * Realtime toolbar status. * Dropdowns with formatting preview. * View HTML source with code formatting & coloring. It is a cross-browser, requires only a few lines of code to include in your web page

unsafeWindow - Injecting JS functions into the page from a Greasemonkey script on Chrome - Stack Overflow

I have a Greasemonkey script that works just fine in Firefox and Opera. I struggle with getting it to work in Chrome, however. The problem is injecting a function into the page that can be invoked by code from the page. Here's what I'm doing so far: First, I get a helper reference to the unsafeWindow for Firefox. This allows me to have the same code for FF and Opera (and Chrome, I thought).

Folders4Gmail - Greasemonkey for Gmail - Organize labels into subfolder like hierarchy.

You can organize labels into subfolder like hierarchy. Create a parent label like Home and then create sublabels like Home\Bills, Home\Receipts, etc. I thought I never needed folders but this makes using labels so easy to use with the new colors!

Greasefire - Automatically find Greasemonkey scripts on Userscripts.org - when you visit a web site, how do you know if there are better ways to view it?

by 1 other
a Firefox add-on that will tell you if there are any user scripts for the page you're visiting. When you have Greasefire and Greasemonkey installed a little monkey will show up in the bottom right corner of your Firefox status bar. If there are scripts available for the site you're viewing, the monkey's background color will change to red. And when you right click on the icon you'll see the number of available scripts. Click on that number and a window will open telling you more about those scripts.

User Script Compiler - Easily convert Greasemonkey scripts into Firefox extensions

First, you'll need to track down your installed scripts. They're in your Firefox profile, under the "gm_scripts" sub-folder. Or, if you'd prefer, you can skip the search and download any script from the online script repository. Next, you need to change the file extension from .js (Javascript) to .txt (plain text). After you've changed the extension, double-click the file to view the code. Copy and paste the code into the User Script Compiler and hit "Generate." Voila! Your new Firefox extension (.xpi) is complete. To install in Firefox, simply drag the new extension onto the Firefox interface and follow the prompts.

amf | blog » Flickr group admin hack - a javascript that changes the url of the promote button

Do you know how to interact through all the HTML a tags of the document.body and replace the text in each href attribute using javascrit? No? So this page is not for you. Use it at your own risk. It's basicaly a javascript that changes the url of the promote button so you can click no a user on members tab and that user go to moderators tab instead of admins tab.

Jetpack : les extensions de Firefox simplifées - Permet à n'importe qui capable de coder une page web

Nouvelle interface de programmation afin de faciliter davantage le développement de nouvelles extensions. Baptisé Jetpack, permet à n'importe qui capable de coder une page web de moduler le navigateur. Oubliez les redémarrages du logiciel, il suffira de cliquer sur un simple lien pour installer l'addon de son choix et de recharger la page en cours de consultation. « Nous voulons permettre à plus de gens de participer à la création des fonctionnalités du navigateur », explique Aza Raskin, en charge du département de l'expérience utilisateur chez Mozilla. Il précise que n'importe quel développeur web familier avec le HTML, le CSS ou le JavaScript peut se lancer dans l'aventure.

decembre's TAGS related to tag javascript

ajax +   animation +   api +   article +   bibliotheque +   blog +   bookmarklet +   browser +   carte +   checkbox +   code +   collection +   comment +   compiler +   convert +   css +   demo +   design +   dev +   development +   documentation +   dom +   editeur +   editor +   example +   exemple +   extension +   fichier +   firebug +   firefox +   flash +   flickr +   FlickrSurf+ +   forum +   free +   function +   generateur +   github +   google +   greasemonkey +   guide +   hack +   howto +   htlm +   html +   image +   interactif +   interactive +   interface +   java +   jQuery +   json +   library +   link +   liste +   maps +   ocr +   online +   opensource +   outil +   php +   player +   plugin +   popup +   programmation +   reference +   regex +   Responsive +   ressource +   script +   scroll +   scrollbar +   selector +   site +   stackoverflow +   tag +   test +   text +   textarea +   tips +   tool +   transform +   tuto +   tutorial +   tutoriel +   unsafeWindow +   url +   user +   userscript +   userstyle +   utilitaire +   video +   web +   web2.0 +   webdesign +   webdev +   xhtml +   xml +   xpi +   xul +