Voici mon flux de travail actuel pour l'édition de CSS:
H2.post_title ou quelque chose)
- Modifiez le CSS en Firebug, demandez à vos amis comment il a l'air
- Si cela a l'air bien, faites de nouveau le changement dans Textmate
Je veux éviter l'étape 6. C'est-à-dire que je veux que la capacité d'éditer CSS via une UI de type Firebug et être capable de commettre mes modifications au fichier correspondant immédiatement (plutôt que d'avoir à les copier à la main. Firebug)
edit: quelque chose qui fonctionne sur un Mac serait idéal
8 Réponses :
Avez-vous essayé "Développeur Web" extension dans Firefox? Il vous permet d'ouvrir, de modifier et d'enregistrer des fichiers CSS.
Je crois ce que la recherche de Horace est un éditeur CSS qui vous permettrait de traverser le DOM et de voir des styles appliqués (à la firebug), mais également à économiser ou à l'exporter une fois terminé. Le plus proche semble être skybound comme indiqué par Bryan
Je vois. Droit. Skybound a l'air sympa. En espérant que ce sera également disponible sur Mac et Linux.
Un autre flux de travail possible:
Je n'utilise que Firebug pour le débogage (par exemple: «Pourquoi cette chose est-elle devenu ce style?») Ne pas faire des changements lorsque je sais où ils doivent aller dans le CSS. Ce flux de travail dépend quelque peu de pouvoir recharger le CSS facilement. Si vous travaillez sur une application où frapper la rechargement perturbe complètement votre état, cela pourrait ne pas être idéal.
Mais comment savez-vous au bon endroit dans le fichier CSS pour modifier? À savoir, avez-vous pas inspecter l'élément dans Firebug premier à trouver le sélecteur pertinent? En outre, comme vous le dites, recharger la page est une douleur dans le cul (il est agréable de voir votre changement immédiatement)
Ça dépend. La plupart des instructions que vous savez où l'élément existe dans le code, vous y allez donc, voyez-vous dans quelle classe il a, puis recherchez la classe appropriée dans le CSS. Quand il devient plus difficile que cela, j'utilise Firebug, mais seulement dans ce cas.
Cela ne veut pas dire que quelque chose qui a combiné les deux serait génial. Je vais juste décrire comment je traite avec la réalité. :-)
Allez et soyez éclairé. C'est vraiment un programme de changement de vie.
Ceci a l'air bombe (malheureusement, j'ai besoin d'attendre la version Mac)
Oh Bummer Man! Je n'ai pas réalisé que vous étiez sur un Mac. La bonne nouvelle est qu'ils travaillent sur la version Mac: blog.skybound.ca/2009/11/13/... Ce n'est pas souvent qu'une application modifie complètement mon flux de travail pour le meilleur, mais une merde sacrée, stylizer a fait mon Nettoyant de développement de développement CSS et plus rapide.
La version Mac de Stylizer est maintenant disponible.
xrefresh avec "rafraîchissement mou" activé peut aider votre flux de travail, mais vous devez toujours savoir quels sélecteurs CSS Voulez-vous ajouter / modifier?
Vérification du feu arrière:
http: // blog. Quplo.com/2010/08/08/BackFire-Save-CSS-changes-Made-in-fireBug/
ne l'a pas essayé, mais semble prometteur.
Backfire (voir message ci-dessous) a été créé spécifiquement pour QuLLO (http://quplo.com), qui est un outil qui fait spécifiquement ce que vous décrivez. Vous écrivez HTML et CSS, puis parlez de ce qui doit être modifié, apportez les modifications (à l'aide de la barre d'outils Firebug ou de Développeur Web) et appuyez sur Enregistrer.
Vérifiez ma contribution à ce problème: http://www.cssupdater.com
L'étape 6 serait alors: 6: un clic sur le bouton "Synchroniser maintenant" en Firebug !!
Le clic envoie vos modifications à l'application Desktop, qui synchronise vos fichiers Orignal CSS. Vous pouvez également choisir les modifications que vous souhaitez synchroniser dans l'application. Cela fonctionne avec votre éditeur de texte préféré ou votre IDE et sur Windows et Mac!
Comment est pourquoi je développe Liveditor , car je ne veux pas manuellement refaire Le changement à nouveau dans l'éditeur de texte après avoir modifié mes styles CSS en Firebug (ou les goûts).
Je pensais à faire en réalité un éditeur Web qui fonctionne comme Vim qui serait intégré dans un petit cadre qui vous laisserait faire cela, je ne l'ai jamais vue. S'il y a un programme existant qui fonctionne comme celui-ci de manière vesquante, j'aimerais.
Wow, incroyable, c'est la même raison qui me conduit au développement de Liveditor.