Mis Herramientas para Desarrollo y DiseƱo Web con GNU/Linux

Luego de terminar el artĆ­culo donde les hablaba de como aƱadir un Shortcode a nuestro tema de WordPress, se me ocurriĆ³ compartir con ustedes cuales son las herramientas que uso para diseƱo y desarrollo web en GNU/Linux (y ahora mismo en WindowsĀ  8, pero esa es otra historia).

Sin querer abordar mucho en las ventajas/desventajas de cada una de ellas, les puedo decir que las vengo usando hace mĆ”s de 5 aƱos y hasta el momento, no he necesitado usar aplicaciones privativas que sean homĆ³logas.

Herramienta de DiseƱo Web

Aunque hay varias herramientas para DiseƱo grƔfico en GNU/Linux (y repito en Windows), yo siempre uso 2 en especƭfico: GIMP e Inkscape.

Con Inkscape hago todo lo que tiene que ver con el maquetado y creaciĆ³n de grĆ”ficos 2D para los sitios. Es mĆ”s, casi toda la apariencia de como se verĆ” el sitio (el Mockup) lo hago con esta herramienta.

Inkscape en Windows

Inkscape en Windows

Con GIMP lo que hago es el trabajo con fondos, la ediciĆ³n de las imĆ”genes que voy a utilizar y el cambio de formato en caso de ser necesario.

GIMP en Windows

GIMP en Windows

Antes de que me salten algunos usuarios al cuello, pongo Screenshots de las aplicaciones en Windows, porque es lo que estoy usando ahora por males mayores. Lo siento

Herramientas de Desarrollo Web

No soy de los que usa IDEs de Desarrollo, prefiero editores de Textos porque para lo que hago, voy sobrado con ellos. Si me preguntan recomendarĆ­a BlueFish, pero actualmente me siento muy a gusto con Brackets.

Brackets_Function

Brackets en Windows

Prefiero este Ćŗltimo por varios motivos, entre ellos, porque estĆ” orientado especĆ­ficamente a HTML5, CSS3 y JS, por lo que el autocompletado contiene las etiquetas HTML y sus propiedades muy actualizadas.

Podrƭa usar tambiƩn SublimeText, de hecho siempre lo tengo instalado, pues posee algunas opciones que me acomodan mucho el trabajo como por ejemplo Buscar y Reemplazar en todos los archivos del proyecto.

En Resumen

Lo mejor de todas las herramientas que he mencionado anteriormente es que son multiplataforma y OpenSource. En estos dĆ­as me he visto obligado a usar Windows y no he dejado de trabajar gracias a ello.

Lo que mƔs me emociona de este mundo, es que no es necesario estudiar una carrera a fin, solo tener buenas ideas y excelentes recursos a la mano. Actualmente podemos aprender mucho sobre Desarrollo y DiseƱo Web en Internet.

Recientemente descubrƭ muy buenos Tips en el Blog de MisterMonkey una agencia donde trabaja un amigo, quienes ofrecen servicios de desarrollo y diseƱo web en Granada, pero hay muchƭsimos mƔs sitios con material interesante por toda la web.

ĀæQue otras herramientas no he mencionado y les recomiendo? Para grĆ”ficos Krita, y para codear Geany, KATE y VIM. ĀæAlguna recomendaciĆ³n para mi?


Deja tu comentario

Tu direcciĆ³n de correo electrĆ³nico no serĆ” publicada. Los campos obligatorios estĆ”n marcados con *

*

*

  1. Responsable de los datos: Miguel Ɓngel GatĆ³n
  2. Finalidad de los datos: Controlar el SPAM, gestiĆ³n de comentarios.
  3. LegitimaciĆ³n: Tu consentimiento
  4. ComunicaciĆ³n de los datos: No se comunicarĆ”n los datos a terceros salvo por obligaciĆ³n legal.
  5. Almacenamiento de los datos: Base de datos alojada en Occentus Networks (UE)
  6. Derechos: En cualquier momento puedes limitar, recuperar y borrar tu informaciĆ³n.

  1.   HacKan dijo

    Che, te consulto: para PHP5.5 + HTLM5 + CSS3, ĀæquĆ© recomendĆ”s?. Actualmente estoy con NetBeans, que para PHP va mĆ”s o menos (no llega a 5.5), pero el resto queda colgado… Tiene que contar con soporte de acceso a repos y ssh.
    Braquets me llamĆ³ la atenciĆ³n, y veo archivos PHP ahĆ­. Le voy a dar una prueba šŸ˜€

    Saludos!

    pd: ya no usan disq.us?

    1.    elav dijo

      Pues tendrĆ­as que probar con Brackets o con SublimeText en Ćŗltima instancia. KDEvelop ahora es que le estĆ” dando soporte a PHP mĆ”s o menos decente. Pero eso si, los dos primeros mencionados no son IDEs.

      1.    HacKan dijo

        Acabo de probar Brackets, y en efecto, no es IDE. No me sirve de mucho, si bien su interfaz sencilla resulta vistosa.
        ProbarƩ ST3 a ver q onda, grax!

        1.    elav dijo

          Me lo imaginĆ©.. šŸ˜‰

          1.    CobyNighter dijo

            Mi odio hacia los IDE’s, es como tu odio a java elav JAJAJA .
            Yo amo Sublime Text ! šŸ˜€

      2.    Gibran Barrera dijo

        Han probado emmet, genial para Brackets.

    2.    eliotime3000 dijo

      Yo te recomendarĆ­a GNU Emacs, el cual se adapta fĆ”cilmente a este tipo de lenguajes de programaciĆ³n, ademĆ”s que suele ser bastante Ćŗtil si quieres prescindir del mouse.

      A mĆ­ tambiĆ©n me llamĆ³ la atenciĆ³n Brackets, ya que es una IDE bastante sencilla que me puede facilitar el manejo y la ediciĆ³n de los archivos en base al cĆ³digo fuente a la hora de editar en HTML5 y CSS3.

      DesdeLinux, desde sus inicios, ya no usa Disqus. El que usaba dicho gestor de comentarios era Usemos Linux, ademĆ”s que el segundo estaba usando Blogger, por lo que en ocasiones, existe un problema con la redirecciĆ³n de los enlaces de los artĆ­culos viejos. Felizmente, los spiders de Google estĆ”n actualizando los links de los artĆ­culos de UsemosLinux antes de la fusiĆ³n a DesdeLinux.

    3.    3ndriago dijo

      Prueba phpStorm

      1.    HacKan dijo

        Me lo habian recomendado, y desde la pĆ”gina parece bueno, pero tengo que comprarlo o trucharlo, y sinceramente quiero evitar ambas situaciones de momento…

    4.    Schneider Ligero dijo

      Puedes utilizar netbeans, yo lo he utilizado, tiene depurador, lista y demĆ”s pijadas que se le puede pedir a un IDE.Soporta Php, javascript, java, html,c,c++ …

  2.   Jorge P dijo

    Genial!, serĆ­a muy Ćŗtil un pequeƱo tuto en maquetaciĆ³n utilizando InkScape :).

  3.   Tahuri dijo

    La verdad que estas herramientas son muy buenas y las uso a todos, salvo brackets ya que mi trabajo es mas backend que frontend, pero de vez en cuando lo uso para maquetear algunas cosas(Solo HTML5) ya que css y js lo uso directamente con sublime šŸ™‚ Muchas Gracias por compartir.

  4.   patodx dijo

    No soy diseƱador web, ni menos informƔtico, pero despuƩs de ver el uso profesional que se le da a Gimp, lo tomarƩ mas en cuenta y lo estudiarƩ para dejar de una vez por todas photoshop.

    saludos.

    1.    eliotime3000 dijo

      De hecho, GIMP es un excelente reemplazo de Photoshop, ya que si se lo configura adecuadamente, te olvidas prƔcticamente de Ʃl.

      En mi caso, me cuesta aprender a manejar muchas de sus herramientas para manejar las capas en GIMP a pesar que el manejo es similar al de Photoshop. Pero de que es igual o superior que el Photoshop, no me queda la menor duda.

  5.   eliotime3000 dijo

    A decir verdad, yo ando usando Photoshop e Illustrator debido a que no me acostumbro al modus operandi de sus herramientas, ademƔs que normalmente suelen pedirme trabajos hechos con dicho software (y para colmo de males, me he acostumbrado a ellos).

    Al fin de al cabo, ando guardando mis trabajos en formatos libres como .PNG para imƔgenes estƔticas y .SVG para poder visualizar mis grƔficos vectoriales directamente en mi navegador.

    Mis respetos para aquellas personas que saben trabajar con GIMP e Inkscape.

  6.   3ndriago dijo

    Adobe Brackets no es un IDE, solo un editor de textos avanzados cortesia de Adobe (y repito Adobe a proposito!) XD

    1.    elav dijo

      Como bien dije en el Post, no es un IDE, es un Editor de Texto y si, fue lanzado por Adobe pero al final lo mantiene La Comunidad šŸ˜›

  7.   pobreotaku dijo

    Emacs es lo mĆ”s cĆ³modo/potente en lo que sea , mientras tomaba el curso sobre diseƱo web de mirĆ­adax probĆ© bluefish, aptana y brackets, que no estĆ”n mal, pero en ninguno encontrĆ© comodidad, desde entonces abandone hasta el gedit y le dedique un buen tiempo a aprender mĆ”s comandos en la herramienta definitiva EMACS.

  8.   christian dijo

    en mi trabajo utilizo asp.net con web forms, es sĆŗper sencillo y rĆ”pido desarrollar aplicaciones, hay alternativas web visuales drrag and drop libres?agradecerĆ­a su apoyo ya que llevo semanas buscando reemplazo a asp.net

  9.   vidagnu dijo

    Yo uso Gimp para ediciĆ³n de imĆ”genes, no le hago mucho a inkspace, y para programar gvim o vi.

    Saludos

  10.   Siot dijo

    Yo uso Cloud9, me permite seguir trabajando donde lo dejƩ estƩ en el ordenador que estƩ. El proyecto puede estar hospedado en un servidor por ftp o en el propio Cloud9.

    En funciones no tiene nada que envidiar a otros editores de escritorio.

  11.   Gibran Barrera dijo

    Yo llegue a utilizar Emacs, pero los desarrolladores de Adobe estƔn haciendo un excelente trabajo con Brackets y hoy lo uso en Windows y GNU/Linux, excelente herramienta.

  12.   Ƒandekuera dijo

    Eclipse PHP

  13.   sadalsuud dijo

    Bacano y si es genial eso de la multiplataforma. No sabĆ­a de Brackets. Gracias, me gusta este blog.

  14.   sadalsuud dijo

    No conocƭa Brackets. Gracias voy a mirar quƩ tal es. Me gusta este blog.

  15.   Xunorus dijo

    Saludos comunidad, gracias Elav por el articulo.
    Quiero sugerir echen un vistazo a Grunt (gruntjs.com), a mi me ha cambiado la forma en que desarrollo todo lo que sea web. Sugiero en particular los plugins browser_sync, watch, jshint, uglify, imagemin y sass.
    Con eso ya se puede sincronizar en multiples dispositivos, inyectar css, usar sass, comprimir y preparar para web todas los archivos de imagenes automaticamente y muucho mas.

  16.   Alberto dijo

    ĀæY sobre que distro trabajas en desarrollo web?

  17.   mario dijo

    Hola hace no mucho me cambie a linux, y estaba empezando a aprender a usar inkscape para mis diseƱos web, sin embargo no he encontrado muchos recursos en la web, me preguntĆ³ si me podrĆ­as recomendar algĆŗn libro, tutoriales, algĆŗn recurso que me ayude con inkscape o gimp para adentrearme en el diseƱo web, tengo poco background en ello pero con photoshop e illustrator

  18.   msx dijo

    One ring to rule them all: EMACS.

  19.   Veronica dijo

    Buen articulo y gran aporte a mi negocio, gracias

  20.   Antonio Alcala dijo

    Las herramientas de diseƱo y desarrollo web que se mencionan en este artĆ­culo son de muy buena reputaciĆ³n, personalmente creo que tambiĆ©n existen otras herramientas como por ejemplo WordPress, que facilita a un usuario menos experimentado la creaciĆ³n de una web. Me gustarĆ­a preguntarles sobre WordPress, Āæes una buena plataforma para el diseƱo de pĆ”ginas web, blogs y tiendas online?
    Muchas gracias por el artĆ­culo.
    Un cordial saludo.

    1.    Sergio dijo

      Estas de broma verdad?

  21.   Roberto Rubio ROmero dijo

    A mi me parece muy interesante todo esto del diseƱo web con LINUX, me gustarĆ­a ver algunos de tus trabajos ya en la red y funcionando. No soy experto en la materia pero si me llama mucho la atenciĆ³n. Hace ya algĆŗn tiempo con ayuda de MUSE de ADOBE hice algo que tal vez se pueda llamar pagina Ā«Ā»chisteĀ»Ā» pero nada que valga la pena, ahora quiero probar en linux a ver si aprendo algo porque con el programa que antes mencionĆ© es solo cosa de ir armando y creo que no tiene mucha gracia y mucho menos dificultad. AgradecerĆ­a me instruyas un poco

  22.   federico dijo

    hola encontre muy interesante tu pagina vivo en argentina y me encantan los lenguajes de programacion ,ejm: python ,java etc y ni q hablar de linux Ā«GRACIAS LINUS TORVALDSĀ»,X UN LADO LOS AMO PORQUE SON FREE Y ES LO MAS EN SISTEMAS ,y x otro lado los odio porque no se con cual quedarme he probado tantos uno mejor q otro , bueno me despido hasta pronto en face estoy como FEDERICO KICZKA.

  23.   Christian dijo

    Buen artĆ­culo, llevo varios aƱos como diseƱador web y frontend exclusivamente en Linux (Ubuntu para ser exacto), con Inkscape y Gimp he participado en muchos proyectos y he llegado a entender que la herramienta es bĆ”sicamente una opciĆ³n, si bien es cierto que hay diferencias en el desarrollo de cada una, en tĆ©rminos generales se pueden realizar trabajos tan buenos como el de cualquiera, solo hay que dedicarle tiempo como a todo. Y si vamos al sistema operativo el no depender de Windows es un alivio que tengo hace casi 15 aƱos.
    Saludos desde PerĆŗ.

  24.   Carlos dijo

    Mira la verdad bastante pobre tu investigaciĆ³n de programas para diseƱo web en Linux, hay una buena gama de programas solo hay que buscarlos y funcionan muy bien…