L’utilisation des arrondis dans les sites Web est devenu très populaire ces derniers temps! Beaucoups mettent de côté les coins pointus pour les coins arrondis dans leurs blocks, boutons, barre de navigation, en-tête, bannière, etc. Mais ca n’est pas toujours facile d’intégrer des fonds arrondis fait sous photoshop! (nottement lorsque le contenu de notre bloc est destiné à s’agrandir comme sur ce site par exemple).
Heureusement il y a des sites bien sympas qui sont là pour nous pondre des “rounded corners” à la volée! Il suffit d’entrer vos critères de couleurs, taille des angles etc, et Hop plus qu’un code CSS et HTML à copier…

• Spiffy Corners
• Cornershop (degré des angles)
• Roundedcornr (degré des angles, dégradés)

Je vous souhaite à tous un très bon noël en compagnie de votre famille!
Ne faites pas d’abus pour bien profiter de votre soirée, et n’oubliez pas de dire à ceux que vous aimez que vous les aimez!
Et si vous n’etes pas près d’eux pour ca envoyez leurs une petite carte postale rigolote

• www.elfyourself.com

Je viens de découvrir grâce au blog de 24th Floor un plugin très utile pour firefox! Le plugin Translator, qui permet la traduction entière d’un site en un clic, dans plusieurs langues! L’extension permet de choisir aussi quel sera le moteur de traduction que vous voudrez utiliser parmis ceux-ci;

• Google Translation
• Yahoo! Babelfish
• PROMT
• freetranslation.com
• Altavista
• Im translator

Vraiment très pratique lorsque certains “sites étrangers” décrivent mon blog;

アーティスティックでサイケな感じでしょうか。グラフィックデザインが出来ないとこういうデザインってできないですよね。

Ce qui donne;

Being artistic, [saike] it probably is feeling? The design [tsu] [te] which graphic design is not possible it solves and says it is not possible, is, don’t you think?.

hum, la partie Japonais –> Anglais est encore en Bêta , mais ca aide tt de même à comprendre le sens, apparemment ils on bien aimé mon site…

J’ai touvé un site qui propose un trucs assez sympas;
On peu transformer une image/photo/dessin n’importe quoi en une composition de points plus ou moins gros (un peu comme le système utilisé dans l’impression d’affiches publicitaires avec les trames)
On peu choisir si le résultat sera monochrome ou multicolor (avec les couleurs de base de l’image), la taille des points, et la taille de l’image par rapport à un nombre de feuilles. Le site vous créera ensuite un PDF.

The Rasterbator

PS: Ne pretez pas attention au reste du contenu du site!!

Voici une liste de sites que je vous propose d’aller voir lorsque vous serez en panne d’inspiration au niveau webchromatique

• Color Palette Generator

Sur ce petit site vous pouvez indiquer le lien vers une image, et il vous génerera automatiquement la palette de couleurs correspondante à cette dernière!

• Colour Lovers

Sur ce site, un peu comme sur Kuler dont javais déjà parlé ici, les inscrits peuvent ajouter leur propre palette pour enrichir la base de donnée mais aussi recevoir des notes ou des commentaires. Beaucoup de suggestions de palette sont intéréssantes et peuvent vous servir!
Voici mon compte Colour Lover

Ensuite pour tout ce qui est de mélange de couleur et codes hexadécimaux, voici d’autres sites tout aussi intéréssants;

• ColorMixers
• Color Shemer
• Color Sheme
• Visibone
• Color Tool

Joyeuse et belle année 2007 à vous! Que les voeux de chacun se réalise, et que la santé soit à vos côtés!

Je galère depuis 2 jour pour résoudre un bug lié à l’incompréhension d’Internet Explorer 6… et j’ai enfin trouvé la solution à mon problème!! Pour le site Sushis-net que je suis en train de coder, j’avais besoin d’aligner une image en bas à droite de la page, et qu’elle descende en même temps que mon contenu lorsque je scroll!
Dans une CSS classique il suffirait de mettre;

#monbloc {
position:fixed;
right: 0px;
bottom: 0px;
width: 200px;
height: 200px;
}

Evidemment ce code marche sur Firefox, IE7, Netscape et Opera… mais notre cher IE6 est à la traine! il a donc fallu que je trouve une feinte!
Pas mal de sites propose des solutions pour déjouer ce bug mais la plupars positionnaient mon bloc en partant du haut de la page, hors j’avais besoin que ce dernier parte du bas de la page…

J’ai donc trouvé sur ce site un code, qui marche à merveille, Vous trouverez sur le site pleins d’autres façon de positionner un bloc dans vos pages.

#monbloc {
position: absolute;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight)
: document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));
}

Petite explication;
Grâce à certaines variables de chez Microsoft (ici la variable expression), on peu incorporer du javascript à notre CSS, et donc indiquer une valeure variable à la propriété top:;.

Ensuite, comme ce problème ne concerne que IE6, et pas les autres navigateurs, on va rajouter dans notre header le lien vers une feuille de style externe que pour IE6, de cette façon;

<!--[if IE 6]>
<link rel="stylesheet" type="text/css" href="style/styleie6.css">
<![endif]-->

Vous trouverez aussi de bonnes informations sur le site d’alsacréations!

Allez un peu de graphisme en ce début d’année, je n’avais encore présenté aucuns portfolio jusqu’à maintenant!
Brand:Nu est le portfolio en ligne de l’illustrateur indépendant et concepteur Radim Malinic, qui a fondé son studio en 2002.
Les travaux sont comme je les aiment, fleuris, lumineux, et très harmonieux!