PodSource 19 – CSS3 vs photoshop sketch
et autres

PodSource_19

Pour ce 19 ème épisode, on commencera comme d’habitude avec les Quick News (Foundation 4, Bootstrap 3, Google Reader et BrowserLab), on continuera avec les Quick Links (http://color.hailpixel.com et http://colourco.de, http://pxtoem.com, http://browserhacks.com, spoiler-alert, social-media-image-maker, http://designmodo.com/flat-free/ ) ensuite on passera à notre dossier (CSS3 vs photoshop sketch et autres ) et on finira comme d’haibitude avec notre MVP Dribbble.

En espérant que cette épisode vous plaira. Bonne écoute.

Notre podcast est dès à présent séparé par chapitres dans son format iTunes.

TELECHARGER CET EPISODE

Télécharger l’épisode gratuitement pour ensuite l’écouter où vous voulez, quand vous voulez.

Format MP3Format M4A

ABONNEZ-VOUS A NOTRE PODCAST

Abonnez-vous gratuitement et recevez tous les épisodes automatiquement dès leur sorties.

iTunes Flux RSS

Les Quick News

03’47 Foundation 4 se veut mobile

04’34 Bootstrap 3 se montre

05’54 Google annonce la fermeture de Google Reader !

08’01 Adobe annonce la fermeture de son service BrowserLab

11’20 Adobe annonce l’arrêt de ses logiciels en version boîte

Les Quick Links

12’16 Color.hailpixel.com | Colourco.de

15’23 Browserhacks.com

17’02 Spoiler alert

18’39 PX to EM

20’47 Social Media Image Maker

24’15 Flat UI Free

Le Dossier

27’33 CSS3 vs Photoshop : quel avenir pour le métier de web designer ?
La conception dans le navigateur serait-elle un frein pour le processus de création ?

Notre MVP de Dribbble

41’54 Kostadin Kostadinov

3 réponses à “PodSource 19 – CSS3 vs photoshop sketch
et autres”

  1. Avatar de Benjamin

    En ce qui concerne le débat du dossier, vous auriez pu parler des nouveaux outils Adobe qui proposent une interface similaire à Photoshop mais où la fenêtre de visualisation est bien un navigateur.

    Pour ma part, je suis un débutant dans le webdesign et je travaille directement dans le navigateur. Passer d’abord par Photoshop risque de me poser des problèmes quand il faudra coder donc commencer directement par le navigateur m’oblige à ne faire que ce dont je suis capable.
    Je fais la structure globale sur papier et après je code. Photoshop c’est principalement si je dois montrer un rendu rapidement à quelqu’un.

    Voila. Merci encore pour ce podcast 😉

  2. Avatar de chrche
    chrche

    Merci pour la remarque de mon commentaire 😉
    Je partage l’avis de John sur le maquetage direct.
    Dans les faits il est plus rapide d’utiliser des frameworks directement sans passer par psd mais cela produit plus d’uniformité. C’est déjà un peu la cas, à force d’utiliser bootstrap (qui est un bon produit au demeurant) on voit le design web devenir un peu chiant, sans grande inventivité : 2 ou 3 colonnes, pas de grande inventivité typo (malgré la somme de nouvelles fonts), une grande image header, une grille pour les post… enfin on se casse plus trop la tête quoi. Cela rejoint aussi la polémique sur ce Flat UI, on en voit des dizaines, quand tous se ressemble comment parler de plagiat ? Aux armes web designer et web intégrateur, soyez créatifs 😉

  3. Avatar de Mika

    A la beja, Patrick Beja a vraiment réussi à se créer une notoriété et une marque de fabrique dans le monde du podcasting 😉 Il représente même la france depuis quelques épisodes où il a l’honneur d’etre invité sur TWIT aux coté de Léo Laporte 🙂

    Pour avoir fait un peu d’integration html dans ma jeunesse en agence marketing, je confirme ce que vous dites: le graphiste doit avoir en tête les contraintes web:
    Pendant les vacances de certains graphistes, j’ai du travailler avec un graphiste « print » et là ce fût le drame tant au niveau de la résolution du travail fourni (à l’époque on bossait très peu en vectoriel) que des dégradés globaux dans tous les sens… 🙂
    Vous hesitiez presque à enregistrer la maquette complète en jpeg et mettre des div en position absolue avec les textes 🙁

    Effectivement le problème de designer dans le navigateur c’est le frein à la créativité, ou à la rigueur il faut faire sur papier une esquisse du site avant de commencer 😉

    Et si on a ni compte driblle, ni compte behonce ? on peut poster quand meme ?
    Personnellement j’ai un site de prévention http://supercapote.com dont l’ensemble des visuels sont de ma création, créés sur gimp et inkscape 🙂
    Voir blender pour un essai en expo sur sculpteo: http://www.sculpteo.com/fr/design/supercapote/167927281935638060556334529762489899425?uuid=qKcYgA66FIRUOYnxx52sQd#tab=material et http://www.sculpteo.com/fr/design/supercapotenewblend2/256516348179622747513790023751760988544?basket=1&noclickredirect=1&uuid=Ad4N2N6HypwksH2mKpUE3g#tab=material

Laisser un commentaire