Tuto application Facebook

Créer une application Facebook de A à Z en PHP. API Facebook, viralité, monétisation ...

Tuto Symfony2

A travers le projet WatchMyDesk, apprenez à maîtriser le Framework PHP5 Symfony2.

Création site web

Création de sites web, applications Facebook sur mesure, e-commerce, applications iPhone ...

Se
Connecter Créer
un compte

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

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 !

A voir aussi sur le même sujet:

143 Commentaires

css

concours

html5

integration

lecture

Baraguiné par le 13/11/12 à 10h16

Je veux en exemplaire dédicacé !

Baraguiné par Soullivaneuh le 13/11/12 à 10h16

Eh bien ce livre a l'air interessant, je tente ma chance ! :)

Baraguiné par DJo le 13/11/12 à 10h17

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

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

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

Pour l'intégration j'utilise Sublime Text 2, Compass et Photoshop.

Bonne chance à tous ;)

Baraguiné par Rasfelic le 13/11/12 à 10h20

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

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

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

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

Bon bah je participe également !!
J'utilise NetBeans, Firebug et Photoshop pour mes intégrations.

Baraguiné par JulienITARD le 13/11/12 à 10h25

Sublime Text 2 Firebug Compass Scss et Voilà :)

Baraguiné par chrishrmnn le 13/11/12 à 10h27

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

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

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

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

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

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

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

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

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

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

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

Je tente également ma chance. Perso je travail avec Aptana ou SublimeText2 et la suite CS6.

Baraguiné par briceatwork le 13/11/12 à 10h50

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

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

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

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

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

Chrome Coda PhotoShop

Baraguiné par Shadow le 13/11/12 à 10h54

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

Pour ma part:
- Sublime Text 2 ZenCoding
- Photoshop
- Chrome

Baraguiné par Freyskeyd le 13/11/12 à 10h55

Je travail avec Eclipse/webdeveloper/firebug...

et j'ai besoin de ce livre! :)

Baraguiné par phobos le 13/11/12 à 10h57

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

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

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

Pour ma part j'utilise :
Notepad , Sublime Text 2
Firefox
Firebug Web Developer Html
Photoshop CS5

Baraguiné par philouelgeek le 13/11/12 à 11h00

Je tente ma chance :)
J'utilise Sublime Text 2 et Firefox (avec firebug)

Baraguiné par Amblonyx24 le 13/11/12 à 11h02

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

É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

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

PsPad, Firebug et Photoshop.

Merci

Baraguiné par Uncoindpixel le 13/11/12 à 11h10

Je participe :) Merci

Pour ma part :

Découpe : Photoshop
Inté : Dreamweaver

Baraguiné par spaceshipone le 13/11/12 à 11h11

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

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

Pour ma part :
- Netbeans
- Firebug
- Photoshop

Baraguiné par schweb le 13/11/12 à 11h47

Hello
Pour ma part j'utilise photoshop, fireworks, notepad , chrome inspector...
Merci pour ce concours :)

Baraguiné par pinprenelle le 13/11/12 à 11h55

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

De même,

utilisation de Notepad, Photoshop et Chrome !

Baraguiné par montesq_ le 13/11/12 à 12h03

J'ai découvert récemment webstorm.

Baraguiné par MaMouT le 13/11/12 à 12h05

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

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

Pour ma part, je commence à utiliser Bootstrap, et ça donne ceci :
www.spelletier.fr

Baraguiné par damsfx le 13/11/12 à 12h32

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

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

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

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

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

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

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

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

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

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

Pour ma part :
Coda pour le code et The Gimp pour ce qui est graphisme !

Baraguiné par Jv1i3n le 13/11/12 à 14h56

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

Sympa ces livres! Je participe!

Pour toute le travail, je passe par Photoshop, Notepad et firebug.

Baraguiné par devock le 13/11/12 à 15h15

- Photoshop
- Notepad
- La boite à couleur
- Firebug
- Plusieurs navigateurs
- Un reset CSS

Baraguiné par fbwebm le 13/11/12 à 15h18

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

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

Je participe aussi :)

IDE : Netbeans
Browser : Opera
Debug : celui d'Opera
Découpe : Gimp

Baraguiné par Mousse31770 le 13/11/12 à 16h11

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

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

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

J'utilise Sublime Texte et Chrome (Avec debuger)

Baraguiné par ink1 le 13/11/12 à 16h46

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

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

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

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

Sympa ! Je tente :)

Baraguiné par theotix le 13/11/12 à 20h22

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

Je tente ma chance...

Baraguiné par Eric-R le 13/11/12 à 21h44

Pour moi : Eclipse / SublimeText, Firebug, FireFinder, Web Developer, Operator, Source Viewer Tab, PrtScr

Baraguiné par webaide le 13/11/12 à 21h56

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

Ouais ... de la lecture :)
J'utilise Notepad , Photoshop, Chrome pour debugger

Baraguiné par Yuston le 13/11/12 à 23h16

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

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

Allez je tente ma chance ...
NetBeans, Photoshop et Chrome Inspector.
Bonne chance à tous et surtout à moi !

Baraguiné par Antonin le 14/11/12 à 06h49

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

Ce livre a l'air très intéressant,
éditeur de texte: Textmate
sur ipad: textedit

Baraguiné par lolopopo le 14/11/12 à 09h08

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

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

Notepad sur windows.
Pour le debug : firebug
Bonne chance à tous

Baraguiné par MarvinLeRouge le 14/11/12 à 09h41

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

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

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

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

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

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

Dreamweaver ! (sans utiliser le Wysiwyg bien entendu :p)
F12 (Firefox, Chrome et IE9)
Photoshop

Baraguiné par nicolasmarey le 14/11/12 à 11h00

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

Bien bien bien !
Je participe avec joie !

Bonjour à tous et vive l'ère du web ! ;)

Baraguiné par Baptouuuu le 14/11/12 à 12h05

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

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

Pareil, je tente, ce livre à l'air sympa!

Baraguiné par Tombek le 14/11/12 à 14h28

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

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

A mon tour de participer
Editeur PC : SublimeText2
Editeur MAC : Coda 2
Navigateur : FIreFox

Baraguiné par Melusine29 le 14/11/12 à 18h41

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

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

Salut,

Pour ma part c'est Notepad et PS :)

Baraguiné par huma_concept le 15/11/12 à 06h51

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

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

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

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

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

...la suite...
- généralement j'essaye d'optimiser les chargements css et js, minification

Baraguiné par edeiller le 16/11/12 à 03h47

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

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

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

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