13
NOV

[Concours] Intégration web: Les bonnes pratiques - 3 livres en jeu

Publié le 13/11/12 à 10h01 par DJo

Le dernier ouvrage de Corinne Schillinger va faire des émules: "Intégration web, les bonnes pratiques" s'annonce comme une référence pour tous les intégrateurs web HTML/CSS.

Intégration Web - Les bonnes pratiques

Sur la ferme du web, on apprécie particulièrement les édition Design Web d'Eyrolles, et le nouvel ouvrage de Corinne Schillinger le confirme de nouveau.

A travers plus de 350 pages couleur + annexes, l'auteur nous délivre les bonnes pratiques à suivre pour intégrer dans les règles de l'art vos futurs webdesign.

Ces conseils sont le fruit de plus de 18 mois de recherches et discussions entre professionnels de l'intégration.

Les sujets phares de l'intégration web sont abordés: Frameworks CSS, HTML5, compatibilité navigateur et Internet Explorer, outils pour bien intégrer, comment tester ses intégrations web comme il faut, bien optimiser ses images pour le web ...

Intégration web, les bonnes pratiques - 360+ pages en couleur

Le livre s'adresse à un public plutôt connaisseur qui a déjà une certaine maîtrise des langages CSS et HTML. Il conviendra parfaitement aux étudiants désireux d'améliorer leurs intégrations, à la fois en qualité et en productivité, tout comme les professionnels du domaine qui souhaitent vérifier et approfondir leurs connaissances.

Les maniaques de l'intégration web seront séduits par le chapitre sur la définition d'une convention d'écriture, les adeptes de la webperf pencheront plus sur le chapitre d'optimisation des images ou des facteurs d'optimisation ... Bref, tout le monde y trouve son compte. Et après la lecture complète de l'ouvrage, vous pourrez dire fièrement que vous avez les connaissances d'un intégrateur web complet ... Il ne restera plus qu'à mettre en pratique!

Voici le sommaire de l'ouvrage:

Partie 1: Bien préparer son projet

  • Organiser son espace de travail
  • S'équiper des bons outils
  • Mettre en place l'environnement de test

Partie 2: Elaborer un socle HTML solide

  • Adopter HTML5
  • Concevoir les fondations
  • Construire la structure
  • Injecter le contenu
  • Incorporer les images

Partie 3: Habiller le contenu grâce aux CSS

  • Réviser les bases
  • Définir une convention d'écriture
  • Organiser le code CSS
  • Prendre connaissance des facteurs d'optimisation
  • Contrôler et déboguer
  • Préparer la livraison (ou la mise en ligne)

Partie 4: Peaufiner les détails

Annexes

 

Concours: 3 livres à gagner sur la Ferme du Web

Concours: 3 livres à gagner sur la Ferme du Web

Et pour récompenser nos fidèles lecteurs, voici 3 chances de remporter le dernier ouvrage de Corinne Schillinger !

Vous connaissez le fonctionnement:

1 livre à gagner par tirage au sort parmi tous les commentaires de ce billet qui nous expliquent quels outils ils utilisent quotidiennement pour leurs intégrations web.

1 livre à gagner sur Facebook par tirage au sort parmi tous ceux qui répondront juste à la question du jour de notre page fan (Profitez-en pour liker la page si ce n'est pas encore fait :) )

1 livre à gagner par tirage au sort parmi tous ceux qui tweeteront le message suivant:

3 livres Intégration web: Les bonnes pratiques, à gagner sur @lafermeduweb http://fdw.lu/BhQ (@eyrolles @schillinger)

 

Bonne chance à tous et bonne lecture ! Le tirage au sort aura lieu jeudi 15/11 dans la soirée.

Mise à jour: Les gagnants sont ...

  • jabberwoc pour le tirage au sort parmi les commentaires
  • penelopeledain pour le tirage au sort parmi les tweets
  • Thibault Guillaume pour la réponse à la question Facebook (contentinfo)

Bravo à tous les trois.

 

Et si vous n'avez pas le courage d'attendre le résultat, rendez-vous sur Amazon ou la Fnac !

Baraguiné par le 13/11/12 à 10h16
Je veux en exemplaire dédicacé !
Baraguiné par Soullivaneuh le 13/11/12 à 10h16
Soullivaneuh sur La Ferme du Web
Eh bien ce livre a l'air interessant, je tente ma chance ! :)
Baraguiné par DJo le 13/11/12 à 10h17
DJo sur La Ferme du Web
Merci de lire les consignes pour la publication des commentaires, les deux premiers ne sont pas validés.
Baraguiné par FabB le 13/11/12 à 10h18
FabB sur La Ferme du Web
rho.... "compatibilité navigateur et Internet Explorer", c'est pas gentil ça, que doit-on en conclure ? c'est pour démarrer une conversation consctructive?
Baraguiné par aury le 13/11/12 à 10h18
aury sur La Ferme du Web
Je me lance, mais ça ne va pas loin :), je suis en mode Artisan, au burin et au notepad .

Donc niveau outils
- Notepad avec coloration syntaxique
- plus récemment, NetBeans s'est révélé facile pour le codage.
- Une fois les bases du css faites, Chrome Inspector pour modifier en live sur la version de développement, directemnet dans le navigateur.

Pour tout ce qui est découpage, le slicer de Photoshop.

Voila pour moi !
Baraguiné par ATailzip le 13/11/12 à 10h18
ATailzip via Twitter
Pour l'intégration j'utilise Sublime Text 2, Compass et Photoshop.

Bonne chance à tous ;)
Baraguiné par Rasfelic le 13/11/12 à 10h20
Rasfelic via Twitter
Pour ma part, Notepad sur windows et espresso sur mac.
Pour le debug, firebug est un des meilleurs outils.
Baraguiné par Enrico le 13/11/12 à 10h21
Enrico sur La Ferme du Web
Pour ma part j'utilise...
IDE : WebStorm
Navigateur principal : Firefox
Modules Firefox : Firebug Web Developer Html Validator YSlow/PageSpeed
Découpe : Photoshop/Illustrator CS5
Baraguiné par nbirckel le 13/11/12 à 10h21
nbirckel via Twitter
Merci pour ce concours.

Personnellement j'utilise Aptana lorsque je fais de l'intégration (gestion de projets, versioning, push ftp ,snipplets,... plein de petite choses bien pratiques).

Je testerais sublime text2 un jour sur du projet perso je pense.
Baraguiné par emiliedwt le 13/11/12 à 10h22
emiliedwt sur La Ferme du Web
Intéressant ce bouquin, je le veux !
Moi j'utilise Sublime Text 2, Photoshop pour la découpe et c'est tout !
Je pense me mettre aux frameworks css bientôt mais je n'ai pas encore franchi le cap.
Baraguiné par le 13/11/12 à 10h23
J'utilise quotidiennement Sublime Text 2, less, photoshop.
Baraguiné par le 13/11/12 à 10h23
Super ce concours,

Pour ma part:
IDE : Eclipse
Browser : Firefox ( firebug )
Intégration CSS : Stylizer
Découpe : Photoshop/ Illustrator CS5
Baraguiné par le 13/11/12 à 10h23
Pour l'intégration j'utilise sublime text 2 avec le plugin zencoding :) J'utilise aussi SASS avec compass et je structure mon css en utilisant la méthode décrite ici : http://smacss.com/
Baraguiné par Joce_A_lier le 13/11/12 à 10h24
Joce_A_lier via Twitter
Bon bah je participe également !!
J'utilise NetBeans, Firebug et Photoshop pour mes intégrations.
Baraguiné par JulienITARD le 13/11/12 à 10h25
JulienITARD via Twitter
Sublime Text 2 Firebug Compass Scss et Voilà :)
Baraguiné par chrishrmnn le 13/11/12 à 10h27
chrishrmnn via Twitter
Super ce concours, ce livre se présente comme un "must-have" pour les intégrateurs.
Mes outils au quotidien sont :
- SublimeText 2 (avec divers plugins dont ZenCoding
Baraguiné par Dam62 le 13/11/12 à 10h28
Dam62 sur La Ferme du Web
Pour ma part, j'utilise Sublime Text 2 pour l'intégration avec le preprocesseur Sass (notamment pour la création des sprites CSS et des classes qui vont bien).
Bien évidemment Firefox avec l'incontournable Firebug.
csslint.net pour contrôler tout ça.
Un petit coup de photoshop si besoin.
Baraguiné par fredericXavier le 13/11/12 à 10h29
fredericXavier sur La Ferme du Web
Hello,

Alors en software j'utilise:
- PhpStorm
- Photoshop bien sur
- Chrome ou FF pour leurs outils de débogage (respectivement Inspector ou Firebug)
- Et l'extension Web developer présent également sur FF et Chrome, pour réaliser des intégrations aux pixels près.
- HTML Validator qui n'existe plus sur toutes les versions de FF mais bien pratique pour avoir du code valide W3C.

Sinon pour une bonne intégration, je pars souvent d'un framework CSS, le dernier en date que j'utilise c'est Initializr, template basé en HTML5 et responsive design. Parfait pour une intégration compatible sur tous les navigateurs (ou presque tous ;))

Voila, en espérant avoir donné de bon conseil pour tous les intégrateurs!
Baraguiné par riiico le 13/11/12 à 10h32
riiico sur La Ferme du Web
Hello,

Sympa ce petit concours.
De mon côté, pour l'intégration, je reste fidèle aux vénérables CSSEdit et Textmate acompagné de son plugin Zen coding.

Bonne journée !
Baraguiné par ycostes le 13/11/12 à 10h32
ycostes via Twitter
Ce bouquin me fait de l??il depuis une semaine. #Need !
Mes outils d'intégration : SublimeText2, typekit, reset Meyer, validateur, jquery, spip.
Baraguiné par diablobros le 13/11/12 à 10h33
diablobros sur La Ferme du Web
Rien ne vaudra jamais un bon vieux Dreamweaver ^^ bientot 10ans que je l'utilise et ca reste un must d'intégration web ^^
accoupler a Adobe Widget Browser , pour y integré des scripts sur base de jQuery , plus quelques trouvaille de La Ferme du Web et le tour et jouer ;)
Baraguiné par le 13/11/12 à 10h34
J'utilise personnellement, pour l'édition et la mise en ligne:
- Coda sur mon mac du boulot
- Aptana Studio sur mon PC
- parfois Sublime Text 2 lors d'éditions rapides

Débugage avec Chrome et Firefox

Pour le design (enfin le peu que je fais)
- GIMP
Baraguiné par Jazz009 le 13/11/12 à 10h35
Jazz009 via Twitter
Bonjour, merci de proposer ce concours.
Pour l?intégration j'utilise Sublime text 2 avec le module zenCoding, Chrome pour les tests grâce à "developer tools", photoshop CS5 pour le découpage des maquettes.
Depuis peu je m?intéresse a LESS css qui ouvre de nouvelles possibilités...
Bonne chance à tous.
Baraguiné par thomasgeisen le 13/11/12 à 10h39
thomasgeisen via Twitter
Intégration CSS : Je pars généralement d'un petit framework CSS
Navigateur : Firefox ( firebug ), Google Chrome (Inspecteur d'élément) et quelques plugins bien utiles (clear cache, windows resizer, ect)
Découpe : Photoshop/ Illustrator CS5
Editeur de texte : Coda 2, associé à Transmit ça reste agréable pour coder sur mac :)
Baraguiné par kunu31 le 13/11/12 à 10h45
kunu31 via Twitter
Pour ma part, j'utilise netbeans avec l'extension zencoding. Pour les tests, Firefox avec diverse modules (firebug, web developer et IE Tab Plus pour la compatibilité IE).
Baraguiné par arnaudb le 13/11/12 à 10h45
arnaudb sur La Ferme du Web
Oh, un concours :)
alors, Notepad pour moi (Eclipse de temps à autre), la console développeur de Firefox
Baraguiné par elRoro le 13/11/12 à 10h47
elRoro sur La Ferme du Web
Bonjour je participe aussi ! J'utilise Visual Studio 2010 (pour l'ASP .NET) et les outils de développement fournis par les navigateurs (Firebug par exemple).
Baraguiné par exootia le 13/11/12 à 10h48
exootia via Twitter
Je tente également ma chance. Perso je travail avec Aptana ou SublimeText2 et la suite CS6.
Baraguiné par briceatwork le 13/11/12 à 10h50
briceatwork via Twitter
Excellente idée que ce concours. Pour ma part j'utilise l'IDE PHPStorm, vim, Bootstrap et Less pour les frameworks CSS.
Baraguiné par deuxb_ le 13/11/12 à 10h51
deuxb_ via Twitter
En ce qui me concerne :
- Découpe sur Photoshop
- Développement sur NetBeans plugin Zencoding
- Quelques générateurs CSS3 pour les border radius / box shadow etc..
- Pour les designs responsive je teste avec le bookmarklet http://lab.maltewassermann.com/viewport-resizer/
Baraguiné par nicomister le 13/11/12 à 10h52
nicomister sur La Ferme du Web
Pour l'intégration, j'utilise photoshop, netbeans, sublime-text 2 et firebug et Web developer côté navigateur.
Twitter bootstrap pour la grid.
Baraguiné par diablobros le 13/11/12 à 10h53
diablobros sur La Ferme du Web
Vous pourrez effacer ce message ^^ c'est juste pour dire que je n'arrive pas a changer de page pour les commentaire, il y a un soucie avec le liens des pages ?! bizarre !?
Baraguiné par nico6433 le 13/11/12 à 10h53
nico6433 sur La Ferme du Web
Il a l'air pas mal du tout ce bouquin :) Je participe !

Pour ma part, j'utilise quotidiennement :
- Notepad avec le plugin ZenCoding. Je teste également SublimeText2 mais il me manque pour le moment un plugin FTP efficace
- Photoshop pour le découpage des maquettes
- Chrome comme navigateur principal avec la barre d'outils Web Developper
- je vais pas tarder à tester Less je pense..

Voilà ! A moi le livre !! :)
Baraguiné par le 13/11/12 à 10h53
je participe aussi
IDE : phpStorm
CSS : simpLess
Navigateur principal : Google Chrome
Modules Chrome: Developper tools
Découpe : Photoshop
Baraguiné par lenny le 13/11/12 à 10h54
lenny sur La Ferme du Web
Chrome Coda PhotoShop
Baraguiné par Shadow le 13/11/12 à 10h54
Shadow sur La Ferme du Web
Je participe ! :)
Pour le maquettage et découpage des images :
- Photoshop
Intégration :
- Framework Css Foundation
- JQuery et/ou AngularJS
- Inspécteur de code Chrome
- Le tout sous Sublime Text 2 (avec extension ZenCoding)
Baraguiné par _ingridsc_ le 13/11/12 à 10h55
_ingridsc_ via Twitter
Pour ma part:
- Sublime Text 2 ZenCoding
- Photoshop
- Chrome
Baraguiné par Freyskeyd le 13/11/12 à 10h55
Freyskeyd via Twitter
Je travail avec Eclipse/webdeveloper/firebug...

et j'ai besoin de ce livre! :)
Baraguiné par phobos le 13/11/12 à 10h57
phobos sur La Ferme du Web
IDE : Dreamweaver
Navigateur principal : Firefox
Modules Firefox : Firebug, Web Developer, Html Validator
Découpe : Fireworks/Photoshop CS5
Baraguiné par seb_sept le 13/11/12 à 10h57
seb_sept via Twitter
Et bien moi je ne fais souvent d'intégration, suis dev backend principalement, c'est pourquoi ce livre me serait bien utile.
Pour répondre a la question, mes outils ? Netbeans / les outils de dev intégrés a Firefox) / Sass / un framework css responsive.
Allez hop je gagne !
Baraguiné par linksix le 13/11/12 à 10h57
linksix via Twitter
Vim pour l'édition, Gimp les retouches, puis Firefox/Firebug... Avec cet attirail, on dirait que j'suis grillé : oui, je ne suis pas intégrateur :)
Baraguiné par Mretailleau le 13/11/12 à 10h59
Mretailleau via Twitter
Pour ma part j'utilise :
Notepad , Sublime Text 2
Firefox
Firebug Web Developer Html
Photoshop CS5
Baraguiné par philouelgeek le 13/11/12 à 11h00
philouelgeek sur La Ferme du Web
Je tente ma chance :)
J'utilise Sublime Text 2 et Firefox (avec firebug)
Baraguiné par Amblonyx24 le 13/11/12 à 11h02
Amblonyx24 via Twitter
Merci pour cet article !

Personnellement, j'utilise Notepad , firefox (avec Firebug, headingsmap et fireshot) et bien évidement photoshop.
Baraguiné par developpeurios le 13/11/12 à 11h04
developpeurios sur La Ferme du Web
Étant développeur front, voici mes outils :
- Découpage : Photoshop, Illustrator (dans certains cas)
- IDE : Sublime Text 2
- Outils : Charles proxy, firebug, SASS/Compass (selon maquette)
- Navigateurs : ie7 , Firefox, Chrome, Safari, Opéra
Baraguiné par jdecool le 13/11/12 à 11h04
jdecool via Twitter
Tout dépend de la taille du projet...
Pour une petite intégration Sublime Text ou même Notepad sont largement suffisant...

Pour des projets un peu plus conséquent, une bon IDE :) Développemant en PHP, j'utilise PHPDesigner et PHPStorm.
Baraguiné par Mofo le 13/11/12 à 11h08
Mofo sur La Ferme du Web
PsPad, Firebug et Photoshop.

Merci
Baraguiné par Uncoindpixel le 13/11/12 à 11h10
Uncoindpixel via Twitter
Je participe :) Merci

Pour ma part :

Découpe : Photoshop
Inté : Dreamweaver
Baraguiné par spaceshipone le 13/11/12 à 11h11
spaceshipone sur La Ferme du Web
Je participe, merci pour le concours.
J'utilise Photoshop, Dreamweaver/notepad et selon le navigateur firebug ou équivalent.
Baraguiné par pierre_tl le 13/11/12 à 11h13
pierre_tl via Twitter
Tentons la chance...

Photoshop pour la découpe
Coda pour l'intégration,
Firefox avec FireBug/web developer et Opera Dragonfly,
De plus en plus le mini framework Knacss
Baraguiné par le 13/11/12 à 11h36
Je participe :)
Baraguiné par le 13/11/12 à 11h41
Bonjour,
J'utilise
IDE : eclipse
Debug Xdebug ou autre selon le language
Firefox Firebug pour débugguer et travailler mes styles
Baraguiné par cooljazz le 13/11/12 à 11h42
cooljazz sur La Ferme du Web
Pour ma part :
- Netbeans
- Firebug
- Photoshop
Baraguiné par schweb le 13/11/12 à 11h47
schweb sur La Ferme du Web
Hello
Pour ma part j'utilise photoshop, fireworks, notepad , chrome inspector...
Merci pour ce concours :)
Baraguiné par pinprenelle le 13/11/12 à 11h55
pinprenelle sur La Ferme du Web
Bonjour tout le monde

Il semblerait que je sois un peu en marge des précédentes réponses ^^
découpe => Photoshop CS4
intégration => PSPad ( Filezilla)
navigateurs => IE 7 et 8, Firefox et Chrome
outils => Firebug Web developper et jsfiddle.net si j'utilise du javascript

Voilou, bonne journée ;)
Baraguiné par Kaaly le 13/11/12 à 12h00
Kaaly sur La Ferme du Web
De même,

utilisation de Notepad, Photoshop et Chrome !
Baraguiné par montesq_ le 13/11/12 à 12h03
montesq_ via Twitter
J'ai découvert récemment webstorm.
Baraguiné par MaMouT le 13/11/12 à 12h05
MaMouT sur La Ferme du Web
Perso, c'est :
- Sublime Text 2 et anciennement eclipse (mais ST2 est vraiment bien je trouve)
- Firefox avec firebug
- Photoshop pour la partie graphique
Bonne chance à tous (mais surtout à moi ;) )
Baraguiné par le 13/11/12 à 12h11
salut
un pour moi aussi
meci
Baraguiné par ptitdoss le 13/11/12 à 12h17
ptitdoss via Twitter
Etant webdesigner dans l'âme, j'utilise :

- Graphisme : Photoshop, Illustrator
- IDE : Sublime Text 2 pour DEV et dreamweaver pour les tableaux (newsletter)
- Outils : firebug, Knacss, Module js Resizer Chrome
- Navigateurs : Firefox, Chrome, Safari, Opéra
Baraguiné par spelletier le 13/11/12 à 12h29
spelletier sur La Ferme du Web
Pour ma part, je commence à utiliser Bootstrap, et ça donne ceci :
www.spelletier.fr
Baraguiné par damsfx le 13/11/12 à 12h32
damsfx sur La Ferme du Web
GRAPH : Photoshop/illustrator (pas le choix ... je connais pas une agence com'/print qui travaille avec autre chose)
IDE : Sublime Text 2 plugin sFTP Emmet qq packages sauce perso (comment je faisais avant ??)
CSS : Less
RENDU : FF (qq plugins pour déboguer au quotidien) / Chrome / Opera / Opéra Mobile Emulator (avec dragon fly pour déboguer les apps mobiles)

Merci pour ce concours et de manière générale pour les billets de la ferme et la veille techno (des rdv quotidiens incontournables ) !!
Baraguiné par SophieStickay le 13/11/12 à 12h34
SophieStickay via Twitter
A mon tour !

Voici mes outils :
- Smultron (Mac)
- Aptana (de temps en temps)
- Firebug

Bonne journée à tous !
Baraguiné par selinav le 13/11/12 à 12h39
selinav sur La Ferme du Web
Bonjour
Pour ma part j'utilise...
IDE : Dreamweaver / Eclipse / Notepad
Navigateur principal : Firefox puis Chrome
Modules Firefox : Firebug, Web Developer, Colorzilla,
Découpe : Photoshop / Illustrator
Baraguiné par geeklette le 13/11/12 à 12h58
geeklette sur La Ferme du Web
bonjour
Mes deux outils principaux : TextPad (je suis de la vieille école) et FileZilla pour transférer les fichiers
Je fais surtout des modifications de page Wordpress, donc pas besoin de forcément plus :)
merci à vous pour le concours.
Tweet rédigé aussi : https://twitter.com/BlogGeekLette/status/268321295610032128
Baraguiné par borbo le 13/11/12 à 13h17
borbo sur La Ferme du Web
Je suis développeur web freelance et à part le design je m'occupe de "tout le reste". Mais réellement et contractuellement je développe et j'intègre. Mes outils se limite à :
IDE : Netbeans
Test : Firebug - Web developer
Framework : aucun pour le moment mais bien bientot LESS
Baraguiné par le 13/11/12 à 13h29
Sublime Text 2 et Photoshop
Baraguiné par ddami1 le 13/11/12 à 13h30
ddami1 sur La Ferme du Web
Pour l'intégration, j'utilise Dreamweaver.
Et pour les maquettes/découpes c'est Photoshop.
Baraguiné par le 13/11/12 à 13h32
Bonjour
Pour ma part j'utilise...
IDE : Netbeans / Notepad
Navigateur : Chrome, Firefox
Extensions : Firebug, Page load time, colorPicker,
Découpe : Photoshop
Baraguiné par Domi le 13/11/12 à 13h35
Domi sur La Ferme du Web
Notepad
Quelquefois Netbeans
( et coucou en passant à l'animateur de la ferme du web qui déniche souvent des trucs intéressants )
Baraguiné par clowniseb le 13/11/12 à 13h37
clowniseb via Twitter
sublime text 2 bien sûr mais je m'intéresse de plus en plus à Adobe Edge Code pour certains projets basiques.
Baraguiné par le 13/11/12 à 13h43
Sublime text2 La console Chrome pour ma part
il a l'air vraiment sympas le livre ;)
Baraguiné par le 13/11/12 à 13h44
Mes outils d'intégration quotidiens :
Adobe Fireworks, Adobe Dreamweaver en mode code bien sûr, Firebug et un beau reset.css!
Baraguiné par le 13/11/12 à 13h45
Fireworks, Dreamweaver ou Notepad , Firebug et un beau reset.css!
Baraguiné par dovitch le 13/11/12 à 13h47
dovitch sur La Ferme du Web
Moi aussi, moi aussi!:
IDE => sublime text 2
Browser => essentiellement Firefox avant les vérifications cross-browser, avec Firebug, il n'y a que ça de vrai! ( IE tester)
Découpe => Photoshop
Baraguiné par le 13/11/12 à 14h21
J'utilise beaucoup d'outil et framework. SublimeText 2 comme editeur, Codekit (a la maison comme compilateur less et reload automatique), LiveReload a la job, Photoshop bien sur, Git, Chrome, codeigniter, bootstrap etc... ! :)
Baraguiné par le 13/11/12 à 14h21
Super le concour !

Alors moi j'utilise notepad et Stylizer(pour les css) pour l'intégration
Baraguiné par tmos le 13/11/12 à 14h40
tmos sur La Ferme du Web
Super concours !
Pour moi : Photoshop pour l'aspect graphique, parfois Illustrator mais plus rarement.
Pour le code : sublime text 2
Pour les tests : l'outil inspection de firefox qui me suffit largement :)
Baraguiné par Toam le 13/11/12 à 14h41
Toam sur La Ferme du Web
Pour ma part :
Coda pour le code et The Gimp pour ce qui est graphisme !
Baraguiné par Jv1i3n le 13/11/12 à 14h56
Jv1i3n via Twitter
Je participe aussi :)
Pour l'intégration j'utilise Eclipse couplé à un bon firebug
Pour la découpe : Photoshop
Test : Safari/chrome/firefox et plusieurs machines virtuelles pour els ie.
Baraguiné par AngelineDufief le 13/11/12 à 15h00
AngelineDufief via Twitter
Sympa ces livres! Je participe!

Pour toute le travail, je passe par Photoshop, Notepad et firebug.
Baraguiné par devock le 13/11/12 à 15h15
devock sur La Ferme du Web
- Photoshop
- Notepad
- La boite à couleur
- Firebug
- Plusieurs navigateurs
- Un reset CSS
Baraguiné par fbwebm le 13/11/12 à 15h18
fbwebm sur La Ferme du Web
Bonjour, alors pour moi:
Notepad pour windows.
Navigateur: mozilla et IE 7-10 pour la comptabilité site
Debug: Mozilla et module firebug et html validator
Css: Stylizer
Découpe : Gimp
Baraguiné par BenoitTalbot le 13/11/12 à 15h29
BenoitTalbot via Twitter
Pour l'intégration Netbeans fireBug ietester pour les compatibilités et enfin les validateurs W3C (parfois).

bon jeux à tous et bon livre à lire :)
Baraguiné par HuuDuc le 13/11/12 à 15h57
HuuDuc sur La Ferme du Web
Je participe aussi :)

IDE : Netbeans
Browser : Opera
Debug : celui d'Opera
Découpe : Gimp
Baraguiné par Mousse31770 le 13/11/12 à 16h11
Mousse31770 sur La Ferme du Web
Pour mes intégrations web, j'utilise :
- Photoshop pour créer et exporter mon design
- Sublime Text 2 pour coder rapidement html css php js ...
- Firebug pour faciliter l'intégration
- Google web font pour utiliser facilement des polices spéciales
Baraguiné par ltexley le 13/11/12 à 16h43
ltexley sur La Ferme du Web
Pour ma part voici mes outils au quotidien :
- Notepad et PSpad
- Eclipse
- Photoshop
- Navigateurs principal : Firefox firebug
- Utilisation du Twitter bootstrap pour compatibilté supports mobiles
- Bientôt un super livre pour mieux coder ;-)
Baraguiné par jabberwock le 13/11/12 à 16h43
jabberwock sur La Ferme du Web
Pour mes intégrations web, j'utilise :
- Eclipse pour le développement
- Firefox et Firebug pour faciliter l'intégration et modifier si besoin en live le CSS pour le valider avant réinpact sous Eclipse
- Gimp pour le design et la découpe (enfin j'essaye de me débrouiller avec. Généralement c'est pas moi qui m'en charge).
Baraguiné par _Fab1_ le 13/11/12 à 16h45
_Fab1_ via Twitter
J'utilise Sublime Texte et Chrome (Avec debuger)
Baraguiné par ink1 le 13/11/12 à 16h46
ink1 sur La Ferme du Web
Hello en ce qui me concerne j'utilise
- Photoshop
- Komodo edit ou Sublime Text 2
- Firebug
- Quelques sites (merci la ferme du web pour les liens) pour le responsive
Baraguiné par rivsc57 le 13/11/12 à 17h15
rivsc57 via Twitter
Pour l'intégration j'utilise sublimeText2 pour du html/css exclusif sinon RubyMine avec RubyOnRails.

Et évidemment Chrome avec le module pendule (colorpicker, resize window, etc).
Baraguiné par tioutiou le 13/11/12 à 17h56
tioutiou sur La Ferme du Web
Excellent !
Alors pour intégrer, tout bêtement, Photoshop pour extraire les éléments graphiques et puis sublime texte ou Espresso (selon mon humeur) pour intégrer. Et puis je me sers du debugger de chrome. Merci la ferme du web ;)
Baraguiné par Kinoko le 13/11/12 à 20h01
Kinoko sur La Ferme du Web
Merci pour ce concours !

Pour ma part j'utilise notepad , parfois netbeans et komodo pour le code. Sinon pour la découpe photoshop et pour les tests je switch entre les navigateurs.
Baraguiné par Hantse le 13/11/12 à 20h21
Hantse sur La Ferme du Web
Sympa ! Je tente :)
Baraguiné par theotix le 13/11/12 à 20h22
theotix via Twitter
Hm moi je tourne sous Debian, j'utilise Gimp 2.8 et SublimeText-2. Voilà voilà, sinon super concours :)
Baraguiné par zoom61 le 13/11/12 à 20h33
zoom61 sur La Ferme du Web
Je tente ma chance...
Baraguiné par Eric-R le 13/11/12 à 21h44
Eric-R sur La Ferme du Web
Pour moi : Eclipse / SublimeText, Firebug, FireFinder, Web Developer, Operator, Source Viewer Tab, PrtScr
Baraguiné par webaide le 13/11/12 à 21h56
webaide sur La Ferme du Web
J'utlise netbeans, firefox et firebug.
je tourne avec des VM pour tester sur tous les navigateurs.
Baraguiné par BenoistL le 13/11/12 à 22h12
BenoistL via Twitter
Ouais ... de la lecture :)
J'utilise Notepad , Photoshop, Chrome pour debugger
Baraguiné par Yuston le 13/11/12 à 23h16
Yuston via Twitter
Coucou,

C'est très simple moi.
- Notepad
- IETester, Opera, Chrome, Firefox
- GIMP
Baraguiné par le 14/11/12 à 00h03
bonsoir et merci pour ce concours
ce livre serait trés trés trés utile pour moi et un ami on se lance pour crééer un site web et on adores on lit tout les conseils un peu à droite à gauche
alors jvous dit pas à tel point il est le bienvenue ici
alors pour moi cest découpe photoshop sans aucun doute
IDE : Netbeans / Notepad
Navigateur : Firefox
Extensions : Firebug
merci et bonne soirée
Baraguiné par Nath le 14/11/12 à 05h26
Nath sur La Ferme du Web
Encore une belle ressource !

Pour moi c'est :
ZendStudio (éclipse amélioré),
Gimp (linux oblige),
Firefox Firebug (forcément)
Et en framework css, je vient de découvrir knacss d'Alsacréations, que je trouve très intéressant.
Baraguiné par nanodemars le 14/11/12 à 06h49
nanodemars sur La Ferme du Web
Allez je tente ma chance ...
NetBeans, Photoshop et Chrome Inspector.
Bonne chance à tous et surtout à moi !
Baraguiné par Antonin le 14/11/12 à 06h49
Antonin sur La Ferme du Web
bonjour, c'est libre m'ont la air intéressant ;-)
Découpe : Photoshop
Css : dreamweaver
Html/php : aptana 2
FTP : filezilla
Debugage : safari
Contrôle multi navigateur ff, ie, chrome sur OS X et Windows. Parfois avec browserlab de adobe.
Bonne journée
Baraguiné par MlleMarionBou le 14/11/12 à 07h50
MlleMarionBou via Twitter
Ce livre a l'air très intéressant,
éditeur de texte: Textmate
sur ipad: textedit
Baraguiné par lolopopo le 14/11/12 à 09h08
lolopopo sur La Ferme du Web
Encore un concours: Cool!!!
je tente ma chance. :)
Pour ma part j'utilise essentiellement eclipse pdt, notepad et pspad pour les éditeurs, firefox pour le dev avec firedebug et Web developer, Gimp pour les images gimp et pour le debug Chrome, Opera, Safari, Maxthon et Utilu IE Collection pour les différents IE.
Bonne journée.

PS: j'en profite ici : Merci pour toutes ces news
Baraguiné par tsunamichups le 14/11/12 à 09h13
tsunamichups sur La Ferme du Web
Perso c'est notepad / netbean voir dreamweaver (je suis pas trop fan)
Photoshop
et firefox, ie ie tester pour les vielle versions
Baraguiné par le 14/11/12 à 09h25
Pour une intégration réussi, dans un premier temps, avec Photoshop tu créera... et découpera bien évidemment !
Le sprite (pas la boisson) tu abusera ! ... Un petit coca, boire tu pourra !
Puis, afin de parfaire ton style, Netbeans tu useras... avec un Framework CSS tu t?affranchiras... et le LESS, parfois tu utiliseras !
Plein d'outils à ta disposition tu trouveras (Outils d'inspection, Firebug...) et sur des navigateurs récalcitrants tu tomberas (On a tous deviné que je parlais d'IE)
Pour finir, avec W3C validator, tu valideras ! ... Et ensuite, à ton développeur tu balanceras :) et le développement, il fera ! ... Ensuite, avec le livre "Intégration web, les bonnes pratiques" offert par la Fermaaa du Webaaa tu t'amélioreras ... Allez zou' ! Bonne journée à tous :)
Baraguiné par cameleon le 14/11/12 à 09h35
cameleon sur La Ferme du Web
Notepad sur windows.
Pour le debug : firebug
Bonne chance à tous
Baraguiné par MarvinLeRouge le 14/11/12 à 09h41
MarvinLeRouge sur La Ferme du Web
Je participe :
J'ai tenté Netbeans et Aptana, et je suis passé à SublimeText 2 pour sa vitesse d'utilisation, et ses fonctions super-utiles (genre sélectionner toutes les occurrences d'un terme et les préfixer/postfixer/remplacer toutes, navigation entre les fichiers, preview fichier) et ses plugins (genre zencoding, csscomb et alignment). Et la vitesse d'exécution n'a aucun rapport.
Pour le browser : Firefox, avec le grand firebug et la web dev toolbar
Baraguiné par Yorel le 14/11/12 à 09h46
Yorel sur La Ferme du Web
J'utilise Sublime Text 2, comme beaucoup d'autres.

Ajoutez à cela quelques plugins de gestion et réduction de jS, zenCoding, et deux ou trois macros persos... C'est un excellent outil!

Pour le coté graphique, Photoshop CS5/Gimp selon la plateforme utilisée, mais je garde une nette préférence pour Photoshop...

Adobe Edge Inspect pour les tests sur plateforme mobile, un autre excellent outil de debug.

Pour finir Chrome et sa superbe console pour les test en temps réel :)

Bonne journée à tous et bonne chance pour le concours !
Baraguiné par rlapeze le 14/11/12 à 09h54
rlapeze sur La Ferme du Web
Bonjour tous le monde,

Le livre m'intéresse également. Personnellement, j'utilise Notepad pour la rédaction du code, Photoshop et gimp pour la retouche d'image, la debugbar de firefox pour la correction des bug et quelque checklist pour m'assurer de bien faire mon travail.

Bien à vous,
Baraguiné par MoOx le 14/11/12 à 10h03
MoOx via Twitter
Personnellement, je code avec SublimeText 2 et un paquet de packages.
J'ouvre de moins en mois Photoshop.
Pour les CSS, moi c'est Sass Compass et Livereload afin d'avoir les feuilles de style rechargés automatiquement.
Pour les JS, j'utilise RequireJS et son optimizer.
Depuis peu j'utilise Grunt.js pour géré tout ça avec une simple ligne de commande.
Baraguiné par ChloeBeghin le 14/11/12 à 10h03
ChloeBeghin sur La Ferme du Web
Ce livre à l'air vraiment très instructif. À avoir sous la main !

J'utilise beaucoup FireBug, Opquast Desktop, WebDeveloper et validateurs HTML/CSS.
Baraguiné par AtBen le 14/11/12 à 10h55
AtBen via Twitter
Pour mon travail d'intégrateur, j'utilise :
- Coda 2 Plugin ZenCoding (code)
- Photoshop CS6 Plugin Cut
Baraguiné par WilliamVercken le 14/11/12 à 10h58
WilliamVercken via Twitter
Dreamweaver ! (sans utiliser le Wysiwyg bien entendu :p)
F12 (Firefox, Chrome et IE9)
Photoshop
Baraguiné par nicolasmarey le 14/11/12 à 11h00
nicolasmarey via Twitter
Découpage : Photoshop
Intégration : Dreamweaver
Extension Firefox : HTML Validator , Web Developer Toolbar, Firebug, Yslow
IETester, Safari, Chrome, Opera, Internet Explorer
responsinator.com

Merci pour le concours, bonne chance à tous !
Baraguiné par roundge le 14/11/12 à 11h20
roundge sur La Ferme du Web
Bien bien bien !
Je participe avec joie !

Bonjour à tous et vive l'ère du web ! ;)
Baraguiné par Baptouuuu le 14/11/12 à 12h05
Baptouuuu sur La Ferme du Web
Pas un intégrateur de base mais cherche à me former donc un livre comme ça serait pas mal.

Concernant mes outils:
Espresso (éditeur de texte),
Chrome developer tools,
Page Speed

Et bientôt sass, pour le prochain projet.
Baraguiné par ArmandPhilippot le 14/11/12 à 12h15
ArmandPhilippot via Twitter
Merci pour ce concours, un livre qui a l'air fort intéressant !

De mon côté j'utilise,
Découpage : Photoshop
Codage : Notepad
Extensions Firefox : Web Developer Toolbar, Firebug, ColorZilla, MeasureIt
Autres outils : GTmetrix/Pingdom Tools
Baraguiné par eozim le 14/11/12 à 13h33
eozim via Twitter
Pareil, je tente, ce livre à l'air sympa!
Baraguiné par Tombek le 14/11/12 à 14h28
Tombek via Twitter
Sublime Text 2 avec Emmet, SASS et Compass, Photoshop bien entendu et Chrome pour le rendu principal :3
Baraguiné par Rurik le 14/11/12 à 16h16
Rurik sur La Ferme du Web
Un livre sans doute très intéressant.

IDE : SublimeText2
Browser : Firefox ( Plugin : firebug YSlow fireFTP | Web tool : spritecow)
Découpe : Photoshop CS5
Framework CSS : Twitter bootstrap
JS : Jquery
Baraguiné par ashenki le 14/11/12 à 17h41
ashenki via Twitter
A mon tour de participer
Editeur PC : SublimeText2
Editeur MAC : Coda 2
Navigateur : FIreFox
Baraguiné par Melusine29 le 14/11/12 à 18h41
Melusine29 via Twitter
Je participe ^^
Pour le découpage des maquettes j'utilise Photoshop et pour l'intégration, Coda et Firebug.
Baraguiné par Tef le 14/11/12 à 19h38
Tef sur La Ferme du Web
Je participe également si ce n'est pas trop tard :)
Je suis sur Mac. J'utilise Coda pour l'éditeur mais plusieurs navigateurs (Chrome, Firefox, Chrome et IE9/8/7 sur un serveur en Remote). Pourquoi plusieurs browsers ? Parce que je me dois d'assurer à tous les clients une compatibilité ;)
Ha et j'oubliais, j'utilise Zencoding et enfin scss couplé avec Livereload :)

Merci !
Baraguiné par le 14/11/12 à 19h47
Notepad et photoshop.
Baraguiné par le 14/11/12 à 20h43
Je participe aussi,
Développeur indépendant
Editeurs : NetBeans / Gimp / FlashDevelop
Baraguiné par alecsy le 14/11/12 à 22h58
alecsy sur La Ferme du Web
Salut,

Pour ma part c'est Notepad et PS :)
Baraguiné par huma_concept le 15/11/12 à 06h51
huma_concept via Twitter
Merci pour le concours !
Pour ma part c'est Sublime 2, firebug et photoshop mes outils au quotidien ^^
Baraguiné par geo456 le 15/11/12 à 09h14
geo456 sur La Ferme du Web
Bonjour, en ce qui me concerne c'est plutôt Notepad ou Netbeans pour l'integration HTML, Firebug, un brin de Photoshop, et une panoplie de browsers dont IETester pour tester toutes les versions d'IE.
Baraguiné par rbaonville le 15/11/12 à 10h03
rbaonville via Twitter
Personnellement, j'utilise SublimeText 2 et NotePad quand je suis sur pc
Baraguiné par le 15/11/12 à 17h07
bonsoir et merci pour ce chouette concours, jeparticipe egalement!
pour ma part j'utilise photoshop

bonne journée
Baraguiné par quentinG12 le 15/11/12 à 17h17
quentinG12 sur La Ferme du Web
Découpe des maquettes à l'aide de Photoshop à l'aide de macro perso, et au pire avec l'outil tranche. Intégration sur Dreamweaver, création des templates en HTML5, et pour la couche CSS, je me suis mis récemment à LESS, qui permet un gain de temps et une clarté dans les feuilles de styles non négligeables. Test sur Firefox avec le célèbre Firebug, ainsi que sur mobile sur HTC one ...
Baraguiné par le 15/11/12 à 21h51
J'arrive un peu tard.
Je suis sous Mac et utilise Fraise ou Eclipse comme éditeur, Firefox, Firebug, Gimp pour le découpage de Maquette et FileZilla pour la mise en ligne.
Baraguiné par edeiller le 16/11/12 à 03h44
edeiller via Twitter
Bonsoir,

alors personnellement pour le Dev-Front j'utilise des outils matériel et logiciels qui me semblent nécessaires pour bien travailler :

** côté matériel :
- il faut 2 écrans un pour la prévisualisation ou toshop et un autre pour coder, idéalement 2 écrans identiques pour ne pas se fatiguer les yeux, perso je préfère le 27" led iiyama (24" minimum).
Il vous faut un pc assez puissant pour gérer les PSD à traiter, le chargement de votre IDE, le server local LAMP et des différents navigateurs de test.
Bien sûr un bon clavier à l'épreuve du burning code et une souris optique à haute résolution (question de rapidité).
Un bon kit son ou casque pour coder en musique :D, un bon fauteuil ergonomique et une machine à café.

** côté logiciel :
- un petit photoshop pour les découpes des images
- puis pour le jpg une passe dans firework pour l'optimisation les images sont bcp moins lourdes et le même rendu côté quali

- une base de html boiler template from scratch
- ensuite édition du code html/css/js avec notepad coloration syntaxique de base
- parfois pour les gros projet où je dois taper dans du framework zend / symphony / diem ou drupal j'utilise netbeans, très utile surtout quand on veux chercher une occurrence dans tous les fichiers du projet sans savoir quel fichier cibler

- puis tests et débogue sous firefox firebug parfois chrome avec l'Inspector et quelques fois IE (et oui) avec IE Developer bar
on check que tout s'affiche et fonctionne correctement suivant les navigateurs cible spécifiés dans le brief projet

- pour les site sur mobile et tablette chrome Inspector est pas mal pour simuler les devices avec l'override sinon il y a quelques site en ligne qui permettent de tester suivant les différentes résolutions et orientations

- généralement j'essaye d'optimiser les chargements css et js, minification
Baraguiné par edeiller le 16/11/12 à 03h46
edeiller via Twitter
...la suite...
- généralement j'essaye d'optimiser les chargements css et js, minification
Baraguiné par edeiller le 16/11/12 à 03h47
edeiller via Twitter
mise en cache des ressources gzip etc..
le htacces des kits boiler template sont excellent pour ça !

Bien sûr le tout est comité régulièrement sur SVN via Tortoise ou plugin sous Aptana ou Eclipse.

Les tests sont fait en local sur un server LAMP puis en live via ftp sur server de Preprod.

Toutes les demandes et retours à traiter sont gérés via Trac.

Pour finir quand le projet est validé on passe en PROD via un système de TAG SVN ^^

voilà enJoy
Baraguiné par sebflorent le 16/11/12 à 08h36
sebflorent sur La Ferme du Web
Merci pour cette présentation !

Pour l'intégration j'utilise actuellement Visual studio 2012 pour le .net
Sinon Sublime Text 2. Le tout associé à Firebug, Photoshop et le W3C validator !
Baraguiné par Helios le 16/11/12 à 11h13
Helios sur La Ferme du Web
Pas trop d'intégration à réaliser au quotidien, mais quand j'en fait je m'appuie sur les auto-complétion d'IDE (Netbeans généralement) pour le code et Firebug dans Firefox pour des ajustements en live, que je reporte dans le code.

J'ai touché un peu à Twitter Bootstrap et j'utiliserais ce genre de Framework pour mes futurs développements "from scratch", pour la facilité de gestion des colonnes notamment et la mise en page (interlignes,...) plus propre, de même que je m'appuierais plus sur SASS ou LessCSS à l'avenir, quand possible.
Baraguiné par Serge-Labonte le 22/11/12 à 19h02
Serge-Labonte sur La Ferme du Web
J'utilise surtout Firebug sur 30% de ma journée. J'aime bien aussi Adobe Shadow jumelé à Chrome pour le dévelopement de pages sur les différentes tablettes. Photoshop pour le graphisme. Le bin vieux Notepadd pour le code html et CSS et Zend studio pour le php backend.
Baraguiné par menage-poly le 25/11/12 à 00h23
menage-poly sur La Ferme du Web
je susi dans le domaine d'entretien menager, je trouve que le livre est interessant
mon site est www.menage-poly.com
Baraguiné par WilliamVercken le 25/11/12 à 15h36
WilliamVercken via Twitter
Dreamweaver, Photoshop et Chrome !

Ajouter un Commentaire

Pour poster un commentaire, vous devez être identifié. Vous pouvez choisir parmi ces trois méthodes d'identification:

Compte la Ferme du Web

Identifiez-vous
Inscrivez-vous

Compte Facebook

Connexion avec Facebook

Compte Twitter

Connexion avec votre compte twitter
Rechercher sur la Ferme du web