Design et Photoshop

Plus de 60 tutoriels Web Design 2.0

2 réactions Le 31 janvier 2008 à 23:07 par chris

Voici une liste complète de tutoriels absolument indispensables pour les apprentis web designers.

1. Three girls posing in the night Illustration - Adobe Photoshop - Adobe Graphic Design Software

Photoshop Tutorial - Three girls posing in the night Illustration - Adobe Photoshop - Adobe Graphic Design Software

(lire la suite…)

XHTML & CSS

5 astuces pour améliorer la compatibilité CSS de Internet Explorer

14 réactions Le à 21:50 par chris

le cauchemar de tout intégrateur Web, c’est bien ce fichu internet Explorer qui ne comprend rien à rien aux CSS. Pire avec l’arrivée de IE7, on se retrouve avec 2 navigateurs traduisant votre mise en forme à leur façon.

Voici 5 astuces qui vous permettront d’améliorer la compatibilité navigateur de vos mises en forme:

1. Réinitialiser les css:
Une astuce bien pratique, c’est prédéfinir la façon dont les tous navigateurs traduiront vos style grâce à une feuille de style de base.

  1.  
  2. html, body, div, span, applet, object, iframe,
  3. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  4. a, abbr, acronym, address, big, cite, code,
  5. del, dfn, em, font, img, ins, kbd, q, s, samp,
  6. small, strike, strong, sub, sup, tt, var,
  7. b, u, i, center,
  8. dl, dt, dd, ol, ul, li,
  9. fieldset, form, label, legend,
  10. table, caption, tbody, tfoot, thead, tr, th, td {
  11.         margin: 0;
  12.         padding: 0;
  13.         border: 0;
  14.         outline: 0;
  15.         font-size: 100%;
  16.         vertical-align: baseline;
  17.         background: transparent;
  18. }
  19. body {
  20.         line-height: 1;
  21. }
  22. ol, ul {
  23.         list-style: none;
  24. }
  25. blockquote, q {
  26.         quotes: none;
  27. }
  28.  
  29. /* remember to define focus styles! */
  30. :focus {
  31.         outline: 0;
  32. }
  33.  
  34. /* remember to highlight inserts somehow! */
  35. ins {
  36.         text-decoration: none;
  37. }
  38. del {
  39.         text-decoration: line-through;
  40. }
  41.  
  42. /* tables still need ‘cellspacing="0"’ in the markup */
  43. table {
  44.         border-collapse: collapse;
  45.         border-spacing: 0;
  46. }
  47.  

2. Ajouter le support du png à Internet Explorer 6,
pour cela vous pouvez ajouter ce script htc et l’insérer comme ceci:

  1.  
  2. img, h1, .class-with-png-background-image {
  3.     behavior: url(../htc/iepngfix.htc);
  4. }
  5.  

3. Le CrossHover:
IE ne supporte pas les évènement “hover” sur des éléments autres que les liens. Vous pouvez aussi corriger ceci avec le script crosshover htc et l’insérer comme ceci:

  1.  
  2. body { behavior:url("../htc/csshover.htc"); }
  3.  

4. Donner de la mise en page à vos éléments
Le bug le plus courant d’IE est sa gestion du “layout”. En effet, il a toujours besoins de générer un “bloc” autour de l’élément, ce qui peut être très génant lors des mise en colonne. Voici la liste des propriétés CSS qui annulent le layout.

  1.  
  2. position: absolute [IE 6 & 7]
  3. float: left [IE 6 & 7]
  4. float: right [IE 6 & 7]
  5. display: inline-table [IE 6 & 7]
  6. any width or height value [IE 6 & 7]
  7. zoom [IE 6 & 7]
  8. min-width [IE 7]
  9. max-width [IE 7]
  10. min-height [IE 7]
  11. max-height [IE 7]
  12. overflow [IE 7]
  13.  

5. Éliminez le bug de la “double marge”
IE 6 a tendance à doubler les marges de chaque élément qui a été assigné au flot et marge de gauche / droite marge.
Pour surmonter ce problème, il suffit de fixer display: inline sur l’élément incriminé.

  1.  
  2. display: inline;
  3.  

Design et Photoshop

Iconspedia: Un annuaire complet d’icone PNG

8 réactions Le 19 janvier 2008 à 18:49 par chris

Iconspedia est un annuaire d’icones PNG. Sur ce site vous trouverez un grand nombre de ressources graphique pour vos sites.

http://www.iconspedia.com/

PHP & MySQL

Comparatif rapide des diffèrents Frameworks PHP

6 réactions Le 17 janvier 2008 à 22:23 par chris

Vous cherchez un Frameworks PHP mais vous n’avez pas le temps de tous les tester afin de voir si ils correspondent a vos besoins.

Voici un comparatif rapide:

(lire la suite…)

Emplois

BlogSpirit recherche 3 ingénieurs de développement PHP/MYSQL

2 réactions Le 15 janvier 2008 à 13:00 par chris

Détail de l’offre d’emploi:

(lire la suite…)

Design et Photoshop

Premiers pas Photoshop: Créer un logo web 2.0

7 réactions Le 6 janvier 2008 à 3:53 par chris

Vous aussi, vous rêver de créer de magnifiques logos Web 2.0 ?

Rien de tel qu’une vidéo pour pouvoir suivre un tuto photoshop pas à pas.

XHTML & CSS

CSS: Utiliser Page Break pour améliorer les impressions

4 réactions Le à 2:58 par chris

Il est parfois intéressant de gérer correctement l’affiche des pages web lors de l’impression et pour cela, on utilise une feuille de css “@media print” . (lire la suite…)

Valid XHTML 1.0 Transitional