Problème div position absolute sur IE7

Sous IE7, si vous obtenez un comportement étrange (mauvais placement, disparition) d’une div ou d’un élément placé en position absolute, vérifiez que cet élément n’est pas directement placé juste à côté d’un autre élément en float.

Si c’est le cas, placez entre l’élément en absolute et l’élément en float, une div vide.

Normalement, le problème devrait être résolu.

Ajouter des classes css sur images et liens via tinyMCE 4

Avec les anciennes versions de tinyMCE (<4), il était possible d’ajouter des classes sur les liens en ajoutant un plugin « advlink » dans le code d’initialisation de tinyMCE.

Avec la nouvelle version de TinyMCE (>= 4), la méthode est un peu différente. En effet, le plugin « advlink » a disparu et pour obtenir de nouveau la possibilité d’insérer des classes sur les liens et maintenant sur les images,  il faut ajouter les lignes suivantes dans l’initialisation de tinyMCE ou placer le code dans le fichier de config tinymce.yml

Exemples de webdesign

Voici une petite liste de sites qui m’ont plu :

http://minimalmonkey.com

Une idée de présentation en colonnes

http://mrcthms.com

Un alignement de texte original

http://www.gravitatedesign.com

Un bandeau photo sympa

http://www.nowyteatr.org/pl

Une vidéo en fond de site

http://www.ocsport.com/en

Un redimensionnement de police proportionnel

http://www.ianjamescox.com/thegatelab

Une navigation très ludique

http://www.pumestudio.com/3D/#home

Une structure en grille

http://moderngreenhome.com

Un background full photo

http://shinydemos.com

Un menu très original

http://www.somewhat.cc

Une apparition des lettres originale

Flash et mise à jour propriétés css de conteneur

Vous avez une application flash où sont gérés les évènements activés par l’internaute. Ce flash se trouve dans un conteneur de type table, ce dernier « float » à gauche or lors d’un évènement JavaScript vous voulez que ce conteneur se déplace. Vous pensez donc rien de plus simple il suffit de modifier la propriété CSS du conteneur du flash, et bien pas si simple en fait. Vous ne pouvez pas enlever le « float » du conteneur du Flash et oui sinon le flash a tendance a se réinterpréter et tous les actions réalisées dans ce flash seront oubliées. Il faut donc tester les différentes propriétés de style qui ne lance pas la réinterprétation du flash « margin » est dans ce cas pour les autres, je vous laisse tester.

Composition de calques avec Photoshop

En travaillant sur une maquette de Photoshop, on peut être amené à faire plusieurs propositions. Une solution est de faire plusieurs documents psd associés à chaque version. Mais il existe une manière plus simple dans ce logiciel : la composition de calques.

Elle permet de créer plusieurs propositions dans un même document. La fenêtre est accessible par Fenêtre > Composition de calques. Une nouvelle composition correspond au dernier état du document avec les calques visibles en cours. Si on veut faire une deuxième composition, on modifie ses calques, on les désactive… Et on enregistre un nouvel état.

Ensuite, pour afficher les différentes propositions, on coche ou décoche les compositions voulues.

Attribuer un calque de réglage Photoshop à un seul calque

Par défaut lorsqu’on ajoute un calque de réglage sur Photoshop, ce dernier l’applique à tous les calques situés sous le calque de réglages. Mais pour n’attribuer le réglage qu’à un seul calque, il suffit de maintenir la touche Alt en même temps que vous choisissez votre réglage. Ensuite une fenêtre s’ouvre avec comme informations le nom du réglage et une case à cocher « Créer un masque d’écrêtage d’après le calque précédent ». Cochez cette dernière et votre réglage ne s’appliquera pas partout !

Ouverture d’un fichier XML avec Flash

On a tous essayé d’utiliser des données de notre serveur pour les réutiliser dans une application flash.
Voici rapidement les grandes étapes pour bien commencer.

1 – Générer un fichier de données au format XML

La communication entre votre application et vos données serveur se fera par un fichier intermédiaire utilisable par Flash. Il vous faut donc un fichier XML de vos données comme celui-ci que l’on va appeler mon_fichier.xml

2 – Importation et ouverture du fichier XML dans Flash

A présent que votre fichier est bien formaté, Flash va pouvoir l’importer et l’ouvrir.

En ActionScript 2 (AS2) on créé une fonction qui ouvrira et traitera le fichier, cela donnera

Il ne reste plus qu’à le parcourir et à l’exploiter.

Masque avec dégradé de transparence sous Flash

Faire un masque sous Flash, pas de problème. Mais quand il s’agit d’ajouter un effet de dégradé de transparence, alors ça se complique. ! Voici les astuces pour y arriver facilement :

– créer un clip d’une forme quelconque (rectangle, carré…)

– appliquer un effet de flou sur ce clip où vous désirez le dégradé de transparence

– cocher dans le panneau des propriétés « Cache sous forme de bitmap » pour le clip qui sera masqué

– appliquer le masque au clip concerné (soit par actionscript soit directement dans le scénario)

Et voilà !