Catégorie : Technique webPage 3 of 4

Des infos, des liens, etc… sur différentes techniques web

Vidéo, … merci l’html 5

Pour insérer vos vidéos dans vos pages web: D’abord: l’excellent dossier sur Alsacréation Puis le logiciel gratuit parfait pour convertir vos vidéos dans les différents formats nécessaires:

Parallax scrolling Sites… Eh bien… à étudier!!!

Beaucoup  d’exemples remarquables >>  ICI Dont ces 2:

geekeries.fr: plein d’infos sur les plugins wordpress en français

PSD CS5… 2 tutoriaux indispensables: Merci Monsieur Namosgraphics

Détourage d’un personnage et de ces cheveux Outil déformation de la marionnette

Mamp: local to server live…

Et pour ajouter ces font en CSS

Dégoûté par la verdana et l’arial? … A consulter et à tester

CSS 3: eh bien voilà quelques explications bienvenues

Smashingmagazine fan?
Essayez: onextrapixel.com

Le webdesign n’est pas comparable au design papier… A méditer

FLEXIBILITÉ: obligatoire en webdesign

Les sélecteurs CSS expliqués en détails, avec des exemples: INDISPENSABLE!!!

Encore de la css3… en plus facile!!!

Les pseudo classes: de la précision svp!!!

A consulter + comprendre + appliquer

Color Explorer

Créer, modifier, comparer: utilitaire très pratique pour travailler la couleur.

Générateur de dégradé CSS: TOP!!!!

Pour les fans d’Illustrator… aussi pour le web

Je n’ai jamais été fan d’Illustrator pour créer des design web. Le passage du monde vectoriel au bitmap posait toujours des problèmes: flou des filets, bordures des objets…

Plugin Worpress: CKEditor

A télécharger sur le site d’extensions WordPress

10 Online books: de la lecture, de la lecture… pour webdesigners

http://webdesignledger.com/freebies/10-free-online-books-for-web-designers

Les sprites: 2 tutos

http://www.alsacreations.com/tuto/lire/1068-sprites-css-background-position.html http://www.pixenjoy.com/integration/utiliser-les-sprites/

Liste centrée: pratique pour un menu en bas de page par exemple

Code css: #cw_footer { color:#CCCCCC; font-size:9px; margin:20px 0; padding:0; text-align:center; } #cw_footer ul { list-style:none outside none; margin:0; padding:0; width:100%; } #cw_footer li { color:#C1002B; display:inline; font-size:11px; }…

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…

smashingmagazine.com

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

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

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

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…