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

Le vendredi c'est Freebies #7 : Flat design, Skeuomorphism, responsive framework, wireframe...

Flat design
Retrouvez Teddy pour les freebies de la semaine. Intégrateurs, développeurs et graphistes, à vos souris !

Hi there ! Encore une semaine de passée et je ne sais pas vous mais dans le Nord, il fait froid et le soleil n'est pas au rendez-vous. Du coup, je ne suis pas sorti. Tel un vrai geek, je me suis occupé en collectant une superbe série de Freebies rien que pour vous (with love) !

Alors cette semaine au programme : un article de Sacha Greif, un excellent Designer qui parle de Flat Design et Skeuomorphism (Skumorphisma quoi... ??!!), des boutons HTML et CSS3 trop cool, un framework avec du parallax pour les intés, un outil pour faire des wireframes, du pur design pour mobiles app et un outil pour organiser ses CSS comme un pro (mais vous êtes déjà des pros hein ! :D) !

1. Flat Pixels - @SachaGreif

Inutile de préciser qui est Sacha Greif, ce designer influant a récemment écrit un article  qui fait le buzz dans l'univers du design. Il explique ce qu'est le Skeuomorphism et ses différences par rapport au design d'aplat.

Suivez-le sur Twitter (@sachagreif), son blog est très reconnu et son travail excellent !

Here the famous link about skeuomorphism

2. Squishy Toggle Buttons - Codepen

Sur Codepen, j'ai trouvé ces superbes boutons réalisés en HTML et CSS3 uniquement (no JS whaouu !). Cliquez dessus, l'animation de transition entre l'état ON & OFF est juste extra !

Squishy toggle buttons - Look at that awesome dev here

3. Cool Kitten - Responsive Framework

Cool Kitten est un framework html/css & JS qui comprend un set de plusieurs outils super sympa pour avoir une base pour vos projets web. Il se démarque (in my opinion) grâce à son système Parallax intégré, qui ajoute vraiment du fun pour vos applications web.

Suivez son créateur, Jalxob sur Twitter.

Cool kitten - The super cool framework is here dude !

4. GomockingBird - Wireframe tool

Gomockingbird est un web service qui va vous permettre de créer des wireframes super simplement et d'assez bonne qualité en un clin d'oeil. Pas besoin d'en dire plus, il faut l'essayer et puis mon explication précédente est juste trop cool !!! (:P)

GomockingBird - Try it Now !

5. PlaceIt

Alors ça, pour les designers, c'est trop cool ! Vous importez le screenshot de votre appli mobile designé et elle se retrouve en situation réelle sur des photos de super bonne qualité.

Ppfffiiiiooouuu c'est vraiment trop cool ça les amis !

PlaceIt - the perfect screen app

6. CSS-Comb

Ami(e)s intégrateurs / intégratrices, voilà pour vous une raison de plus d'apporter un code organisé et maintenable (oui oui, une intégration est un vrai développement de qualité... sans !important partout partout ! ;)

Avec CssComb vous allez en un clic de souris trier toutes vos règles CSS pour garder une organisation précise. Il fonctionne avec Sublime Text 2, Coda, Text-Mate et bien d'autres superbes éditeurs de code.

CssComb - yes I want to be a good front-end dev now !

Eh bé ! Vous en avez pour au moins une semaine avec tout ça les amis ! Le temps de vous concocter une nouvelle série de Freebies vendredi prochain !

Have fun guys and follow me now I don't bite ;)

(my mom says I'm special)

 

Découvrir d'autres articles