Els meus Eines per a Desenvolupament i Disseny Web amb GNU / Linux

Després d'acabar l'article on els parlava de com afegir un Shortcode al nostre tema de WordPress, Es va acudir compartir amb vostès quines són les eines que faig servir per disseny i desenvolupament web a GNU / Linux (I ara mateix en Windows 8, però aquesta és una altra història).

Sense voler abordar molt en els avantatges / desavantatges de cadascuna d'elles, els puc dir que les vinc usant fa més de 5 anys i fins al moment, no m'ha calgut fer servir aplicacions privatives que siguin homòlogues.

Eina de Disseny Web

Encara que hi ha diverses eines per Disseny gràfic en GNU / Linux (I repeteixo en Windows), jo sempre ús febrer en específic: GIMP e Inkscape.

Amb Inkscape faig tot el que té a veure amb el maquetat i creació de gràfics 2D per als llocs. És més, gairebé tota l'aparença d'com es veurà el lloc (el Mockup) ho faig amb aquesta eina.

Inkscape al Windows

Inkscape al Windows

Amb GIMP el que faig és el treball amb fons, l'edició de les imatges que vaig a utilitzar i el canvi de format en cas de ser necessari.

GIMP a Windows

GIMP a Windows

Abans que em saltin alguns usuaris a coll, poso Screenshots de les aplicacions en Windows, perquè és el que estic fent servir ara per mals majors. ho sento

Eines de Desenvolupament Web

No sóc dels que fa servir IDEs de Desenvolupament, Prefereixo editors de Textos perquè per el que faig, vaig sobrat amb ells. Si em pregunten recomanaria Bluefish, Però actualment em sento molt a gust amb Suports.

Brackets_Function

Brackets a Windows

Prefereixo aquest últim per diversos motius, entre ells, perquè està orientat específicament a HTML5, CSS3 y JS, De manera que l'autocompletat conté les etiquetes HTML i les seves propietats molt actualitzades.

Podria usar també SublimText, De fet sempre el tinc instal·lat, ja que posseeix algunes opcions que em s'acomoden molt la feina com ara Buscar i Reemplaçar en tots els arxius de el projecte.

en Resum

El millor de totes les eines que he esmentat anteriorment és que són multiplataforma i Codi obert. En aquests dies m'he vist obligat a fer servir Windows i no he deixat de treballar gràcies a això.

El que més m'emociona d'aquest món, és que no cal estudiar una carrera fins al final, només tenir bones idees i excel·lents recursos a la mà. Actualment podem aprendre molt sobre Desenvolupament i Disseny Web a Internet.

Recentment vaig descobrir molt bons Tips al Blog de MisterMonkey una agència on treballa un amic, que ofereixen serveis de desenvolupament i disseny web a Granada, Però hi ha moltíssims més llocs amb material interessant per tot el web.

¿Que altres eines no he esmentat i els recomano? per gràfics Krita, I per codear Geany, KATE y VIM. Alguna recomanació per a mi?


Deixa el teu comentari

La seva adreça de correu electrònic no es publicarà. Els camps obligatoris estan marcats amb *

*

*

  1. Responsable de les dades: Miguel Ángel Gatón
  2. Finalitat de les dades: Controlar l'SPAM, gestió de comentaris.
  3. Legitimació: El teu consentiment
  4. Comunicació de les dades: No es comunicaran les dades a tercers excepte per obligació legal.
  5. Emmagatzematge de les dades: Base de dades allotjada en Occentus Networks (UE)
  6. Drets: En qualsevol moment pots limitar, recuperar i esborrar la teva informació.

  1.   HacKan va dir

    Che, et consulto: per PHP5.5 + HTLM5 + CSS3, què recomendás ?. Actualment estic amb NetBeans, que per a PHP va més o menys (no arriba a 5.5), però la resta queda penjat ... Ha de comptar amb suport d'accés a repos i ssh.
    Braquets em va cridar l'atenció, i veig arxius PHP aquí. Li vaig a donar una prova 😀

    Salutacions!

    pd: ja no fan servir disq.us?

    1.    ILAV va dir

      Doncs hauries de provar amb Brackets o amb SublimeText en última instància. KDevelop ara és que li està donant suport a PHP més o menys decent. Però això si, els dos primers esmentats no són IDEs.

      1.    HacKan va dir

        Acabo de provar Brackets, i en efecte, no és IDE. No em serveix de molt, si bé la seva interfície senzilla resulta vistosa.
        Provaré ST3 a veure q ona, grax!

        1.    ILAV va dir

          M'ho vaig imaginar .. 😉

          1.    CobyNighter va dir

            El meu odi cap als IDE s, és com el teu odi a java ILAV JAJAJA.
            Jo estimo Sublim Text! 😀

      2.    Gibran Barrera va dir

        Han provat emmet, genial per Brackets.

    2.    eliotime3000 va dir

      Jo et recomanaria GNU Emacs, el qual s'adapta fàcilment a aquest tipus de llenguatges de programació, a més que sol ser força útil si vols prescindir d'el ratolí.

      A mi també em va cridar l'atenció Brackets, ja que és una IDE bastant senzilla que em pot facilitar el maneig i l'edició dels arxius basant-se el codi font a l'hora d'editar en HTML5 i CSS3.

      DesdeLinux, Des dels seus inicis, ja no fa servir Disqus. El que usava aquest gestor de comentaris era Fem servir Linux, A més que el segon estava fent servir Blogger, pel que en ocasions, hi ha un problema amb la redirecció dels enllaços dels articles vells. Feliçment, els spiders de Google estan actualitzant els links dels articles de UsemosLinux abans de la fusió a DesdeLinux.

    3.    3ndriago va dir

      prova phpStorm

      1.    HacKan va dir

        M'ho havien recomanat, i des de la pàgina sembla bo, però he de comprar-ho o trucharlo, i sincerament vull evitar les dues situacions de moment ...

    4.    Schneider Lleuger va dir

      Pots utilitzar netbeans, jo l'he utilitzat, té depurador, llista i altres pijades que se li pot demanar a un IDE.Soporta Php, Javascript, Java, HTML, c, c ++ ...

  2.   Jorge P va dir

    Genial !, seria molt útil un petit tut en maquetació utilitzant InkScape :).

  3.   Tahuri va dir

    La veritat que aquestes eines són molt bones i les ús a tots, excepte brackets ja que la meva feina és mes backend que frontend, però de tant en tant el faig servir per maquetear algunes coses (Només HTML5) ja que css i js el faig servir directament amb sublim 🙂 Moltes Gràcies per compartir.

  4.   patodx va dir

    No sóc dissenyador web, ni menys informàtic, però després de veure l'ús professional que se li dóna a Gimp, el prendré mes en compte i ho estudiaré per deixar d'una vegada per totes photoshop.

    salutacions.

    1.    eliotime3000 va dir

      De fet, GIMP és un excel·lent reemplaçament de Photoshop, ja que si es el configura adequadament, t'oblides pràcticament d'ell.

      En el meu cas, em costa aprendre a manejar moltes de les seves eines per manejar les capes en GIMP tot que el maneig és similar a el de Photoshop. Però que és igual o superior que el Photoshop, no em queda cap dubte.

  5.   eliotime3000 va dir

    Francament, jo vaig usant Photoshop i Illustrator causa de que no em acostumo a l' modus operandi de les seves eines, a més que normalment solen demanar-me treballs fets amb aquest programari (i per sobre de mals, m'he acostumat a ells).

    A la fi de a el cap, vaig guardant els meus treballs en formats lliures com .PNG per imatges estàtiques i .svg per poder visualitzar els meus gràfics vectorials directament al navegador.

    Els meus respectes per a aquelles persones que saben treballar amb GIMP i Inkscape.

  6.   3ndriago va dir

    Adobe Brackets no és un IDE, només un editor de textos avançats cortesia d'Adobe (i repeteixo Adobe a propòsit!) XD

    1.    ILAV va dir

      Com bé vaig dir al Post, no és un IDE, és un Editor de Text i si, va ser llançat per Adobe però a la fi el manté La Comunitat 😛

  7.   pobreotaku va dir

    Emacs és el més còmode / potent en el que sigui, mentre prenia el curs sobre disseny web de miríadax vaig provar bluefish, Aptana i brackets, que no estan malament, però en cap vaig trobar comoditat, des de llavors abandoni fins al gedit i li dediqui un bon temps a aprendre més ordres en l'eina definitiva EMACS.

  8.   cristià va dir

    en el meu treball utilitzo asp.net amb web forms, és súper senzill i ràpid desenvolupar aplicacions, hi ha alternatives web visuals drrag and drop lliures? agrairia el seu suport ja que porto setmanes buscant reemplaçament a asp.net

  9.   vidagnu va dir

    Jo ús Gimp per a edició d'imatges, no li faig gaire a inkspace, i per programar gvim o vaig veure.

    Salutacions

  10.   siot va dir

    Jo ús Cloud9, em permet seguir treballant on ho vaig deixar estigui a l'ordinador que estigui. El projecte pot estar allotjat en un servidor per ftp o en el propi Cloud9.

    En funcions no té res a envejar a altres editors d'escriptori.

  11.   Gibran Barrera va dir

    Jo arribi a utilitzar Emacs, però els desenvolupadors d'Adobe estan fent un excel·lent treball amb Brackets i avui el faig servir en Windows i GNU / Linux, excel·lent eina.

  12.   Ñandekuera va dir

    eclipsi PHP

  13.   Sadalsuud va dir

    Bacano i si és genial això de la multiplataforma. No sabia de Brackets. Gràcies, m'agrada aquest bloc.

  14.   Sadalsuud va dir

    No coneixia Brackets. Gràcies vaig a mirar què tal és. M'agrada aquest bloc.

  15.   Xunorus va dir

    Salutacions comunitat, gràcies ILAV per l'article.
    Vull suggerir facin un cop d'ull a Grunt (gruntjs.com), a mi m'ha canviat la manera com desenvolupament tot el que sigui web. Suggereixo en particular els connectors browser_sync, watch, jshint, uglify, imagemin i Sass.
    Amb això ja es pot sincronitzar en múltiples dispositius, injectar css, usar Sass, comprimir i preparar per web totes els arxius d'imatges automàticament i muucho mes.

  16.   Alberto va dir

    I sobre que distro treballes en desenvolupament web?

  17.   Mario va dir

    Hola fa no gaire em canviï a linux, i estava començant a aprendre a fer servir inkscape per als meus dissenys web, però no he trobat molts recursos a la web, em va preguntar si em podries recomanar algun llibre, tutorials, algun recurs que m'ajudi amb inkscape o gimp per adentrearme en el disseny web, tinc poc background en això però amb photoshop i illustrator

  18.   MSX va dir

    One ring to rule them all: EMACS.

  19.   Verónica va dir

    Bon article i gran aportació al meu negoci, gràcies

  20.   Antonio Alcala va dir

    Les eines de disseny i desenvolupament web que s'esmenten en aquest article són de molt bona reputació, personalment crec que també hi ha altres eines com ara WordPress, que facilita un usuari menys experimentat la creació d'una web. M'agradaria preguntar-los sobre WordPress, ¿és una bona plataforma per al disseny de pàgines web, blogs i botigues online?
    Moltes gràcies per l'article.
    Una cordial salutació.

    1.    Sergio va dir

      Aquestes de broma veritat?

  21.   Roberto Rubio Romero va dir

    A mi em sembla molt interessant tot això de el disseny web amb LINUX, m'agradaria veure alguns dels teus treballs ja a la xarxa i funcionant. No sóc expert en la matèria però si em crida molt l'atenció. Fa ja algun temps amb ajuda de MUSE d'ADOBE vaig fer una cosa que potser es pugui cridar pàgina «» acudit »» però res que valgui la pena, ara vull provar en linux a veure si aprenc alguna cosa perquè amb el programa que abans he esmentat és només cosa d'anar armant i crec que no té molta gràcia i molt menys dificultat. Agrairia em instruyas una mica

  22.   federico va dir

    hola encontre molt interessant la teva pagina visc a argentina i m'encanten els llenguatges de programació, ejm: python, java etc i ni q parlar de linux «GRÀCIES Linus Torvalds», X una banda ELS AMO PERQUÈ SÓN FREE I ÉS EL MÉS EN SISTEMES, ix altra banda els odio perquè no es amb qual quedar-me he provat tants un de millor q altre, bé m'acomiado fins aviat en face estic com FEDERICO KICZKA.

  23.   Cristiano va dir

    Bon article, porto diversos anys com a dissenyador web i frontal exclusivament en Linux (Ubuntu per ser exacte), amb Inkscape i Gimp he participat en molts projectes i he arribat a entendre que l'eina és bàsicament una opció, si bé és cert que hi ha diferències en el desenvolupament de cadascuna, en termes generals es poden realitzar treballs tan bons com el de qualsevol, només cal dedicar temps com a tot. I si anem a sistema operatiu el no dependre de Windows és un alleujament que tinc fa gairebé 15 anys.
    Salutacions des de Perú.

  24.   Carlos va dir

    Mira la veritat bastant pobra la teva recerca de programes per disseny web a Linux, hi ha una bona gamma de programes només cal buscar-los i funcionen molt bé ...