Logo lms Le Mâle Saint Le côté obscur du mâle.

Le vendredi c'est Freebies #11 : Learn CSS Layout, Vector Icons, Dabblet, Cropp.me...

Freebies friday 11
Retrouvez Teddy chaque vendredi et faites vos courses au rayon Ressources web du Mâle saint. Intégrateurs, développeurs, webdesigners : c’est cadeau !

Bonjour à toutes, bonjour à tous, aujourd'hui on est vendredi et le vendredi sur le Mâle Saint c'est Freebies ! La semaine dernière, j'avais les cheveux qui poussaient en fait...

Un programme sympa avec entre autre des cours CSS, des icônes, un outil pour voir vos typos... Que des bonnes choses les amis !

1. Learn CSS Layout

Vous êtes tout nouveau dans le monde magique de l'intégration web ? Vous êtes un vieux briscard qui a besoin de se remettre dans le move ?! Ou vous avez tout simplement besoin de vous remettre en tête certains éléments oubliés de vos CSS ?

Faites comme moi et allez sur Learn CSS Layout qui va vous permettre de vous remémorer pas mal de petites choses concernant la mise en page en CSS.

Come get some CSS - Learn CSS Layout

2. Vector Icons - Sergey Shmidt

Une petite collection d'icônes qui vient de DesignModo.com. Rien d'autre à dire, elles sont superbes...

The Icons from DesignModo here !

3. Dabblet

 Dabblet est un outil en ligne qui vous permet de partager du code HTML et CSS. Je le trouve sympa à utiliser et j'aime beaucoup le design de l'éditeur intégré.

C'est cool pour partager des ressources comme sur Codepen ou Jsfiddle.

Dabblet link !

4. Cropp.me

Super pratique ! Cropp.me va vous permettre de redimensionner automatiquement des images comme bon vous semble. Le design est super sympa en plus... Ça va vous changer la vie, même plus besoin d'ouvrir Totoshop et tout et tout... :)

The Crop tool over here !

5. Wordmark.it

Un jour, j'en ai eu marre de devoir me taper la liste de mes polices dans Photoshop pour savoir à quoi ressemblaient mes titres... C'est alors que j'ai découvert Wordmark.it qui rassemble en un endroit toutes les polices que vous possédez et qui vous permet d'écrire un mot ou une phrase et de voir directement à quoi ça ressemble !

Typography - Wordmark.it

6. Focus tooltip - Codepen

 J'ai trouvé ce bout de code sur Codepen qui affiche des informations au Focus d'un champ de formulaire. Animation CSS3 sans JS, ça envoie du pâté quoi !

Here the code on Codepen !

That's it pour aujourd'hui (je suis bilingue et je le fais savoir :p).

On se retrouve la semaine prochaine sans faute les amis =) ! Vous me retrouverez peut-être pour un petit article sympa sur l'intégration d'ici là... Mais ça reste entre nous, j'ai rien dis.

(Here Jesus tell you...)


Vous avez aimé ? Partagez cet article:



Les réactions

  • IReivax Le 08 Apr 2013

    Stuntman Mike bien vu ;)
    Article sympatoche :)

  • franck Le 21 Nov 2013

    "et j'aime le veau." excellente référence aux tuches !

    • Teddy Le 25 Nov 2013

      Ahah oui ! Faudra aller chercher des piles ;)

Découvrir d'autres articles

Expérience web : dans le monde magique de Google

Après un mois d'absence (eh oui, exode du geek en masse oblige), le Mâle saint revient avec une nouvelle review consacrée à un mastodonte du web. Notre objectif ? Vous en envoyer plein les yeux. Comment ? Grâce aux projets fous de Google. Tout le monde connait ce géant des Internets (si ce n'est pas le cas : SHAME ON YOU, mais dans quel monde vivez-vous ?). En matière

Le vendredi c'est Freebies #4

Quatrième distribution de freebies ! Comme d'habitude, Teddy se charge de partager ses meilleures trouvailles de l'Internet pour bien finir la semaine. Alors oui, messieurs (et mesdames) les webdesigners, intégrateurs et tous les gens qui font le web, vous allez être comblés. Le vendredi c'est Freebies, votre nouveau rendez-vous ultra-geek-o-phile.