Autant vous le dire tout de suite je me suis fait démoralisé sur tous les topics que j’ai créé et ce n’est pas cela qui m’a avancé. La vérité êtant qu’il n’y a pas à l’heure actuelle de tutoriel complet, simple et efficace qui explique comment créer un jeu web (en PHP par exemple).

Comment créer un jeu web

Je ne vais non pas vous faire ce tutoriel car je ne suis pas actuellement assez compétent pour ça mais je vais vous rediriger vers un autre blog d’un developpeur web très sympa qui va vous aiguillez dans le développement d’un jeu web.

• Partie 1 : Introduction au développement d’un jeu
• Partie 2 : Les rôles à jouer pour le(s) créateur(s)
• Partie 3 : Penser le jeu, la conception.
• Partie 4 : Immersion du joueur, inscription et guidage
• Partie 5 : Qui peut développer un jeu ? Diagramme d’un jeu.
• Quand ouvrir son jeu web ?

Je pense qu’une fois que vous aurez lu ces articles, vous saurez vous y prendre pour créer votre jeu web le plus efficacement possible.

Tuto : Créer/Développer un jeu web is a post from: Flux de la Passion

PHPAnywhere est vraiment l’outil qu’il vous faut pour gérer votre projet facilement, gratuitement et à tout moment sans devoir installer quoi que ce soit. Une fois que vous avez ajouté vos comptes FTP vous pouvez commencer à en gérer le contenu. A chaque fois que vous vous connecterez vous pourrez immédiatement gérer vos FTP, pas besoin de réintroduire les logins et mot de passe pour vos FTP.

PHPanywhere utilise un editeur syntaxique très bien foutu qui fait

• Colorisation syntaxique
• Indentation intelligente pour chaque langage
• Interface en onglets (un pour chaque document)
• Undo/Redo illimité (défaire/refaire, identique à un Ctrl+Z / Ctrl+Y)
• Onglets illimités
• Internationalisation totale (pour l’encodage des caractères)

Leur « navigateur FTP » est très puissant et efficace. Il charge chaque dossier séparément, ainsi si vous n’utilisez pas tous les dossiers, vous ne perdez pas du temps à les charger.

Je n’ai testé que quelques minutes mais j’en suis pleinement satisfait, il est vraiment génial et ce qui me plait le plus c’est qu’on a plus besoin d’un IDE lourd sur son PC et qu’en même temps on puisse travailler à partir de n’importe quel PC.

PHPanywhere

PHPanywhere un éditeur de code PHP en ligne is a post from: Flux de la Passion

On va donc commencer par le code HTML. On va créer un paragraphe qui contiendra les raccourcis clavier. Pour les raccourcis on va utiliser une balise peu connue, <kbd>. Ainsi pas besoin de créer un span, on pourra styliser la balise « kbd » en général.

Quelques raccourcis : <kbd>Ctrl</kbd>+<kbd>C</kbd> &gt; Copier <kbd>Ctrl</kbd>+<kbd>V</kbd> &gt; Coller ...

Maintenant qu’on a ça on va ajouter du CSS afin de créer un effet de touche de clavier. Pour cela on va jouer avec les bordures. En gros, la touche de clavier seras représentée par un rectangle avec un bord haut et gauche fin alors que les bords bas et droit seront plus épais pour donner un effet de relief. Si vous voulez vous pouvez même changer les couleurs afin de donner un effet encore plus réel.

kbd {
/* Des marges internes pour augmenter la taille */
 padding-top: 0; /* Pour les marges supérieure et inférieures elles ne sont pas nécéssaires sinon vous aurez un bloc plus gros que votre texte autour. */
 padding-bottom: 0;
 padding-left: 2px; /* Les marges latérales sont nécessaires pour que le texte intérieur ne soit pas collé aux bordures. */
 padding-right: 2px;
/* Les bordures */
 border-top: 1px solid #E1E1E1;
 border-left: 1px solid #E1E1E1;
 border-bottom: 2px solid #B1B1B1;
 border-right: 2px solid #B1B1B1;
/* Un fond pour la touche du clavier */
 background: #EBEBEB;
/* La couleur du texte dans le raccourci */
 color: #000;
}

Voilà, maintenant lorsque vous voulez ajouter un raccourci clavier dans vos tutoriaux il suffit de les entourer de la balise <kbd>.

Voir un exemple

Ajouter du style à vos raccourcirs clavier en CSS is a post from: Flux de la Passion

Vous vous êtes peut-être déjà cassé la tête lorsque vos images PNG(avec de la transparence) s’affichaient differemment sous les navigateurs autres que IE et IE. Une de ces solutions est un petit hack dans l’image PNG en question.

Pour la modifier et la rendre « compatible » avec tous les navigateurs, il faut supprimer la couche gAMA de l’image. Pour cela il existe un logiciel simple et gratuit qui permet justement de faire ça, c’est TweakPNG que vous pouvez télécharger ci dessous.

Télécharger TweakPNG

Pour supprimer cette couche gAMA, ouvrez TweakPNG et choisissez votre image.

Vous avez normalement une liste des couches existantes et vous devez en avoir une qui s’appelle gAMA, selectionnez là et appuyez sur Delete pour l’effacer. Sauvegardez votre image sous un autre nom, au cas où vous auriez fait une gaffe et vous pouvez maintenant l’utiliser dans votre design. (N’oubliez pas de changer le nom de l’image)

Normalement tout fonctionne.

Gérer les transparences des PNG sous IE is a post from: Flux de la Passion

Voici une création assez sublime pour mériter d’être partagée. En effet, voici un tutoriel permettant de créer un iPhone en xHTML/CSS avec des effets jQuery.

L’article original est disponible ci-dessos via CSS-Tricks.

Via

Avant de commencer je vous propose de voir une démo en ligne ou/et de télécharger directement le code source.

Demo en ligne

Télécharger les sources

En tout cas si le tutoriel vous intéresse vous pouvez le lire ici : 

Lire sur CSS-Tricks en anglais

Lire en français (GTranslate)

Un iPhone en CSS/xHTML et jQuery is a post from: Flux de la Passion

Vous n’avezs sûrement pas échappé à l’annonce de Windows 7 et si vous êtes un peu curieux vous avez sûrement fait quelques recherches pour voir à quoi ressemblait ce nouveau système.

Vous avez peut-être remarqué le menu dock qui vous permet simplement et en un clic d’accéder à vos applications favorites, un genre de « Quick Bar » animée et en cercle (bref, qui pompe plus de ressources). Néanmoins cela reste un effet très sympa et très joli.

J’ai découvert il y a peu (environ 5 minutes) un menu en CSS du même genre, c’est à dire en cercle (qui ne tourne pas malheureusement) avec un sous-menu. Un très joli menu qui vous plaira certainement. L’auteur n’a pas encore publié le .zip mais vous propose de lui envoyer un mail afin qu’il vous l’envoie.

Vous pouvez bien sûr modifier les icones pour le personnaliser ainsi que les noms des menus.

Pour contacter l’auteur et demander le zip (en anglais) : Contact

Pour voir le dock en action : Menu circulaire

Le menu dock de Windows 7 en CSS pour votre site is a post from: Flux de la Passion

Par exemple, en un clic vous pouvez créer un modèle de boucles d’articles. Vous n’aurez plus qu’à le personnaliser pour créer votre thème wordpress.

Malheureusement il est en anglais mais vous devriez savoir que l’anglais fait partie du quotidien pour les dévelopeur et commence aussi à le devenir pour les blogueurs

Voici le lien : TagStention

Tagstention, WordPress dans Dreamweaver ! is a post from: Flux de la Passion