Patternify is a simple pattern generator. built to save the pain of launching Photoshop just to export a 2px by 2px stripe pattern. Not only can you build your pattern online, but with the base64 code, you don't even need an image file anymore: just include the code in your CSS and you're ready to go!

Instructions

Draw your pattern on the grid. You can use the cursors to limit the drawing surface and control the tiling. Once you're done, just download the PNG (make sure to rename it and add the ".png" extension at the end) or copy the code to your CSS. And you can also get a unique URL to share with other pattern aficionados.

• Share on Twitter
• Share on Google plus
• Share on Facebook
• Share on linkedin

Une nouvelle technologies vient de voir le jour chez Adobe, " Wallaby" qui a été vu pour le première fois au Adobe MAX é désormais disponible sur Adobe labs.

Voici quelques détails sur son fonctionnement :

• Converti les graphics flash en SVG.
• Converti les images (bitmaps) en balise <img/> au format jpeg.
• Converti les texte en balise <p/> ou text SVG
• converti les animations flash sur le scénario en animation CSS

• Share on Twitter
• Share on Google plus
• Share on Facebook
• Share on linkedin

Un des problemes que j'ai rencontré dernierement avec internet Explorer c'est qu'il ne reconnait la propriété min-height et min-with dans les style (css).

Aprés quelques recherche sur internet voici la solution pour contourner ce problème (un parmi tans d'autres).

.selector {
  min-height:500px;
  height:auto !important;
  height:500px;
}

• Share on Twitter
• Share on Google plus
• Share on Facebook
• Share on linkedin

Micosoft vient de confirmer qu'ils vont utiliser Word Rendering Engine (le moteur de rendu word) pour afficher les emails au format HTML dans Outlook 2010.

Cela signifie que, pour les 5 prochaines années, le designs des emails aurez besoin de tables pour la mise en page, les CSS comme "float", "position" et les images de fond (background image). Sans oublier la longue liste de bugs et de bizarreries qui brisent les mises en pages les plus simples.

• Share on Twitter
• Share on Google plus
• Share on Facebook
• Share on linkedin

Créer un menu verticale a partir d’une liste a puce, cela peut s’avéré très pratique si on veut créer se genre de menu sans avoir recours aux images et aux tableaux. Ce qu’il faut pour ça : Une liste a puce

menu 1
menu 2
menu 3

Et un petit peu de style

Ce que nous allons faire maintenant c’est de redéfinir l’aspect de ces balises li et ul 1. supprimer les puces :

list-style-type: none; 

2. supprimer les marges :

margin: 0px;
padding: 0px;

Bien sur avec de la mise en forme pour la forme finale et c’est fini :

ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    }
    li {
    background-color: #FFCC00;
    display: block;
    padding: 3px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    text-decoration: none;
    font-weight: bold;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    }
    Li:hover {
    background-color: # 000000;
    display: block;
    padding: 3px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    text-decoration: none;
    font-weight: bold;
    color: #FFCC00;
    font-family: Arial, Helvetica, sans-serif;
    } 

• Share on Twitter
• Share on Google plus
• Share on Facebook
• Share on linkedin