Page 5 of 5

Préparation d’un visuel pour site en version iPhone

Un modèle PSD très pratique contenant TOUS les éléments classiques de l’interface IPhone. A télécharger sur le site de l’auteur A télécharger directement ici

Texture in Modern Web Design

Article très intéressant sur les techniques de fond de page (background). De bons exemples pour créer des sites qui n’ont pas une hauteur fixe. On s’en inspire svp……

Exemple de wireframe

Grille 960px

Pour préparer vos maquettes de site web: un système de grille à importer dans votre logiciel de mise en page (Photoshop, Illustrator, …) (le lien télécharger est assez…

CSS Cheat Sheet (V2)

… rapide et pratique: une référence CSS qui tient sur une feuille A4… y’a tout!!! (existe aussi pour le HTML)

smashingmagazine.com

Une référence: design, technique web, … , une multitude d’infos pour se tenir au courant de l’évolution du web

Des bulles d’aide… en rollover

Des bulles d’aide… en Jquery… une version déclinable avec vidéo, image, animation… à l’air très intéressant mais pas encore testé… a vous de jouer!!!!

Symbolismes cachés dans les logos: étonnant

Aviez-vous remarqué l’ours de Berne (où est fabriqué ce chocolat) dans l’illustration du Cervin?!! http://sixrevisions.com/graphics-design/popular-logos-with-hidden-symbolisms/

Tous les jours une inspiration…

… pour voir ce qui se fait… et nous donner des idées… http://www.oneinspirationperday.com/

Les tailles de vos pages html…

Voici un petit tableau de rappel concernant les tailles maximum de vos pages web en fonction des résolutions de vos visiteurs.

Recherche typographique

Outils parfait pour tester, rechercher et décider quelle typo utiliser sur son site web… A utiliser vivement!!! www.typetester.org

Template Html pour Emailing

Si vous devez créer des templates pour emailing: faites attention à ces recommandations: http://www.campaignmonitor.com/blog/post/2094/maximum-width-for-html-emails/ Largeur, hauteur, format: toutes les infos

Des bulles d’aide CSS… à tester

Des bulles d’aide CSS, compatibles avec tous les navigateurs… à tester http://www.willmayo.com/2007/02/10/css-speech-bubbles/ Attention, le fonctionnement en Rollover n’est pas inclu… Pour cela voir: bulle d’aide Jquery

Graphisme, ergonomie, couleur, zoning … bref tout …

Blog de veille technologique sur le webdesign, le graphisme, l’art digital … TOUT pour réussir un site web: des travaux préparatoires à la réalisation finale http://www.pixenjoy.com/

WEB 2.0: pour être « in »

Tout savoir sur le design « web 2.0″… Attention à la « durée de vie » de ce type de visuel

Autres outils Couleur…

Pratique aussi pour choisir vos couleur:

Visibone: Choisissez vos couleurs…

Petit outils pratique pour vous aidez à choisir les couleurs que vous allez utiliser dans votre site web. Pratique: – code hexadeciamle (#000000), RGB, CMJN – confrontation des…

webcreme.com: éviter la « page blanche »…

Un site parfait en cas de crise de non-créativité aigue. Plein d’exemples de site au visuel riche et tendance. Bon pour l’inspiration graphique… même si beaucoup sont en…

Un player vidéo pour votre site

JW FLV MEDIA PLAYER 4.1 … un player vidéo flash entièrement paramétrable. ça m’a l’air perfect… je le test et vous redis bientôt http://www.jeroenwijering.com/?item=JW_FLV_Media_Player

Design Tendances 2008

Article intéressant sur les différentes tendances actuel dans le web design. Bon pour l’inspiration!!!

CSS: ombre portée, bloc centré, …

1 ou 2 méthodes pratiques pour: – créer une ombre portée sur un DIV sans utiliser d’image – centre un DIV dans la page (horizontal et vertical) ……

Un menu déroulant CSS/JS

Une traduction française du célèbre menu déroulant: Son of Suckerfish http://www.pompage.net/pompe/deroulants/

XSPF Web Music Player

XSPF Web Music Player: un petit player flash à installer sur vos page. Permet de lire 1 ou plusieurs morceau (playlist). L’interface est modifiable si vous connaissez un…

Lightbox, Thickbox? Lequel choisir

… Un site qui compare une multitude de solutions pour créer des galeries d’images. Pour chacun, vous trouverez une description ainsi qu’une explication d’installation: très intéressant! http://1loup.net/index.php/2008/05/08/1202-clearbox-et-shadowbox-en-remplacement-de-lightbox2