Design & Développement web - Le topic des canards qui mangent des cookies

**Anon26492** · 13/02/2013, 22h32

J'imagine que l'IDE c'est génial pour les professionnels qui prennent le temps de le maîtriser.

**Skiant** · 13/02/2013, 22h32

Envoyé par Mdt

C'très bien notepad++.
Jsais bien que les hipsters préfèrent Sublime Text, m'enfin quand j'ai la flemme de booter Linux, Notepad++ c'très bien.

Ouais enfin y'a des méthodes de travail légèrement plus faciles et safes que :
> ouvrir le ftp du client dans filezilla
> click droit > editer dans notepad++
> modifier dans n++, sauver
> tab alt sur filezilla pour cliquer sur "oui" pour l'upload
> tab alt sur le browser pour vérifier la modif

Et Sublime Text tourne très bien sur Windows & Mac aussi. Après, au final, chacun voit midi à sa porte pour ce qui concerne son boulot, mais bon, un bon outil c'est sensé te faciliter la vie, pas la rendre plus pénible.

**Alliante** · 13/02/2013, 22h34

Envoyé par Mdt

C'très bien notepad++.
Jsais bien que les hipsters préfèrent Sublime Text, m'enfin quand j'ai la flemme de booter Linux, Notepad++ c'très bien.

Et Filezilla avec ses mots de passe en clair dans un xml c'est très bien aussi

Tiens je sais pas si vous utilisez Zen Coding mais ce matin le petit filou de Sublime Text me l'a désinstallé sans prévenir

Y a un gentil readme qui indique qu'il faut utiliser Emmet maintenant. C'est assez radical comme méthode

Ah tiens tant que je suis dans Sublime Text j'ai toujours un truc qui m'énerve malgré mes recherches : dans PHP, ASP, HTML, XML, ... j'ai des tab de 4 mais en CSS ou dans certains format comme .module ou .blade il ne respecte pas cela.

C'est où que c'est qui faut configurer ça ? J'ai trifouillé les préférences mais j'ai rien trouvé.

**Anon26492** · 13/02/2013, 22h36

Je n'ai pas parlé de filezilla

M'enfin sous ouindoz y'a putty non ?

**Skiant** · 13/02/2013, 22h44

Envoyé par Tomaka17

Evidemment que les articles sur comment gagner du temps de développement, c'est très bien.
Je remercie grandement les mecs qui m'ont fait découvrir jquery tout au début par exemple.

Mais si on prend ça par exemple :
http://oocss.org/
http://screwlewse.com/2010/07/dont-u...ectors-in-css/
http://fr.slideshare.net/stubbornell...t-oriented-css
... et plein d'autres

Ces gens, c'est typiquement la catégorie "ils passent leur temps à réfléchir comment coder". Si c'était de la politique on dirait qu'ils sont détachés des réalités sociales.

"Oui euh, mais en fait euhhh, si j'écris id="mainMenu" par inadvertance sur ma page contact, euhhh, ben ça va détraquer mon design, t'vois"
Ou encore : "Regarde, non seulement je découple le HTML et le CSS, mais je découple le CSS en différents modules qui viendront s'imbriquer, comme ça si jamais on me demande de coder une grosse feature pas du tout prévue au départ, ça me fera gagner un bon quart d'heure"

Le premier et le dernier lien, c'est Nicole Sullivan qui a bossé, entre autres, chez Facebook et Yahoo.
Je pense qu'elle sait de quoi elle cause quand elle parle de CSS destiné aux énormes webapp.

Après, de la même façon qu'un framework ultra complet ne sera pas adapté à un petit site, des recommandations destinées aux sites gargantuesques peuvent ne pas être adaptés à des sites de trois pages. Tu as encore du mal à intégrer que tout le monde ne se contente pas des sites de trois pages, on dirait.

---------- Post added at 22h43 ---------- Previous post was at 22h39 ----------

Envoyé par Alliante

Et Filezilla avec ses mots de passe en clair dans un xml c'est très bien aussi

Tiens je sais pas si vous utilisez Zen Coding mais ce matin le petit filou de Sublime Text me l'a désinstallé sans prévenir

Y a un gentil readme qui indique qu'il faut utiliser Emmet maintenant. C'est assez radical comme méthode

Ah tiens tant que je suis dans Sublime Text j'ai toujours un truc qui m'énerve malgré mes recherches : dans PHP, ASP, HTML, XML, ... j'ai des tab de 4 mais en CSS ou dans certains format comme .module ou .blade il ne respecte pas cela.

C'est où que c'est qui faut configurer ça ? J'ai trifouillé les préférences mais j'ai rien trouvé.

Settings - More > Syntax specific.
Fichier json de préférences comme tout le reste pour ST.

---------- Post added at 22h44 ---------- Previous post was at 22h43 ----------

Envoyé par Mdt

Je n'ai pas parlé de filezilla

M'enfin sous ouindoz y'a putty non ?

Putty, Mouais.
Perso j'ai préféré git-bash, avec un dotfile pour me faire des alias pour les commandes que j'utilise le plus ou les folders dans lesquels je bosse tout le temps.

**Anon26492** · 13/02/2013, 22h46

Envoyé par Skiant

Putty, Mouais.
Perso j'ai préféré git-bash, avec un dotfile pour me faire des alias pour les commandes que j'utilise le plus ou les folders dans lesquels je bosse tout le temps.

Nan mais osef.
Ce que je veux dire, c'est que c'est pas parce que t'utilises Notepad++ que tu es obligé de gérer ton site via ftp.
N++ c'est juste un éditeur, et pas un mauvais éditeur pour Windows.

**Awake** · 13/02/2013, 22h48

Le meilleur environnement de travail c'est celui dans lequel le dev se sens à l'aise et efficient. Goût, couleur, toussa.

**elkoo** · 13/02/2013, 23h18

Franchement on n'est pas obligé de se bouffer le nez non plus et pour un dev isolé comme moi (

) je trouve très intéressant de connaitre votre workflow et vos points de vues sur les techniques de dev actuelles.
bisous.

**Skiant** · 14/02/2013, 08h27

Envoyé par elkoo

Franchement on n'est pas obligé de se bouffer le nez non plus et pour un dev isolé comme moi (

) je trouve très intéressant de connaitre votre workflow et vos points de vues sur les techniques de dev actuelles.
bisous.

Dans mon nouveau taf, on fait :
- Chaque dev utilise l'éditeur de son choix (perso je tourne avec Sublime, d'autres sont sur Coda ou autres trucs de Macfag)
- Tout le code est versionné avec git, un repo central est hébergé chez Beanstalk. On essaie d'utiliser la méthode git-flow pour organiser le tout.
- Beanstalk se charge des déploiements sur les ftp des clients (en auto sur les serveurs dev/staging et en manuel sur les serveurs prod).

Mais ouais, comme j'le disais plus haut, chacun voit midi à sa porte tant que son outil lui facilite la vie.

**Alliante** · 14/02/2013, 08h47

Envoyé par Skiant

Dans mon nouveau taf, on fait :
- Chaque dev utilise l'éditeur de son choix (perso je tourne avec Sublime, d'autres sont sur Coda ou autres trucs de Macfag)
- Tout le code est versionné avec git, un repo central est hébergé chez Beanstalk. On essaie d'utiliser la méthode git-flow pour organiser le tout.
- Beanstalk se charge des déploiements sur les ftp des clients (en auto sur les serveurs dev/staging et en manuel sur les serveurs prod).

Mais ouais, comme j'le disais plus haut, chacun voit midi à sa porte tant que son outil lui facilite la vie.

L'informatique en général c'est comme les religions, chacun prêche pour son église

Évitons juste d'essayer d’évangéliser les autres

Il est bien Beanstalk ? Vous êtes sur quelle formule ? Chez nous on utilise deux serveurs dans l'agence pour faire grosso modo la même chose mais avec SVN et Tortoise.

Sinon je suis passé de N++ à Sublime Text depuis pas longtemps et en IDE j'utilise Aptana. Côté terminal du Powershell pour drush/php artisan qu'utilisent Drupal et Laravel.

En design fatalement Toshop 5.5 mais une stagiaire m'a fait une démo de Fireworks et ça envoie quand même du gros lourd.

**Skiant** · 14/02/2013, 10h19

Beanstalk c'est pas mal du tout, même si trouve leur doc un peu faiblarde, particulièrement pour les déploiements avancés.
Du coup, pour moi qui ne suis pas un dieu du shell, c'est chaud d'avoir un truc vraiment sur mesure.

**tenshu** · 14/02/2013, 10h45

Envoyé par Mdt

J'imagine que l'IDE c'est génial pour les professionnels qui prennent le temps de le maîtriser.

Heu non, en fait moi j'utilises un IDE (eclispe, puis netbeans) depuis toujours quand pas mal de mes collègues utilisaient textmate ou sublime.
Outre le fait qu'il faille de la ram et supporter quelques contraintes de temps (lancement, scan du/des projets).
C'est un putain d'outil.

Sur un CMS comme drupal, j'ai une autocomplétion sur le trilliard de fonctions internes et ça me permet de voir rapidement que non les dev du module de taxonomy n'ont toujours pas compléter les 50% de fonctions utiles qui manquent.
Sur un framework j'ai une autocomplétion sur les namespace, les méthodes, ... même si la classe courante en étant ouatmilles autres, etc.

L'autocomplétion ça me fait passer moins de temps à chercher l'ordre des arguments des fonctions (putain de php), et ça me fait faire moins d'erreur de typo.
Ce qui flatte ma fainéantise, et rappelons qu'on bon dev est avant tout un fainéant.

---------- Post added at 10h43 ---------- Previous post was at 10h41 ----------

Envoyé par hijopr

Le meilleur environnement de travail c'est celui dans lequel le dev se sens à l'aise et efficient. Goût, couleur, toussa.

Pour la couleur de fond, c'est noir, pour les autres c'est

---------- Post added at 10h45 ---------- Previous post was at 10h43 ----------

Envoyé par Alliante

Non, je trouvais sa vision des choses marrante et complètement fumée mais sur le fond il a raison, la plupart des sites récents à connotation "créative" finissent tous par se ressembler, je ne trouve pas "la touche graphique" de l'agence pour beaucoup.

Hier j'ai pensé à ça.

Et franchement si c'est le reproche que l'on peut faire aux framework comme bootstrap et autres outils du cru.
Putain c'est tout le mal que je souhaite au web.

**KiKine** · 14/02/2013, 12h43

Envoyé par Mdt

J'imagine que l'IDE c'est génial pour les professionnels qui prennent le temps de le maîtriser.

et même comme ça... je serai content d'échanger avec qqun qui utilise 100% d'un EDI...

dans 95% des cas notepad ou vi sont suffisant

**elkoo** · 14/02/2013, 13h30

Je suis sur netbeans pour les mêmes raisons que tenshu avec l'avantage d'avoir assemblé et choisi le compsants de ma machine, du coup ssd et proco costaud diminuent drastiquement les temps d'ouverture et de scan. Dommage qu'il n'y ait pas de plugin emmet porté dessus (à ma connaissance) donc je passe sous sublim pour les templates, j'adore, les deux avec un thème sur fond noir, je trouve ça bien plus lisible et moins fatiguant.
Netbeans c'est bien pratique aussi pour bosser sur mon serveur distant en sftp et mon local à la fois et récupérer mes projets sur plusieurs bécanes, mon MacBook dans le canap' et mon pc de jeux.
Depuis que je suis sous Git j'ai moins besoin de cette fonction, mais comme il a des outils embarqués adaptées, ne serait-ce que la coloration des noms de fichiers modifiés ou pas encore sous suivi, je suis pas prêt de le lâcher

**tenshu** · 14/02/2013, 16h43

Pour ceux qui se demandent encore quel est l'état de la santé mental des travailleurs en agence :

harlem-shake-agency.tumblr.com

**Awake** · 14/02/2013, 18h09

Envoyé par tenshu

Pour ceux qui se demandent encore quel est l'état de la santé mental des travailleurs en agence :

harlem-shake-agency.tumblr.com

Quelle créativité, c'en est émouvant

**Alliante** · 14/02/2013, 19h45

Allez pour changer un peu de sujet, quelles sont vos extensions de navigateur "must have" pour le web ?

On est tous d'accord, Canard PC Notifier est LE must have

**moimadmax** · 14/02/2013, 20h02

Envoyé par Alliante

On est tous d'accord, Canard PC Notifier est LE must have

ça dépend le navigateur que tu utilises

**deathdigger** · 14/02/2013, 21h56

Quelqu'un a déjà testé Windows Azure ?
Ça me parait pas cher pour les sites internets (genre si t'as pas de bdd c'est gratuit), le truc que j'arrive pas à piger, c'est la BP, faut obligatoirement en mettre une ?

**saming** · 14/02/2013, 21h56

Envoyé par Mdt

Jsais bien que les hipsters préfèrent Sublime Text, m'enfin quand j'ai la flemme de booter Linux, Notepad++ c'très bien.

C'est pas dispo sur les trois OS ?

**Tomaka17** · 14/02/2013, 22h00

Envoyé par deathdigger

Quelqu'un a déjà testé Windows Azure ?
Ça me parait pas cher pour les sites internets (genre si t'as pas de bdd c'est gratuit), le truc que j'arrive pas à piger, c'est la BP, faut obligatoirement en mettre une ?

Je ne me suis absolument pas intéressé à Windows Azure.
Mais comme il y a le mot "Windows" dedans, j'imagine que t'es obligé de développer ça en ASP .NET, avec SQL Server, et que ton site ne fonctionnera qu'avec IE.

**deathdigger** · 14/02/2013, 22h05

Envoyé par Tomaka17

Je ne me suis absolument pas intéressé à Windows Azure.
Mais comme il y a le mot "Windows" dedans, j'imagine que t'es obligé de développer ça en ASP .NET, avec SQL Server, et que ton site ne fonctionnera qu'avec IE.

Non, et tu peux même foutre des linux (centos, ubuntu et fedora je crois) dessus

En fait, c'est 5Go offert de BP, ce qui me semble suffisant pour un site classique (bon, ça faisait longtemps que j'avais pas vu un paiement à la BP).

**Anon26492** · 14/02/2013, 23h53

Envoyé par saming

C'est pas dispo sur les trois OS ?

Je voulais dire que sous nux, t'as pas la même concurrence niveau éditeur. Sous windows c'est un peu la dèche.

**Tomaka17** · 15/02/2013, 07h11

http://www.w3.org/TR/2013/WD-html-templates-20130214/

Je vois pas bien où ils veulent en venir

**Skiant** · 15/02/2013, 08h37

Envoyé par Tomaka17

http://www.w3.org/TR/2013/WD-html-templates-20130214/

Je vois pas bien où ils veulent en venir

Essayer de mettre dans la spec une solution plus élégantes que les méthodes détournées affreuses dont on doit se servir avec des webapps qui changent le contenu d'une page en temps réel ?

**Tomaka17** · 15/02/2013, 09h25

Méthodes détournées affreuses ? $('#template').html(truc_chargé_par_ajax) ?

Ou alors c'est pour mettre un peu partout sur la page, à la façon des {{ }}.
Ou alors c'est pour définir des fragments de document qu'on peut ensuite copier où on veut (et à ce moment c'est très bizarre).
C'est pas très clair ce truc.

**Anon26492** · 15/02/2013, 09h26

Il pense plus à mon avis à du mustache.js

**Skiant** · 15/02/2013, 09h57

Envoyé par Mdt

Il pense plus à mon avis à du mustache.js

J'avais plutôt Backbone en tête parce que j'viens de m'en servir pour la première fois, mais ça marche avec un paquet d'autres frameworks front-end.

**tenshu** · 15/02/2013, 10h09

Envoyé par Tomaka17

http://www.w3.org/TR/2013/WD-html-templates-20130214/

Je vois pas bien où ils veulent en venir

Bah ça me semble plutôt clair.
Actuellement si on veux changer une partie du contenu de la page après son chargement, soit on cache certaines portions qu'on va révéler le moment venu, soit on balance un morceau de JS qui va remplacer la portion de contenu désirée.

Si je me goure pas l'idée c'est de pouvoir définir ces fragments d'HTML sans qu'ils soient rendu avec le document, il sont accessible dans le DOM quand on en a besoin.

Ca peut effectivement pas mal faciliter le taf de certains framework JS.

**Nacodaco** · 17/02/2013, 16h52

Envoyé par Alliante

Ah tiens tant que je suis dans Sublime Text j'ai toujours un truc qui m'énerve malgré mes recherches : dans PHP, ASP, HTML, XML, ... j'ai des tab de 4 mais en CSS ou dans certains format comme .module ou .blade il ne respecte pas cela.

Le truc qui m'énerver dans Sublime ! Jamais réussi à comprendre ce délire :

- A des fois on a une vrai tabulation (représenté par un seul trait quand on sélectionne le texte)
- En général on a 4 espaces
- Et de temps en temps 2 foutus espaces, et c'est une vrai galère pour changer ça.

Le pire c'est que dans le même doc Sublime Text semble parfois décider tout seul de passer de 2 à 4 espaces et vice et versa

Discussion: Design & Développement web - Le topic des canards qui mangent des cookies

Outils de la discussion

Règles de messages