/images/feed-icon.gif){kind=icon}
Tux droid, l’ultime jouet pour geek!
Voici un petit jouet inutile donc indispensable issu du monde Linux, ce petit gadget qui répond au doux nom de Tuxdroid, est un petit robot qui vous permettra bien des choses. Entre autre, il permet de lire vos RSS et agendas le matin pendant que vous buvez votre café. Vous pourrez aussi etre avertis de vos mails grâce à un mouvement des nageoires de l’illustre manchot qui s’empressera ensuite de vous le lire. Il pourra aussi lancé de la musique stocké sur votre ordinateur ou encore carément calculer en live via la télécommande et sa fonction “voice calculator”. Vous pourrez bien sur aussi piloter le petit manchot droid depuis votre ordinateur Linux!
Et voici le Tuxdroid à l’action! (in english)
Notepad chaos: un thème pour wordpress qu’il est bien!
Juste un petit post pour vous présenter ce un thème que je trouve particulièrement réussi, son nom: Notepas Chaos, son auteur Evan Eckard à un talent certain pour le CSS et le design en génèral.
Je vous laisse apprécié admirer la preview de ce thème et vous laisse le lien des sources avec les fichiers psd et sans.
Un menu animé en JavaScript via Mootools!
Dans le but de vous donner des idées voici une simple animation JavaScript réalisé via le framework Mootools. Pour le voir en live et consulter la source, cliquez sur l’image, rien de compliqué ou d’exceptionnel mais ca donne de trés bonne idées le tout pour rendre votre site plus agréable à l’oeil.
Spacegallery, une galerie JS du plus bel effet!
Vous avez besoin d’une galerie d’image pour un de vos projets? Spacegallery pourrai etre la solution, il s’agit d’une trés simple galerie en JavaScript avec Jquery qui se contentera de d’appliquer un magnifique effet sur toutes vos images qui seront présente dans le code HTML de votre page (dans un div avec id=”myGallery” class=”spacegallery” comme attributs).
Rien de trés compliqué a mettre en oeuvre pour l’utiliser, après avoir inclus la librairie JS Jquery ainsi que le plugin en question, il vous suffit de créer un div et de mettre vos images à l’intérieur comme ceci:
<div id="myGallery" class="spacegallery">
<img src="images/bw3.jpg" alt="BW" />
<img src="images/lights3.jpg" alt="Lights" />
</div>
Ensuite on appel la galerie:
$('#myGallery').spacegallery({loadingClass: 'loading'});
Voila on peut aussi paramétrer les effets de zoom et de fade sans aucun probleme et quelques minutes vous ont suffit pour réaliser une galerie du plus bel effet!
Pour la voir à l’action et en savoir plus, rendez vous sur la page de l’auteur: http://eyecon.ro/spacegallery/.
Le buzz de Youtube en images!
Une petite parodie des “illustres vidéos” qui ont rendu les sites de VOD à la mode de chez nous revu et revisité par le monde de South Park.
Flavour of the month: Brand New Heavies
Brand New Heavies (BNH) est un groupe britannique d’acid jazz et d’alternative hip-hop, formé en 1985 dans Ealing, en Banlieue de Londres. À l’origine, un groupe instrumental de rare groove, BNH acquièrent une grande réputation sur les scènes des clubs londonien et signe très vite pour Cooltempo au moment ou l’acid house remplace le rare groove dans les clubs.
En clair c’est vraiment du bon on ressent des influences de soul et de funk dans la plupart de leurs morceaux ou reprises avec par ci par là un toaster qui prend le mic ou des samples issuent du monde de l’electro mais dans tous les cas le groove est bien au rendez vous.
Ils ont déjà sortis un grand nombres d’album depuis 85 (ma naissance^^) et pour en savoir plus direction leur myspace officiel car ils n’ont pas de site web (ralalala ce que j’aimerai le boycotter ce foutu myspace en carton^^).
Découvrez The Brand New Heavies!
Faire un slideshow JS en béton!
Si un slideshow est en général trés simple à réaliser sans la moindre librairie grâce à JavaScript, avoir recours à une librairie tiers n’est pas un luxe pour gagner en temps et en efficacité. Cependant il est courant que cette librairie parasite les autres scripts Javascript que votre page charge et c’est pour cela que le choix d’une seule et unique librairie est indispensable pour votre site web afin d’éviter d’avoir recours à des iframes.
Par exemple si vous souhaitez faire un slideshow sur votre blog propulsé par Wordpress, je vous conseil d’utiliser l’excellente librairie Jquery qui est par défaut livrer avec ce célèbre moteur de blog. Je prépare d’ailleurs un plugin pour ce dernier qui vous permettra en quelques clics de construire un slideshow de qualité avec tout les effets que l’on peut espérer de ce dernier.
Pour aujourd’hui, nous utiliserons la librairie Mootools pour réaliser un slideshow qui répondra aux caractéristiques suivantes:
Pour commencer on aura besoin de la librairie Mootools en version 1.2. C’est ici que vous allez comprendre si ce n’est pas déjà fais la puissance de cette librairie tout comme ses concurrentes, il vous suffit de l’inclure dans le header de votre page avec un plugin développé par Aeron Glemann et désormais Open Source sous license MIT.
Votre page devra ressembler à ca:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mon slideshow!</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="author" content="Aeron Glemann (http://www.electricprism.com/aeron/)" />
<link rel="stylesheet" type="text/css" href="css/slideshow.css" media="screen" />
<script type="text/javascript" src="js/mootools.js"></script>
<script type="text/javascript" src="js/slideshow.js"></script>
<script type="text/javascript">
//<![CDATA[
window.addEvent('domready', function(){
// Chargez ici vos images
var data = [
// "1.jpg", "2.jpg", "3.jpg"
];
// On initialise le slideshow
var myShow = new Slideshow(’show’, data, { height: 300, hu: ‘images/’, width: 400 });
});
//]]>
</script>
</head>
<body>
<div id=”show” class=”slideshow”>
<!– Rentre ici ton image par defaut –>
<img src=”" alt=”" />
</div>
</body>
</html>
Pour plus d’infos, vous pouvez vous rendre sur la page du projet hébergé par Google ou directement télècharger une archive de démo ici.
Full Circle #14 is out!
Le numéro 14 du webzine consacré à Linux Ubuntu est disponible en anglais, bonne lecture
Ce mois ci, nous sommes heureux de vous présenter une nouvelle section, Command and Conquer. Nous irons jeter un œil sur la ligne de commande avec l’espoir de la rendre moins effrayante pour vous.
* Comment faire : créer une zone Ubuntu Plug ‘n’ Play (on branche on joue), créer votre propre serveur partie 6, utilisez Gimp partie 3 et mettez vos photographies sur votre iPod.
* Command and Conquer - pages de manuel, et ce qu’il ne faut pas taper.
* Mon opinion : enthousiasmé par Ubuntu en Inde su sud-est
* Interview d’un MOTU : Soren Hansen
* Notre habituel : lettres, questions et réponses, mon bureau, le Top 5 et plus encore !
Pluie de Motifs CSS pour vos backgrounds
Vous connaissez ces images qui comme par miracle (pas vraiment en fait^^) se répète à l’infinie sur l’axe X et Y via une feuille de style CSS. On appel ca des patterns ou encore des motifs.Sur dinpattern vous pourrez trouver une modeste collection de ces motifs, mais attention le travail est trés fin et de qualité et en prime vous pourrez les tester en live en cliquant sur le lien preview…
Alors c’est pas magnifique tout ca?!!
GSM + MAÏS = Popcorn ??!
Ceci est un pur hoax, il est impossible de reproduire ce micro onde en plein air avec 4 GSM, heuuuuu et avec 4 PC en Wifi??… En tout cas voila qui relancera les pires thèses conspirationnistes.
