Semaine de fou, formation, projet à avancer, nouveaux projets qui s’accumulent. Plus trop de temps pour écrire des articles, mais toujours un plaisir d’échanger avec nos clients et fier de mes équipes qui m’ont prouvé cette semaine qu’il pouvait progresser. Pour ma part, la fatigue ne me rend pas forcément agréable ! Bref, cette semaine aura été l’occasion de trouver plein de chose pour vous les livrer. Voici donc notre sélection !
Allez pour le plaisir ! un clip haut en couleur ! merci à Keith Schofield pour ce sublime clip surréaliste digne de la plus belle réalisation de Spike Jonze ! mercià Charlotte et à Beck pour cet excellent morceau ! Merci à Serge et Jane !
Si vous utilisez CKeditor c’est excellent WYSIWYG pour vos interfaces d’administration et que vous souhaitez sauvegarder en AJAX, l’ensemble de votre formulaire, vous avez du rencontrer un problème à réccupérer la valeur de votre champ.
En effet CKeditor se substitue à votre champ TEXTAREA, il faut donc indiquer à CKeditor de repeupler votre champ text afin que vous puissiez faire votre enregistrement avec la ligne de javascript suivante :
// force le champ textarea qui a été subtitué à ckeditor
for ( instance in CKEDITOR.instances )
CKEDITOR.instances[instance].updateElement();
Polydor, la maison de disque de Philippe Katerine, nous annonce le retour en studio à Paris dès le mois de février pour l’enregistrement de son neuvième album.
Prévue pour l’automne la sortie de cette album se fera avec le film Je suis un no man’s land, le second long métrage de Thierry Jousse. A suivre …
Rappelons que le dernier album de Katerine “Robot après tout” était sortie en 2005 et avait été le plus grand succès de ce poète musical.
Gorillaz le retour
Annoncé, repoussé, l’album de Gorillaz de Damon Albarn qui sera le troisième rassemblerait Snoog Dogg, Lou Reed, Bobby Womack, Mos Def, The Horrors. Ce nouvelle production qui sera bien sûr soignée et savamment orchestrée, doit sortir le 8 mars. A suivre …
Le 8 février, deux sorties d’album : Hot Chip et Massive Attack
Hot Chip revient avec un quatrième album “One Life Stand” qui sera furieusement bizarre. A contre-pied cet groupe britannique livre ici une album ultra-pop synthétique avec suffisamment de tubes pour vous faire danser et chantonner toute une année. Pour en savoir plus sur Hot Chip.
Massive Attack dont nous vous parlons régulièrement sort “Héligoland” le 8 février et devrait être le gros carton de l’année. Rappelons que Heligoland est le nom d’une île allemande dans la mer du nord et surtout que cet album est la réunification de 3D et Daddy G pour un vrai retour au source du Trip Hop. Pour suivre l’actualité journalière du groupe Massive Attack
Nick Bednarz, vie et travaille à Londres, nous offre un rare moment de poésie avec son installation interactive “Of the now”. Ce test de projection réalisé en extérieur n’est pas la version finale de ce projet.
“The Good King Henry lords” est une lampe réalisée en chêne et d’un tube d’acier vert au bout duquel trône un abat-jour en tissus. Finition parfaite, simplicité des éléments qui la composent. Couleur vive et bois se contrastent à merveille et apportent une subtilité néographic. Le bras d’acier mobile permet aux utilisateurs d’adapter l’inclinaison de la lampe.
Nous devons cette lampe au studio Strawberry Kingdom, créé en 2009 par Dorota Kulawik & Janek Modzelewski. A quand la date de commercialisation ? Messieurs les éditeurs, qu’attendez vous ?
Composition : bois de chêne, acier et textiel Hauteur : 180 cm Année de production : september 2009 Créateur : Dorota Kulawik and Jan Modzelewski Photos : Wawrzyniec Skoczylas
Ce menu horizontal est basé sur des propriétés CSS (avec la pseudo-classe :hover). Il ne fonctionne sur des navigateurs récents (exit IE6). Les rubriques et les sous-rubriques s’adaptent automatiquement en largeur et elles sont fonction de leur contenu. En survol d’une sous rubrique, la rubrique principale reste sélectionnée.
Pour faire disparaître les sous-rubriques, il suffit d’ajouter display:none à la sous-rubrique de la classe menu :
ul.menu li ul {
display:none; /* masques les sous-rubriques */
width: auto; /* largeur automatique */
/* remise à 0 des valeurs du parent */
margin: 0;
padding: 0;
/* end */
}
Maintenant, il nous suffit de mettre les sous rubriques en vertical car elles ont hérités de leur parent une mise en forme horizontale et de faire apparaître les sous-rubriques en survol de la rubrique.
Sous-rubrique en vertical
ul.menu li:hover ul {
display:block;
}
ul.menu li:hover ul li {
float:none;
/* remise à 0 des valeurs du parent */
width: inherit;
margin: 0;
}
En se déroulant, les sous rubriques sont en dessous et décalé. Pour cela il faut attribuer une position absolue aux sous-rubrique.
ul.menu li ul {
position:absolute;
width:auto; /* largeur automatique */
}
Votre menu est quasiment finalisé, il ne vous reste plus qu’à avoir un survol qui reste actif sur la rubrique. Il faut ajouter “ul.menu li:hover > a” à la déclaration “ul.menu li a:hover” comme sur l’exemple suivant :
ul.menu li a:hover, ul.menu li:hover > a {
color: #FFFFFF;
background: #ed7928;
}
Votre feuille de style finale est la suivante :
body {
font-family: Arial;
font: 12px;
}
ul.menu {
width: auto;
height: 35px;
line-height: 35px;
}
ul.menu li {
float: left;
height: 35px;
width: auto;
}
ul.menu li a {
padding: 0px 10px 0px 10px;
color: #FFFFFF;
background: #000000;
font-weight: bold;
margin: 0;
display: block;
}
ul.menu li a:hover, ul.menu li:hover > a {
color: #FFFFFF;
background: #ed7928;
}
ul.menu li ul {
display:none; /* masques les sous-rubriques */
width: auto; /* largeur automatique */
/* remise à 0 des valeurs du parent */
margin: 0;
padding: 0;
/* end */
}
ul.menu li ul li a {
background: #ed7928;
color: #FFFFFF;
display: block;
padding: 0px 10px 0px 10px;
margin: 0;
}
ul.menu li ul li a:hover {
background: #ffebd3;
color: #ed7928;
}
ul.menu li:hover ul {
display:block;
}
ul.menu li:hover ul li {
float:none;
/* remise à 0 des valeurs du parent */
width: inherit;
margin: 0;
}
ul.menu li ul {
position:absolute;
width:auto; /* largeur automatique */
}
Jordan Clark revient avec une nouvelle vidéo sur Vimeo. Une animation 3D d’une simplicité mélant mouvement de caméra et technique de compositing vidéo. Nous vous laissons juger par vous même.
Pour en savoir plus sur Jordan Clark sur Oxynel et sur Vimeo
Oxynel propose des solutions de communication sur tous les marchés de ses clients, mais souhaite surtout partager un partie de son savoir faire, de ses découvertes et de ses passions.
