Pour me faire pardonner de cette longue absence, je vous propose un tuto qui dans le fond est plutôt une astuce. Cette astuce donc est toute simple mais je vais m’efforcer au mieux de l’exploiter !

Il s’agit donc d’organiser son espace de travail afin de gagner du temps et donc de la productivité dans votre travail.
Pour arriver à ces fins, 2 logiciels nous seront de mise. Il s’agit en premier lieu de “Folder Marker” :

Folder marker

Folder Marker, comme son nom l’indique est un logiciel qui permet de colorer facilement ses dossiers et changer en quelques clics. Ainsi comme vous l’aurez certainement compris il s’agit de marquer les dossiers en fonction de leur utilité et de leur fonction.
Au début c’est assez perturbant et long à mettre en place, mais vous verrez qu’avec le temps, le gain de temps est considérable et appréciable !

Notez qu’il existe plusieurs versions de Folder Marker, dont une payant bien-sûr. Il va sans savoir que la gratuite est amplement suffisante. Après si vous appréciez le travail des développeurs Libre à vous !

Voici donc mon environnement de travail (Workfloor dans la langue de Shakspeare) :

Mon environnement de travail

Quant au second logiciel il s’agit de “VirtuaWin.”

VirtuaWin

Ce logiciel est un gestionnaire de bureaux virtuels. En somme il permet la création de plusieurs bureaux associés à des tâches précises. Ainsi on peut imaginer créer un bureau pour les affaires personnelles : photos, mails, messagerie instantanée… et un autre pour le graphisme avec vos raccourcis, vos dossiers ect…

Je ne suis encore qu’au stade d’initiation avec ce logiciel, mais il va de soi que je risque d’abuser de ce logiciel dans les mois qui suivent !

D’autres astuces évidentes mais pas toujours appliquées sont aussi de mise :

• Organiser ses dossiers
• Faire un tri régulier
• Organiser ses menus et raccourcis
• Travailler dans un environnement sain

J’arrête pour aujourd’hui, encore et toujours peu de temps devant moi. L’article sera sûrement édité dans les jours qui suivent

Son nom : Instinct.

Le preloader est assez original et donne presque envie de patienter.  La navigation se fait en fonction de la position de la souris.  La musique est originale et pas trop agressive au premier abord, néanmoins, il reste dur de trouver comment la désactiver.

La vidéo de la pub

Un set de brushes vintages (mains de la pub SFR) 

Bon graph’.

Hier soir, ou plutôt ce matin très tôt, une petite envie me frappe : faire de mon code PHP/HTML un joli code avec colorisation syntaxique et harmonie !

Après quelques recherches de logiciel et de couleurs, voici ce que j’ai obtenu ;

Voilà qui est un peu plus original et agréable à lire et à coder !

Pour obtenir ce résultat j’ai utilisé le logiciel “TextPad” et je me suis servi du menu configuration > préférences pour créer un classe spéciale pour le php (qui par défaut fait parti de la classe HTML). De cette façon, j’arrive à avoir cette configuration pour tous les documents *.php que j’ouvre ! Pour plus d’infos sur la procédure à suivre allez dans Aide > Rubrique d’aide > Comment … > Personnaliser

Bon courage à tous les webdesigneurs/développeurs !

PS : Code faux C’est juste pour la screenshot !

A commencer par ma référence perso : Gladiatus !

Jeu en ligne où l’on doit créer son gladiateur !
Accessible et original dans le concept surtout au niveau de la gestion des inventaires grâce à un système de drag & drop en javascript (disponible à cette adresse : http://www.walterzorn.com/dragdrop/dragdrop_e.htm). J’apprécie aussi beaucoup le webdesign qui a le don d’immerger totalement l’internaute dans l’univers. Quelques points négatifs ou améliorations à revoir : Peu de fonctionnalités, gameplay vite lassant, interaction avec les autres joueurs laissée de côté, système d’enchères-sucide où l’on ne récupère pas son argent lors des enchères !

Une screenshot pour la route : http://gladiatus.fr/game/screenshots.php?sc=screenshot_2

Puis, un gros calibre en terme de design et de technologie (mais malheureusement pas en terme d’accessibilité !) : Warpfire

Warpfire est un jeu en ligne codé en (X)HTML pour les interactions normales et asynchrones (= où le rechargement de la page est nécessaire, globalement, comme l’ensemble des jeux en lignes) et en Flash pour l’autre partie : un système de combat et temps réel, géré en flash. On se retrouve donc avec des milliers de joueurs qui se retrouvent en même temps sur une même map ! Absolument fabuleux ! Points négatifs ? Grosso modo, le principal défaut est l’accessibilité : en effet, le contenu en flash est particulièrement long à télécharger, il faut donc au minimum 20M de connexion théorique (une box ADSL en somme) pour accèder sans trop de mal au jeu !

La screenshot : http://www.warpfire.fr/webroot/fr/shots5.jpg

Bon il en reste beaucoup d’autre mais je m’étale pas plus !

N’hésitez pas à laisser des adresses de sites dans vos commentaires avec une petite explication de ce qui vous plait dans le jeu en question !

Vivement ranimé à force de milliers de watts envoyés sur mon frêle squelette, je cours poster ce billet

Pour vous dire quoi ?

Tout d’abord un grand merci à vous qui appréciez mon blog et qui le consultez !

De plus, je suis très content car c’est extrêmement gratifiant de savoir que son travail est apprécié !

Je profite aussi de cet article pour vous rappeler quelques informations sympa :

• N’hésitez pas à me contacter si vous voulez un tuto particulier !
• N’hésitez pas à poster des commentaires !
• Si vous voulez m’aider pareil, n’hésitez pas, je mords, je griffe, mais ne tue pas !

Notez qu’il est possible d’obtenir des résultats similaires mais moins performants avec l’outil “courbes” (Claques > Couleur > Courbes).

La puissance des claques par rapport à celle des courbes va nous permettre de faire des effets plus profonds et faciles à réaliser, mais aussi plus longs A vous de choisir lequel vous préférez !

Je ferais sûrement un tuto sur les niveaux à l’occasion

Outils : Calques et modes de fusion.

Durée : Très très court : 2-5mn

Logiciels : Gimp, Photosop, Paint.net, Photofiltre ou tout autre logiciel avec des calques et mode de fusion similaires à ceux de Gimp.

Le tuto ICI !

Rendu final :

Logiciels : Gimp

Durée : Très court, 5-10mn

Outils : Pinceau, gomme et pot de peinture.
Le tuto ICI !

Rendu final :

[En mémoire : Elliot Smith ]

Textures :

Planetpixelemporium.com
3dpower.free.fr

Tutos :

Rore

Scripts :

Rore

Dans ce tuto nous allons modifier une image pour faire en sorte qu’elle soit uniquement en 3 couleurs (trichromie)

Logiciels : Gimp

Durée : Très court, 5-10mn

Outils : Sélection par couleur, pot de peinture.

Le tuto ici

Résultat final :

Logiciels : Gimp

Durée : Court, 10-15mn

Outils utilisés :  Remplissage (pot de peinture), sélection, sélection par couleur, gomme, pinceau, agrandissement/réduction…

Dans la première étape nous allons voir comment extraire tout simplement un texte d’une image, hop c’est parti !

1. Créer votre image de base : dimensions

Pour notre image il faut rester dans l’optique que nous allons faire un T-Shirt, pour cela on va faire une image dont les dimensions seront en mm. Pas besoin de vous expliquez ce que c’est (du moins j’espère !), prenez la dimension finale.

2. Trouver une image !

Pour cela votre meilleur ami, le moteur de recherche. Spécialisé dans la recherche d’image si possible ! Faites vos choix et prenez le moteur qui vous convient le plus !

Prenez l’image la plus grosse possible, mais néanmoins restez dans les dimensions de l’image finale

Au terme des recherches, pour mon exemple, j’ai trouvé une belle image, certes, petite mais bon

Prenez une image avec un fond de couleur unie de préférence ou avec un texte d’une couleur unie.

3. Collez l’image

Pour cela faites un clic droit sur l’image>Copier. (Ctrl+C)
Puis, dans votre nouvelle image, cliquez au centre et faites un clic droit sur l’image>Coller. (Ctrl+V)

Alternative : Enregistrez l’image sur votre disque dur, faites Fichier > Ouvrir (Ctrl+O) et copiez votre image.

4. Redimension

Utilisez l’outil dimensionner  (voir image) pour modifier à votre guise l’image.

5. Isolez le texte

Faites une sélection (voir image) sélectionnant votre texte afin d’éliminer tout le fond inutile.

Faites clic droit [sur la sélection], puis Couper. (Ctrl+X)

Ensuite sélectionnez l’ensemble de l’image que l’on va supprimer. Faites Ctrl+A (sélectionner tout), puis, Clic droit > Edition > Effacer. Yop, tout a disparu !

Maintenant faites Clic droit > Edition > Coller (Le raccourci clavier, Ctrl+V ne fonctionne pas car la sélection est encore active)

Ensuite faites Clic droit > Calque > Ancrer le calque.

6. Ajouter un fond

Nous allons ajouter un calque de fond pour ne pas laisser de transparence.

Faites Calques > Nouveau calque (Ctrl+Shift+N). Une boite s’ouvre, laissez-la comme telle !

Modifiez la couleur de Premier Plan en faisant un double clic dessus, puis faites valider.

Utilisez l’outil remplissage (pot de peinture) et faites clic gauche. Ha !!! Mon image est toute noire allez-vous me dire ! Ne vous inquiétez pas Allez à droite dans la boite des calques et déplacez le calque que vous venez de remplir en dessous de l’autre.

Et voilà

7. Extraire le texte

Sélectionnez le calque où se trouve le texte en cliquant dessus dans la boite de calques.

Puis avec l’outil sélection par couleur sélectionnez la couleur dominante du texte. Réglez l’outil afin de sélectionner un maximum de texte. Si des zones de la même couleur sont sélectionnées ne vous en faites pas On gèrera après !

Astuce : Une fois le texte sélectionné, vous pouvez grossir la sélection afin de prendre un maximum de texte. Pour cela, faites Sélection > Agrandir.

Faites clic droit [sur la sélection], puis Couper. (Ctrl+X)

Supprimez le calque sur lequel se trouvait le texte grâce à la boite de calque (Poubelle) , ou, Calque > Supprimer le claque.

Remplissez à nouveau le calque de fond en noir.

Maintenant faites Clic droit > Edition > Coller.

Ensuite allez dans la boite de calque et cliquez sur l’icône “nouveau calque”

8. Enlever les imperfections.

Sélectionnez le calque avec le texte.

Prenez la gomme et gommez

9. Rendu final.