Logiciels & Sites utilisés pour l’intégration HTML/CSS sous Mac OS X
Attention, cet article a été déplacé dans les archives, donc le contenu peut ne plus être à jour. A vous de voir 🙂
Voici la liste des programmes et sites web que j’utilise au quotidien, en tant qu’Intégrateur / Développeur Front-End. Ce ne sont probablement pas les meilleurs, mais ils facilitent énormément mon travail.
Sites web pour l’intégrateur
- SpriteCow
Permet d’extraire les positions & tailles des images d’un sprite. - CSSLisible
Permet de réindenter et de réorganiser du CSS. #autopromo - GTmetrix
Permet d’analyser les performances d’une page web.
Logiciels pour l’intégrateur
- TextExpander (34.95$)
Gérer des snippets dans n’importe quel logiciel. - Sublime Text (45€)
Editeur de code léger, configurable, avec des tonnes de plugins pratiques. - Google Chrome (Gratuit)
Un navigateur rapide et efficace, doublé d’un inspecteur de code. - MAMP (Gratuit)
Apache, MySQL, PHP. Mise à jour "complexe". - Git (Gratuit)
Un logiciel de gestion de versions. Indispensable. - SourceTree (Gratuit)
Une interface agréable pour Git - VirtualBox (Gratuit)
Gestion de machines virtuelles pour le débug (♥ IE) - ImageOptim (Gratuit)
Optimiser le poids des images. - Adobe Photoshop (Cher)
Difficile de se passer de cet éditeur avancé pour découper des maquettes. - CSS Hat (25€)
Transforme un calque Photoshop en CSS. Indispensable - SpriteRight (3.99€)
Gérer et concevoir vos sprites CSS. - Widget HTML Entities (Gratuit)
Un widget simple pour retrouver des entités HTML.
Autres logiciels
- Sequel Pro (Gratuit)
LE logiciel pour gérer vos bases de données. - Reeder (7,99€)
Un des meilleurs lecteurs RSS de bureau, synchronisé avec Google Reader. - Fluid (Gratuit/4.99$)
Transforme un site web en application de bureau. - Sparrow (7,99€)
Un logiciel efficace pour votre boîte Gmail (et autres).
Et vous, quels sont vos logiciels et sites préférés pour l’intégration ou le développement front sur Mac ?
Belle sélection.
Pour l’optimisation des images, je passe par smush.it, bien pratique 😉
Tu connais également « pixel perfect », une extension Firefox pour régler son intégration au pixel près ?
J’utilise parfois, mais il faudrait que je fasse une sous-liste pour les extensions 🙂
(Pour le pixel-perfect, je fais un screen partiel que je colle sur la DA dans Photoshop)
J’ajouterai xScope (http://xscopeapp.com, 16 € sur l’app store) et un bookmarklet pour tester l’affichage de ses sites responsive (http://www.lecentre.net/fratoblog/2012/01/un-bookmarklet-pour-avoir-un-apercu-rapide-de-ses-sites-responsive/)
Et pour du pixel-perfect, Maki (http://makiapp.com)
Perso j’utilise Less For Mac : http://incident57.com/less/
Pour compiler mes .less
Il y a aussi CodeKit (en bêta) et permettant d’éditer des fichiers LESS, HAML, HTML, JS, etc… Tout pour l’integrateur.
Et un widget mac pratique Entity Character Lookup pour avoir l’entité HTML de caractères spéciaux : http://www.apple.com/downloads/dashboard/developer/htmlentitycharacterlookup.html
Et je rajouterais aussi le Regexp Widget : http://www.apple.com/downloads/dashboard/developer/regexwidget.html
Pour tester les expressions régulières JS.
Sympa ! Sans doute une petite erreur mais Gradient Pro est gratuit 🙂
Moi perso, j’utilise MacVim depuis quelques temps avec une distrib « spéciale »…
Les raccourcis de vim sont géniaux pour faire du dev web…
(me manque juste une meilleur gestion des commentaires et ensuite je serai aux anges).
Sinon il y a aussi Tower (Git GUI) et Things (Task manager).
Sympa, je note tout ça pour ma reconversion 😉
@FGRibreau Apparemment, il est gratuit pour une courte période, donc j’ai préféré indiquer le prix final 🙂
@Thi3rry Bien vu pour Codekit, et sinon le widget était déjà dans ma liste 🙂
Pour la gestion des snippets,il a les Gist de Github et leurs gestion via un plugin de Sublime Text 2 accessible via le package control. Qui du coup deviennent plus accessiblent et « forkalble » , on peut les mettre en privé ou public etc. C’est assez cool
Alexandre : Text Expander permet leur gestion dans n’importe quel logiciel, c’est assez pratique 🙂
J’ai trouvé un gestionnaire MySQL très facile pour OSX – Valentina studio http://www.valentina-db.com/en/valentina-studio-overview Est tout ce qu’il faut, et il le fait très bien.