Pour ouvrir une nouvelle fenêtre (pop-up), on pense souvent au Javacript, qui permet de le faire facilement.
Seulement, le contenu du pop-up n'est pas indexable puisqu'il n'est pas parcouru par les moteurs de recherche (à cause du javascript).
De plus, l'ouverture de pop-up peut-être bloquée par les bloqueurs de pop-up intégrés aux navigateurs récents.
Cette solution est d'autant plus à proscrire qu'elle n'est pas très "user-friendly" car elle surprend l'utilisateur.
Il existe une solution qui permet d'afficher une infobulle, un peu comme les info-bulles windows au survol du curseur.
Cette solution est réalisée entièrement en CSS et permet donc d'avoir un contenu indéxé pas les moteurs.

Après avoir créé votre design web sous Illustrator (ou dans Photoshop par ex), vous voulez maintenant le découper pour pouvoir exporter les images séparément.
Il existe pour cela l'outil Tranche dans Illustrator, que vous pourrez trouvez dans la boîte à outils.
Il vous permet de créer des zones qui seront exportées séparemment.
Vous pourrez ensuite optimiser le poids des images en les exportant en jpeg, gif ... et dans la palette de couleurs qui correspondra à votre image.
Illustrator peut aussi fournir une page HTML mise en forme avec des tableaux.
Il est fortement conseillé de retravailler le design découpé avec un fichier CSS pour une meilleure accessibilité.

Pour créer un design à la mode, il vous faut un design style Web 2.0.
Pour cela, pas de standards établis, seulement des règles simples que l'on retrouve sur tous ces nouveaux sites.
Par exemple, les contours arrondis, les couleurs pastel, les polices sans serif ou les ombres sont typiques de ces designs.
Roman Mittermayr a écrit un article en anglais qui résume parfaitement ces règles.
Avec son autorisation, voici donc la traduction en français de son article sur la 2.0Culture.
Grâce à ses conseils et ses exemples, vous pourrez créer vous-même votre design Web 2.0 !

Dans ce tutorial, je vais expliquer en détail comment faire un masque d'écrêtage sous Illustrator.
Un masque d'écrêtage est un objet ou un groupe d'objets dont la forme masque les autres illustrations, rendant ainsi visible uniquement l'illustration contenue dans les limites du masque.
Ce masque peut ainsi permettre de créer une texture pour un texte ou une simple découpe de votre image.
Dans ce tutorial, vous allez apprendre comment créer, sélectionner, modifier et annuler ce masque d'écrêtage.

Pour améliorer la navigation et le référencement des articles de mon blog, j'ai décidé d'ajouter à la fin de chaque article, un lien vers un article de la même catégorie. Mon choix a été de prendre l'article de la même catégorie écrit juste avant et celui écrit juste après, s'il existe.

Toutes les entrées de mon blog étant stockées dans une base mysql, il me suffisait d'effectuer les bonnes requêtes pour sélectionner les articles précédents / suivants.
Pour éviter de faire plusieurs requêtes ou deux while imbriqués, j'ai du trouver une solution simple en SQL. La solution se passe avec les sélécteurs < et >.
Ce court tutorial présente la source PHP que j'utilise avec ses commentaires.

Pour un de mes projets, je devais charger des données personnalisées depuis une base MySql dans un swf Flash.
L'identifiant permettant de retrouver ces données dans la base était indiqué dans l'url de la page sous la forme index.php?id=xxx.
Ce n'était pas une valeur POST mais une valeur GET qu'il fallait récupérer.
Après avoir testé plusieurs solutions (LoadVariables(), load() ...), la solution la plus simple fut de transmettre l'identifiant
grâce aux FlashVars. Avec un peu de PHP et d'ActionScript (as), les données sont chargées automatiquement dans mon SWF.
Ce tutorial présente le code source à écrire pour pouvoir utiliser ces FlashVars sous tous les navigateurs web.

L'outil le plus pratique et puissant sous Illustrator est sans doute l'outil plume. L'outil plume permet de créer des tracés aussi bien recitlignes qu'arrondis mais aussi de combiner les deux.
Cepandant, sa manipulation n'est pas simple et il va falloir vous entraîner pour le maîtriser totalement.
C'est avec l'experience que vous saurez placer vos points d'ancrage afin que votre tracé suive vos envies.
Ce tutorial présente les différentes manières d'utiliser l'outil plume ('+' et '-') ainsi que les outils associés.

Votre illustration ne prend qu'une partie de votre plan de travail et vous voulez exporter seulement cette partie.
Une solution peut être de redimensionner votre plan de travail aux bonnes dimensions et de déplacer vos objets à l'intérieur de cet espace de travail puis d'êcréter selon les limites du plan de travail au moment de l'exportation.
Cette opération est plutôt laborieuse, mais il existe une seconde solution sous illustrator : la zone de recadrage.
Cette solution est beaucoup plus maniable et intuitive.
Dans ce tutoriel illustrator, je vais présenter les deux manières d'exporter une partie de l'illustration.

Grâce à ce tutorial, vous allez créer un jeu flash, en partant de 0.
Les fichiers sources flash (.fla) sont disponibles pour chaque étape du tutorial.
Le jeu que vous allez créer est un jeu simple qui vous permettra de comprendre comment organiser ses calques, gérer les appuis clavier (touches fléchées), animer les différents MovieClip et gérer un système de score.

Je vais expliquer dans ce tutorial comment faire un jeu flash en ActionScript, clône de Dance Dance Revolution. Attention, tutorial en deux parties.

1 | 2 | 3