Connexion
One Laptop per Child Logo
Google Search
Google

LabsSphère Catégories
Css (9)
Php (8)
Javascript (11)
Xoops (5)
Divers (1)
Design (10)

Catégorie : Javascript


Boris | 2007-04-16T21:50:13+02:00 | 9722 lectures

Lightbox-likeSmoothBox, par Boris PopoffLa conversion pour Mootools de Thickbox, une lightbox-like fonctionnant sous jQuery. Elle permet d’afficher :Une image seuleUn groupement de plusieurs imagesDu contenu inlineDu contenu via IframeDu contenu AJAXElle permet également d’afficher, si vous le souhaitez, du flash, en passant par l’iframe. Le seul autre script presque aussi polyvalent est SqueezeBox d’Harald Kirschner, mais il ne fait pas l’iframe Sinon, les deux scripts font à peu près le même poids, 11k pour smoothbox, 10k pour SqueezeBox.SqueezeBox, par Harald KirschnerUne des meilleures lightbox-like pour mootools que je connais...


max | 2009-08-14T07:25:57+02:00 | 1289 lectures

“With browsers rendering JavaScript faster than ever before, it's a great opportunity to get creative with jQuery. This tutorial will show how to create a scrolling 3D tag cloud...it's not as difficult as you might think.”Visit the 3D Tag Cloud Website


2007-11-04T16:10:00+01:00 | 1033 lectures

Below you'll find a list of the sites I've visited to learn more about Javascript and CSS compression. Please let me know through email or a comment if you know of any other great compression resources, and I'll be glad to post them. Most of the descriptions below are taken from the developers of the example. Thanks, Max.Javascript and CSS CompressionBundle-Fu - Bundle Your JS/CSS Assets in 10 Seconds or Less"Web 2.0 sites have lots of tiny javascript/css files, which causes one extra round trip per file to the server and back! This is bad! Bundle-fu throws it all up into a big package and sends it out all at once. "Make Your Pages Load Faster by Combining and Compressing Javascript and C...


Boris | 2007-07-13T16:41:37+02:00 | 756 lectures

La plupart des utilisateurs naviguent sur internet avec le cache de leur navigateur activé, ce qui est en soit une bonne chose. Cela permet de diminuer le trafic requis pour afficher la page, la page s’affiche donc plus vite, et le serveur a moins de données a uploader.Le souci, c’est que quand vous apportez des modifs à vos fichiers JS ou CSS, si l’utilisateur a déjà des anciennes versions dans son cache, son navigateur ne les téléchargera pas, à moins que l’utilisateur vide son cache manuellement (CTRL+F5), ce que les utilisateurs “lambda” ne font pas.Nous allons voir comment exploiter le comportement des navigateurs face aux paramètres en GET dans l...


max | 2010-03-19T07:09:36+01:00 | 650 lectures

As more and more companies & start-ups contact ideacodes for smartphone design, I found the need to make a link list of templates I might need to use. Recently, I found many of the templates were no longer available online. This is what led to this post. Here I will showcase smartphone templates I’ve found on the web, and archive them at my site, so even if the original source goes away, the templates will still be available. Special thanks to all of the hard working designers that have created these awesome smartphone templates! Also, please check the original source for usage requirements.AndroidAndroid 1.5 GUI PSD v. 1.0 from Pavel MacekDownload the files directlyFireworks t...


Vikas Patial | 2007-11-14T19:46:58+01:00 | 614 lectures

There are a LOT of frameworks for PHP, I recommend cake and CI. But they are still big for writing small utility scripts and still wanting to have the advantages of a framework we don’t have much options.So a few days back i was looking for something on the same lines,even thought of writing my own . But looking around i found something for PHP5 , there is no name as of yet ( its developer calls if Framework.php ). Its a single file of 37 kb ( uncompressed ) , and uses PDO for database abstraction , has basic MVC and some other classes. You can also use Codeigniter helpers with it. Even has a nice cheat sheet which you can download . So in case you are looking for something small ...


2007-10-23T13:24:15+02:00 | 569 lectures

Say hello to Ajax Tabs Content v2.0, the most comprehensive script of its kind for displaying external content on your page inline and organized using tabs! A fully unobtrusive, CSS and HTML based script, it supports persistence of the active tab (ie: when page is reloaded), a "IFRAME" mode, a "slideshow" mode, ability to expand/contract arbitrary DIVs on the page at the same time, nested tabs, and much more.


Boris | 2007-06-06T16:31:20+02:00 | 566 lectures

Si comme moi vous utilisez putty, vous vous êtes déjà sans doute rendus compte qu’il n’y a aucune option pour exporter ou importer vos paramètres. Cela est fort regrettable, dans le sens où à chaque fois que vous changez de poste, vous devez tout reconfigurer : couleurs, polices, comportement du terminal, etc…En fait, la configuration est stockée dans la base de registre, l’importation et l’exportation est donc possible.Pour exporter votre configuration, ouvrez une ligne de commande (démarrer > exécuter > cmd), puis tapez :regedit /e putty.reg HKEY_CURRENT_USER\Software\SimonTatham\PuTTY\SessionsVos paramètres seront alors sauvegardés dans un fichier .reg, d...


Boris | 2008-04-22T23:53:52+02:00 | 467 lectures

J’avais un peu galeré pour le trouver celui là En fait il cible les moteurs KHTML et WebKit, c’est à dire toutes les versions de Safari, et Konqueror.html[xmlns*=""] body:last-child ... { ... }Testé avec Konqueror 3.5, Safari 1.2 Mac, Safari 1.3 Mac, Safari 2.0 Mac, Safari 3.1 Mac, Safari 3.1 Win, IE6, IE7, IE8, FF1.5, FF2, FF3Source : BTreeHugger’s Blog


2008-09-24T00:54:00+02:00 | 405 lectures

jQuery TreeView Menu brings together all the most practical features requested in a Tree Menu into one awesome menu script. The markup for the menu is simply a HTML list before the script transforms it into a fully functional TreeView Menu resembling the style of Window's File Explorer, among the many themes. Supports persistence, and optional asynchronous populating of the tree's contents via Ajax and JSON data returned from the server.


ramin | 2006-10-13T02:32:59+02:00 | 384 lectures

Update 10/13/2006: Put in a flag to check when an image is being swapped so that the user clicks don't register until image has fully loaded. This fixed the fast-click / double-click issue (on both the thumbnails as well as the back/next links)Also updated the mouse hover area for the thumbnail activation to be 25px from the top by default (used to be 50). This is ofcourse configurable. I will have full explanation on how to use the gallery soon.Demo page has been updated. You may also grab a zipped up version of the whole project here: gallery.zip.I'm been playing around with jQuery a lot lately. It's definitely not the holy grail of Javascript toolkits, but I like it. The community crea...


2009-06-17T22:16:00+02:00 | 357 lectures

Les courroies de cou livrées avec les boitiers reflex sont plus jolies qu’avant mais leur qualité restent toutefois moyenne (pour rester gentil). Elles remplissent leur objectif, à savoir permettre de porter le boitier à son cou (ou bras, si vous l’enroulez autour) sans le faire tomber. Lorsqu’on essaye de trouver quelque chose de plus confortable, on s’aperçoit, chez Canon tout du moins, qu’il n’y a pas grand chose à se mettre sous la dent.Heureusement, de nombreux fabricants proposent des modèles a des prix intéressants. On retrouve sur ce marché Lowepro, Crumpler et moins connu (en tout cas de moi) Optech. J’avais acheté il y a un an un Lowepro...


admin | 2009-10-23T23:07:57+02:00 | 354 lectures

If you have one of the Netbooks which has a Intel Graphics Media Accelerator 500 (GMA 500) then you cant play old games like Age of Empires 2, Diablo, Warcraft , Starcraft etc due to direct draw/OpenGL issues with the default driver. The Default driver is really bad and buggy.So here is a driver which will allow you to play these games and more on your netbook. Its just that i still play AOE i had to find a solution and not disable GMA 500 to play it.This applies to most 11.6″ notebooks being powered by GMA 500. Some examples are Acer Aspire One 751,Asus Eee PC 1101HA,Benq Joybook Lite U121 Eco,Dell Inspiron 11z, MSI Wind U115 etc etc . For a complete list visit http://www.notebook...


Vikas Patial | 2007-10-29T16:16:17+01:00 | 324 lectures

Cake version of PQuery is the same library , but it is modified to be used in it. Hope the Cake users like it. PQuery Library for CakePHP Downloads: 3 File Size: 3.4 KB PQuery Demos : PQuery Demos.Documentation : PQuery Documentation .License : MIT or GPL ( what ever you wish to use )The current stable version is v0.2


2007-11-18T17:44:00+01:00 | 296 lectures

Please use the comments section of this post to let the community know of any useful resources I've left out. Most of the descriptions below are taken from the developers of the example. Thanks, m4x.AJAX for WordpressLive Spell Checker"AJAX Live Spell Checker for Wordpress"imgViewJX Wordpress Plugin"imageViewJX is a Wordpress plugin which takes all images from a given directory and flips through them on your WordPress site, without reloading the page imgViewJX uses AJAX library 'xajax'. It is meant as a first experiment in using xajax in Wordpress. Use it if you like it, or learn from it if you want to built something yourself."AJAX'd Wordpress"AJAX'd Wordpress (AWP), formerly know as INA...