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 : Xhtml - Html


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


2009-03-06T21:24:00+01:00 | 1049 lectures

Perhaps I'm using delicious.com wrong, but sometimes I wish I had the ability to narrow down my results from a variety of different tags rather than excluding results that don't share the first tag I marked. That's where this exercise came into play.The technique can be used anywhere. In my line of work (online hotel reservations), I've experimented with this technique for a room selection for online hotel reservations. For instance, hide all but the non-smoking rooms with a king bed, and only show me rooms that I can pay for in advance to get the cheaper price. That sort of thing.For this article, I'm going to base my examples on delicious.com's bookmarks.View demoDisclaimer stuffThis...


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...


John Pozadzides | 2007-10-11T07:41:16+02:00 | 920 lectures

CSS Juice has an interesting collection of rounded corner techniques to share:Rounded corners is one of the most popular and frequently requested CSS techniques. Even the father of Internet Google also launch the rounded corners style markup with their Google Adsense and let users to custom their ads recently. Actually, there are a lot of methods and techniques to create rounded corners with Cascading Stylesheets. Some are quite simple just need pure CSS, and a part of them need 2 to 4 background corner images and Javascript. Find them here.


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 ...


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


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...


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...


admin | 2008-09-18T01:37:19+02:00 | 233 lectures

I was searching for a simple script which would allow me to download videos from youtube using php. I did find some implementation but only one of them worked and it used Pear. So here is a simple script to help you download videos from youtube. Allows you to download restricted videos too by logging into youtube.The script is a simple youtube class which uses CURL. Sample usage of the youtube class - include(’curl.php’); include(’youtube.php’); $tube = new youtube(); // Only required for restricted videos // $tube->username = “userid”; // $tube->password = “password”; $download_link = $tube->get($_POST['url']);Note: There is a file...