Faute de temps et d'argent, j'avais laissé de coté les travaux dans le comble, et cette semaine j'ai pris des "vacances" pour continuer à avancer.

Comme je n'avais pas terminé l'ossature bois en dessous de la charpente, je commence par terminer le versant commencé l'année dernière ( putain le temps passe vite ) et nous installons le velux avec un ami charpentier.
Je dois avouer que je suis contant qu'il soit la. J'avais imaginé l'installer seul pendant un moment, mais je crois que j'aurais un superbe trou dans la couverture actuellement, et que j'aurais appelé en catastrophe un couvreur. En théorie c'est simple, mais sur une vieille charpente, avec des tuiles pourris c'est très compliqué en fait.
Une fois le velux et l'ossature terminé, j'en profite pour installer la première couche d'isolation en ploystyrène

Maintenant que l'ossature et la première couche est installée, je pose une couche de 100mm de laine de verre entre les montants en bois. C'est ici que vous regrettez de faire du bricolage. Vous commencez à vous gratter comme un malade

Un fois la première couche posée, on commence à mettre la deuxième et l'ossature métallique pour le placo. La je ne suis qu'au début.

Mais le pire c'est de devoir constamment déplacer le bordel dans le grenier.
Entre l'échaffaudage, les rouleaux d'isolant et le placo déja approvisionné, il faut déplacé l'ensemble quand on change de zone

Encore merci à mon père pour le temps passé à m'aider :)

Hier soir Alain bashung a reçu trois nouveaux trophés.

• Meilleur interprète masculin
• Meilleur album
• Meilleur spectacle

Hier soir il était impressionnant de beauté face à la maladie . Un cancer des poumons le ronge de l'interieur, mais ne l'empêche pas de continuer à assurer des concerts.

• Snap2Objects, propose des silhouettes de personnages, ainsi que bien d'autres ressources
• LogoTemplater : des illustrations pouvant servir de base à un logo
• Designers Revolution : pas mal de packs Illustrator
• THePixlPusher
• CreatSK8
• Vibr8Bros : pas mal de badges / stickers
• Free LogoTypes, pour retrouver les logos des grandes marques en format vecto
• CoolVectors
• Vector4Free, des vectoriels dans pas mal de catégories
• GoMediaZine
• Garcya.us
• Dezignus une mine d'or. Vous trouverez également bien d'autres ressources sur ce site.
• BittBox : beaucoup de packs sur ce site, souvent dans le genre abstrait.
• Vecteezy
• VectorVault
• L'excellent SmashingMagazine

Origine des liens eSKUEL.net que je garde ici pour archive

Il y avait bien longtemps que je ne vous avez pas cassé les couilles avec une nouvelle composition,.

Et bien la chose est réparée avec ce nouveau morceau qui est un poil trop court, mais surement trop long pour beaucoups.

L'exercice est de recomposer complètement des morceaux de flutes

Télécharger

Pour son 70ème anniversaire, l'Office National du Film du Canada offre au visionnage des francophones,
plus de 700films et documentaires de 1920 à 2000, classé dans 8 catégories :

- Film d'animation
- Film pour enfants
- Documentaire
- Film expérimental
- Fiction
- Dramatisation
- Long métrage de fiction
- Actualité

A visionner sur onf.ca

Après une année 2007 basée sur des tests, je commence à trouver mes marques.

Encore une année de passée ou je me suis amusé à "composer" différents morceaux à base de samples et autre triturations de sons divers et variés.

j'espère que l'année 2009 m'apportera un morceau enfin vraiment terminé, et si possible qui ne soit pas basé que sur du sample à 100%

J'utilise les commentaires pour mettre les balises MP3 car elles ne fonctionnent pas dans l'article lui même

Voilà encore un nouveau site d'écoute de musique en streaming légale, qui vous propose d'écouter de la musique sans
possibilité de télécharger afin de proposer un produit 100% légal.

Pour ce faire, vous devez installer un client sous windows ou Mac qui ressemble à iTunes et vous permêt de classer, créer des playlist, etc... pour écouter votre musique favorite.

Pour le moment le produit est en Beta, mais vous pouvez demander une invitation ici

Il arrive un moment ou les photos de Google Image ne peuvent plus être utilisées pour un site commercial, et vous avez besoin de puiser dans des ressources libres.

Voilà un bookmark de sites proposant des photos, images, illustrations libres de droits

http://www.fotosearch.com/

http://www.shutterstock.com/

http://www.bluevertigo.com.ar/bluevertigo.htm

http://www.istockphoto.com/

http://www.photocase.com/

http://www.photospin.com/

http://www.sxc.hu/

http://www.berlin-downloads.de/

http://www.12cut.com/

http://www.absolutestockphoto.com/

http://www.pixmac.com/

http://www.imaregio.de/

http://www.matton.com/

http://www.moochimages.com/

http://www.sierrastock.com/

http://www.bigstockphoto.com/

http://www.corbis.com/

http://www.fotolia.de/

http://www.imagecatalog.com/

http://www.jupiterimages.com/

http://www.united-photos.com/

http://www.photoshelter.com/

http://www.stockvault.net/

Origine des liens : sickoner.info

Je profite de cette période de vacance pour expérimenter les nouvelle technologies disponiblent pour la réalisation de sites internet et améliorer encore et toujours mon mini CMS.

Je me suis lancé à la recherche d'une interface agréable pour la réalisation de menus dans le Backoffice de mon CMS.

Après avoir terminé mon interface, je voulais améliorer la possibilité de classement des menus par un système de type Drag & Drop permettant de déplacer les menus et leur affecter leur nouvelle position.

Suite à mes recherches, je suis tombé sur JQuery, une classe Javascript qui est simplement une merveille. La communauté des dévellopeurs travaillent sur ce script et il existe de nombreux plugins permettant d'ajouter des fonctions à celle-ci.

J'ai donc retenu JQuery et le plugin Interface pour le Drag & Drop et je vous propose donc un petit tutorial pour réaliser ce projet :

Dans un premier temps nous allons télécharger les deux fichiers nécessaires à notre projet  soit :

JQuery
Interface

Il suffit maintenant de créer un nouveau fichier HTML dans votre logiciel favoris et de commencer par incorporer l'appel aux deux scripts dans les balises Head ( vous remarquerez au passage que j'ai mis les scripts dans un sous-repertoire appélé : js )

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/interface.js"></script>

Dans principe maintenant, nous devons créer une strcture ou la partie qui sera déplacable par le drag & drop est située dans un conteneur définit par un id appelé "sortlist" et les lignes déplacable par la class "sortable_item". Par ce principe vous pouvez parfaitement rentre n'importe quoi déplacable. Un tableau, des divs, des images, etc...
Dans notre exemples nous allons utiliser des divs pour réaliser l'opération. Pour cela nous allons définir notre feuille de style comme ceci :

<style type="text/css" media="all">

    .sortable_item {
        cursor : move;
        width : 400px;
        height: 52px;
    }
  
.bloc1 {
background-color: blue;
height: 50px;
width: 100px;
float: left;
margin-left: 20px;
}
.bloc2 {
background-color: green;
height: 50px;
width: 100px;
float: left;
margin-left: 20px;
}
.bloc3 {
background-color: red;
height: 50px;
width: 100px;
float: left;
margin-left: 20px;
}
  
</style>

3 blocs avec un conteneur "sortlist" pour définir la zone de déplacement.

Puis dans notre zone html, nous agençons nos éléments :

<div id="sortlist">

<div id="1" class="sortable_item"> <div class="bloc1">1.1</div><div class="bloc2">1.2</div><div class="bloc3">1.3</div> </div>
<div id="2" class="sortable_item"> <div class="bloc1">2.1</div><div class="bloc2">2.2</div><div class="bloc3">2.3</div> </div>
<div id="3" class="sortable_item"> <div class="bloc1">3.1</div><div class="bloc2">3.2</div><div class="bloc3">3.3</div> </div>
<div id="4" class="sortable_item"> <div class="bloc1">4.1</div><div class="bloc2">4.2</div><div class="bloc3">4.3</div> </div>

</div>

Vous remarquez le conteneur "sortlist" et les lignes "sortable_item" qui indiques celle qui sont déplaçable par notre système Drag & Drop. Les id de chaques lignes vont nous servir dans un article suivant sur l'enregistrement des positions en Ajax dans un fichier PHP.

Il ne reste plus qu'a appeler notre script java avec les lignes suivantes à placer avant la balise de fermture </form>

<script type="text/javascript">
    
    $(document).ready (
        function () {
            $( "#sortlist" ).Sortable ( {
            accept : 'sortable_item',
            axis : 'vertically',
            opacity : 0.6,
         

        });
    });   
  
</script>