Hoy les comparto un listado de aplicaciones que utilizo para trabajar sitios web, y también me gustaría saber qué programas utilizan algunos de ustedes pues el casarse con un software para trabajar es porque realmente nos gusta cómo funciona y nos cuesta cambiarnos, o en ocasiones no conocemos alternativas.
Algunos son de pago, pero realmente no he encontrado alternativas que los sustituyan.
Localhostr
Este es un servicio para subir y compartir archivos tal como Yousendit u otros similares, pero lo que me gusta de localhostr es que alguien desarrolló un widget para el dashboard que facilita muchísimo la tarea de subir un archivo, solo lo arrastro y espero a que me de la URL a compartir, muy práctico.
MAMP
¿Qué es un desarrollador web sin un servidor local? MAMP es una completa solución gratuita para tener de forma rápida Apache + PHP + MySQL en una Mac, y aunque el sistema operativo ya incluye de alguna forma éstas herramientas se me hace mejor instalar y controlar todo desde una sola interfaz. Hay una versión de pago con varios extras pero muchas veces la versión gratis es suficiente.
Fireworks
Es muy superior a Photoshop cuando se trata de optimizar imágenes para la web, comprime más y con menos pérdida de calidad, igual para trabajar esquemas de sitios web, a veces no entiendo muy bien porqué siguen usando Photoshop para ello cuando los mismos de Adobe hacen la separación de cada producto y mencionan para qué es ideal cada uno.
Firefox más extensiones
Firefox por sí solo es un navegador más entre todos los que existen, pero lo que lo hace diferente es el motor de extensiones con el que lo podemos convertir en un programa superior al resto, yo recomiendo instalar:
- Firebug – Una de las mejores extensiones para debug de javascript, edición en línea del HTML, CSS, etc.
- Colorzilla – Es una herramienta de selección de colores que se integra muy bien a Firebug.
- Web Developer Toolbar – La utilizo en casos muy específicos y poco, pero es de gran ayuda la cantidad de opciones que trae.
- Dust me selectors – Un gran invento! te ayuda a examinar el CSS de un sitio para verificar qué selectores están de más en el archivo para eliminar toda la basura 😉 .
CODA
Gracias a éste programa mi lista se hace corta, es un todo en uno pero lo hace muy bien, desde CODA tengo una terminal para SSH, editor de archivos, y transferencia vía SFTP/FTP.
Con una sola ventana abierta puedo trabajar gran parte del desarrollo de un sitio, sin embargo el SVN no lo maneja muy bien y para ello prefiero Versions.
¿Y ustedes qué programas utilizan o qué alternativas gratuitas han encontrado?
Muy bueno, gracias por la información.
Yo para compartir uso apache en localhost, que está asociado a un dynhost que llega a un vhost en mi tarro.
Actualmente estoy probando Aptana Studio (www.aptana.com), sólo para ver cómo funciona y ver si me ahorro unos pesos :p Pero parece que no me gusta tanto… es medio pesado y la integración no es como la de Coda.
Para hacer sitemap y estructurar contenidos estoy usando XMind (www.xmind.net), excelente programa para hacer mind mapping y varias otros tipos de mapas relacionales.
Cyberduck para FTP (cyberduck.ch).
Como ven toy tratando de usar sólo herramientas open source. Si recuerdo algo más, les aviso.
Saludos!
Hola:
Yo desarrollo web en php Y mysql y me gustaría que me dieseis el nombre de alguna aplicación parecida a navicat para administrar bases de datos mysql ya que el phpmyadmin no me convence y busco una interfaz gráfica sencilla como se puede ver en navicar. he oído de yourSQL pero intento descargarmelo desde la web de yourSQL pero no hay manera no me funciona el .dmg que me descargo.
alguna otra alternativa a esta aplicación que useis?
gracias!!!
Qué has oido de Espresso? Ha estado bastante sonado últimamente. Me acordé y de paso lo bajo para probarlo.
http://macrabbit.com/espresso/
@Matías, Yo antes también utilizaba Cyberduck pero con CODA teniendo todo a la mano ya no me hizo falta 😀
@Christian Lo bajé en una de sus primeras versiones de prueba pero no lo pude usar en producción porque todavía le faltaba al desarrollo, gracias por recordármelo voy a bajarlo de nuevo.
¡Qué emoción! Alguien que piensa como yo con respecto a Fireworks vs. Photoshop!!
Yo soy un usuario FANATICO de Fireworks (PC), y no entiendo cómo la gente usa Photoshop para las webs cuando con FW es muchísimo mas fácil y más potente. Pero parece que poner un programa a un nivel igual o superior que PS está muy mal visto 😛
Igual, FW para archivos de más de 72dpi se arrastra como una babosa, para gráfica (archivos grandes) está PS.
Buena colección. Yo personalmente me he mantenido fiel a BBEdit. Hasta ahora para mi es el mejor. Tiene todo lo que necesito y no tiene lo que no necesito, como el editor visual del coda que en mi caso solo me cargaría la memoria ya que nunca uso ese tipo de modo. También uso MAMP, FF con la extensión para desarrolladores y, como no, firebug. Para diseñar uso Illustrator y algunas veces pixen para iconos. Mi FTP lo manejo siempre con FireFTP a pesar de tener instalado el cyber duck y de el hecho de que BBEdit viene con su propio cliente FTP.
@josepzin Cada programa tiene lo suyo, PS para retoque fotográfico, edición de imágenes bitmaps, etc y FW para vectores 😉
@Buzu, Yo tambíen utilizo Illustrator para ello 😀 bueno, Illustrator y Fireworks según el proyecto, por ejemplo el rediseño de 120segundos lo inicié en IL pero terminé en FW, ahora el rediseño de MaestrosDW lo hice 100% en IL.
Personalmente uso:
xhtml, php, css: Coda
php, html: textmate
comparar versiones de archivos: bbedit
ftp: transmit
servidor web: mamp pro
control de versiones con git: consola y github.com
wireframes: omnigraffle
projectos: collabtive y omniplan
ideas: omnioutliner
notas: evernote
retoque de imagenes: photoshop
firefox:
-webdeveloper
-firebug
-colorzilla
-dust-me-selectors
-Measureit
-User Agent Switcher (iphone)
-YSlow
Saludos.
Pues yo soy programador/diseñador/maquetador 😀 y uso:
1. Textmate para programar/maquetar. Es de pago($40 aprox.) pero es de lo mejorcito que e encontrado. El Coda tambien va bien pero con archivos grandes se casca textmate no y textmate tiene infinidad de bundles como subversion, apache, Git…
2. FTP CyberDuck el mejor
3. Mysql sequel pro. es el sucesor de CocoaMysql. Muy bueno
4. Firefox con firebug/colorzilla/measeureit/HTMLvalidator/PageRank/webdeveloper
5. Gimp para graficos
6. Neoffice para documentos/excel
7. servidor Apache/php/mysql instalado con el mac ports
y bueno creo q ya esta… hasta pronto
@jruz, Vaya, son muchas aplicaciones, eso es lo que me gusta de CODA que simplico el uso de varias.
@xavo CODA también acepta bundles de Textmate, con las extensiones de Firefox la Web Developer ya trae herramientas como reglas para medición que pueden reemplazar a Measureit
[…] Herramientas para desarrollo web en tu macwww.maestrosdelweb.com/editorial/herramientas-para-desarroll… por porretiunique hace pocos segundos […]
hey amigos necesito una asesoria en web server para negocios electronicos,, estoy haciendo la tesis de grado acerca de ese tema y necesito un asesor que me pueda colaborar en ese tema si pueden ayudarme se los agradeceria un gusto cuidesen mucho
Agregaría:
Eclipse PDT y complementos para JAVA.
Filezilla
In line code finder (para firefox)
Dreamweaver
Remote desktop connection
Hola Oscar,
trabajo en una startup española que produce una grande aplicación para prototipar y hacer wireframes para mac, llamada JustInMind Prototyper.
Ahora estamos trabajando para lanzar la versión 2.6, y estamos buscando gente para que la utilice y nos de un poquito de feedback.
¿Te gustaría probarla?
Para hacer el test, habla conmigo en twitter (@just_in_mind) o visita nuestra web.
[…] CSSBlog, Maestros del web, Web design […]