Instrumentele mele pentru dezvoltare și proiectare web cu GNU / Linux

După ce am terminat articolul în care am vorbit despre cum adăugați un shortcode la tema noastră de WordPress, Mi-a venit în minte să vă împărtășesc care sunt instrumentele pe care le folosesc pentru proiectare și dezvoltare web GNU / Linux (și chiar acum pe Windows 8, dar asta este o altă poveste).

Fără să vreau să intru prea departe în avantajele / dezavantajele fiecăruia dintre ele, vă pot spune că le folosesc de mai bine de 5 ani și, până acum, nu am avut nevoie să folosesc aplicații proprietare care sunt omoloage.

Instrument de proiectare web

Deși există mai multe instrumente pentru Design grafic en GNU / Linux (și repet în Windows), folosesc întotdeauna 2 în mod specific: GIMP e Inkscape.

cu Inkscape Fac tot ce are legătură cu aspectul și crearea graficii 2D pentru site-uri. Mai mult decât atât, aproape tot aspectul modului în care va arăta site-ul (Mockup-ul) îl fac cu acest instrument.

Inkscape pe Windows

Inkscape pe Windows

cu GIMP ceea ce fac este să lucrez cu fundaluri, să editez imaginile pe care le voi folosi și să schimb formatul dacă este necesar.

GIMP pe Windows

GIMP pe Windows

Înainte ca unii utilizatori să îmi sară la gât, am pus capturi de ecran ale aplicațiilor în Windows, pentru că este ceea ce folosesc acum pentru rele mai mari. imi pare rau

Instrumente de dezvoltare web

Nu sunt genul de folosit IDE de dezvoltare, Prefer editorii de text, deoarece pentru ceea ce fac, am o mulțime de ei. Dacă mă întrebați aș ​​recomanda Bluefish, dar în prezent mă simt foarte confortabil cu Console.

Paranteze_Funcție

Paranteze pe Windows

Îl prefer pe acesta din urmă din mai multe motive, inclusiv pentru că este orientat în mod specific HTML5, CSS3 y JS, deci completarea automată conține etichetele HTML foarte actualizate și proprietățile acestora.

S-ar putea folosi și SublimeTextDe fapt, îl am întotdeauna instalat, deoarece are câteva opțiuni care îmi facilitează munca, cum ar fi Căutare și înlocuire în toate fișierele de proiect.

În concluzie

Cel mai bun lucru despre toate instrumentele pe care le-am menționat mai sus este că acestea sunt pe mai multe platforme și Sursă deschisă. În aceste zile am fost forțat să folosesc ferestre din și nu am încetat să lucrez din cauza asta.

Ceea ce mă entuziasmează cel mai mult în această lume este că nu este necesar să studiezi o diplomă pentru a termina, ci doar să ai idei bune și resurse excelente la îndemână. În prezent, putem afla multe despre dezvoltarea și proiectarea web pe Internet.

Am descoperit recent sfaturi foarte bune în Blogul MisterMonkey o agenție în care lucrează un prieten, care oferă servicii de dezvoltare și web design în Granada, dar există mult mai multe site-uri cu materiale interesante pe web.

Ce alte instrumente nu am menționat și recomand? Pentru grafică Krita, și la cot Geany, KATE y VIM. Vreo recomandare pentru mine?


Lasă comentariul tău

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

*

*

  1. Responsabil pentru date: Miguel Ángel Gatón
  2. Scopul datelor: Control SPAM, gestionarea comentariilor.
  3. Legitimare: consimțământul dvs.
  4. Comunicarea datelor: datele nu vor fi comunicate terților decât prin obligație legală.
  5. Stocarea datelor: bază de date găzduită de Occentus Networks (UE)
  6. Drepturi: în orice moment vă puteți limita, recupera și șterge informațiile.

  1.   HackKan el a spus

    Che, vă întreb: pentru PHP5.5 + HTLM5 + CSS3, ce recomandați? În prezent sunt cu NetBeans, care pentru PHP este mai mult sau mai puțin (nu ajunge la 5.5), dar restul este suspendat ... Trebuie să aibă acces la repo și ssh.
    Braquetele mi-au atras atenția și văd fișiere PHP acolo. O să-ți fac un test 😀

    Salutări!

    ps: nu mai folosiți disq.us?

    1.    plin de viață el a spus

      Ei bine, ar trebui să încercați Brackets sau SublimeText în cele din urmă. KDEvelop oferă acum suport PHP mai mult sau mai puțin decent. Dar da, primele două menționate nu sunt IDE.

      1.    HackKan el a spus

        Tocmai am încercat Brackets și, într-adevăr, nu este IDE. Nu mă ajută prea mult, deși interfața sa simplă este atractivă.
        Voi încerca ST3 să văd ce se întâmplă, grax!

        1.    plin de viață el a spus

          Mi-am dat seama .. 😉

          1.    cobynighter el a spus

            Ura mea față de IDE este ca ura ta față de java elav HAHAHA.
            Ador textul sublim! 😀

      2.    Gibran barrera el a spus

        Am încercat emmet, minunat pentru aparate dentare.

    2.    eliotime3000 el a spus

      Aș recomanda GNU Emacs, care este ușor de adaptat la acest tip de limbaj de programare și este de obicei destul de util dacă doriți să faceți fără mouse.

      De asemenea, parantezele mi-au atras atenția, deoarece este un IDE destul de simplu care îmi poate face mai ușor să manipulez și să editez fișierele pe baza codului sursă atunci când editez în HTML5 și CSS3.

      DesdeLinuxDe la începuturile sale, nu mai folosește Disqus. Cel care a folosit managerul de comentarii a fost Să folosim LinuxÎn plus, al doilea folosea Blogger, deci uneori există o problemă cu redirecționarea linkurilor către articole vechi. Din fericire, păianjenii Google actualizează linkurile articolului UsemosLinux înainte de lansare. fuziunea la DesdeLinux.

    3.    3ndriago el a spus

      Testați phpStorm

      1.    HackKan el a spus

        Mi-l recomandaseră și din pagină mi se pare bine, dar trebuie să-l cumpăr sau truchalo și vreau sincer să evit ambele situații deocamdată ...

    4.    Schneider Light el a spus

      Puteți utiliza netbeans, l-am folosit, are un depanator, o listă și alte posh care pot fi solicitate de la un IDE. Suportă Php, javascript, java, html, c, c ++ ...

  2.   George P. el a spus

    Minunat! Un mic tutorial despre aspect folosind InkScape ar fi foarte util :).

  3.   tahuri el a spus

    Adevărul este că aceste instrumente sunt foarte bune și le folosesc pe toate, cu excepția parantezelor, deoarece munca mea este mai mult backend decât frontend, dar din când în când îl folosesc pentru a aranja unele lucruri (Numai HTML5), deoarece css și js îl folosesc direct cu sublim 🙂 Vă mulțumesc foarte mult pentru distribuire.

  4.   patodx el a spus

    Nu sunt un web designer și nici mai puțin un informatician, dar după ce am văzut utilizarea profesională care i se dă lui Gimp, o voi lua în considerare mai mult și o voi studia pentru a părăsi Photoshop odată pentru totdeauna.

    Salutări.

    1.    eliotime3000 el a spus

      De fapt, GIMP este un înlocuitor excelent pentru Photoshop, deoarece dacă îl configurați corect, uitați practic de el.

      În cazul meu, este dificil pentru mine să învăț să folosesc multe dintre instrumentele sale pentru a gestiona straturile din GIMP, chiar dacă manipularea este similară cu cea a Photoshop. Dar că este egal sau superior Photoshop, nu mă îndoiesc.

  5.   eliotime3000 el a spus

    Ca să spun adevărul, folosesc Photoshop și Illustrator pentru că nu sunt obișnuit. modus operandi dintre instrumentele lor, pe lângă faptul că, de obicei, îmi cer slujbele făcute cu software-ul menționat (și pentru a înrăutăți lucrurile, m-am obișnuit cu ele).

    La urma urmei, îmi salvez munca în formate gratuite, cum ar fi .PNG pentru imagini statice și .SVG pentru a putea vizualiza grafica mea vectorială direct în browserul meu.

    Respectul meu față de cei care știu să lucreze cu GIMP și Inkscape.

  6.   3ndriago el a spus

    Adobe Brackets nu este un IDE, ci doar un editor de text avansat, oferit de Adobe (și de altfel repet Adobe!) XD

    1.    plin de viață el a spus

      Așa cum am spus în Post, nu este un IDE, este un editor de text și da, a fost lansat de Adobe, dar în cele din urmă este menținut de Comunitatea 😛

  7.   săracul taku el a spus

    Emacs este cel mai confortabil / mai puternic în orice, în timp ce urmam cursul de web design de la myriadax, am încercat bluefish, aptana și paranteze, care nu sunt rele, dar în niciunul nu am găsit confort, de atunci am plecat până la gedit și am Dedicați un timp bun pentru a afla mai multe comenzi în instrumentul EMACS final.

  8.   creştin el a spus

    În munca mea folosesc asp.net cu formulare web, este foarte simplu și rapid să dezvolt aplicații, există alternative gratuite de vizualizare web drrag și drop? Aș aprecia sprijinul dvs. deoarece am căutat un înlocuitor pentru asp.net pentru săptămâni

  9.   vidagnu el a spus

    Folosesc Gimp pentru editarea de imagini, nu fac mult pentru inkspace și pentru programarea gvim sau vi.

    În ceea ce priveşte

  10.   siot el a spus

    Folosesc Cloud9, îmi permite să continui să lucrez acolo unde am rămas pe orice computer sunt. Proiectul poate fi găzduit pe un server prin ftp sau pe Cloud9 însuși.

    În funcții nu are nimic de invidiat față de alți editori de desktop.

  11.   Gibran barrera el a spus

    Am ajuns să folosesc Emacs, dar dezvoltatorii Adobe fac o treabă excelentă cu Brackets și astăzi îl folosesc pe Windows și GNU / Linux, un instrument excelent.

  12.   Ñandekuera el a spus

    eclipse php

  13.   sadalsuud el a spus

    Bacano și dacă este grozav cel al multiplateformei. Nu știam despre paranteze. Mulțumesc, îmi place acest blog.

  14.   sadalsuud el a spus

    Nu știam paranteze. Mulțumesc, voi vedea cum este. Îmi place acest blog.

  15.   xunorus el a spus

    Salutări comunitate, mulțumesc Elav pentru articol.
    Vreau să vă sugerez să aruncați o privire la Grunt (gruntjs.com), a schimbat modul în care dezvolt tot ceea ce este web. Îți sugerez în special pluginurile browser_sync, watch, jshint, uglify, imagemin și sass.
    Cu aceasta, puteți sincroniza pe mai multe dispozitive, puteți injecta css, puteți utiliza sass, comprima și pregăti pentru web toate fișierele de imagine în mod automat și multe altele.

  16.   Alberto el a spus

    Și la ce distribuție lucrați în dezvoltarea web?

  17.   mario el a spus

    Salut, nu cu mult timp în urmă am trecut la Linux și începusem să învăț cum să folosesc inkscape pentru proiectele mele web, totuși nu am găsit multe resurse pe web, el m-a întrebat dacă mi-ai putea recomanda cărți, tutoriale, orice resurse care mă ajută cu inkscape sau gimp să intru în designul web, am puțin background în el, dar cu photoshop și ilustrator

  18.   MSX el a spus

    Un inel care să le conducă pe toate: EMACS.

  19.   veronica el a spus

    Articol bun și o mare contribuție la afacerea mea, vă mulțumesc

  20.   Antonio Alcalá el a spus

    Instrumentele de proiectare și dezvoltare web menționate în acest articol au o reputație foarte bună, personal cred că există și alte instrumente precum WordPress, ceea ce face mai ușor pentru un utilizator mai puțin experimentat să creeze un site web. Aș vrea să vă întreb despre WordPress, este o platformă bună pentru proiectarea de pagini web, bloguri și magazine online?
    Vă mulțumesc foarte mult pentru articol.
    Cu stima.

    1.    Sergio el a spus

      Glumești, nu?

  21.   Roberto Rubio Romero el a spus

    Toate aceste web design-uri cu LINUX mi se par foarte interesante, aș vrea să văd o parte din munca ta deja pe net și funcționează. Nu sunt expert în acest subiect, dar îmi atrage atenția. Cu ceva timp în urmă, cu ajutorul ADOBE MUSE, am făcut ceva ce se poate numi o pagină «» glumă »», dar nimic care nu merită, acum vreau să încerc în linux să văd dacă învăț ceva pentru că cu programul pe care l-am menționat înainte este doar un lucru de a pune împreună și cred că nu este foarte amuzant și mult mai puțin dificil. Aș aprecia că mă instruiești puțin

  22.   Federico el a spus

    salut am găsit pagina ta foarte interesantă Locuiesc în Argentina și îmi plac limbajele de programare, de ex: python, java etc. și să nu mai vorbim de linux "MULȚUMESC LINUS TORVALDS", X UN LATERAL ÎI IUBESC DIN CE SUNT GRATUITI ȘI ESTE CELE MAI MULTE ÎN SISTEME Și, pe de altă parte, îi urăsc pentru că nu știu cu care să rămân, am încercat atât de mulți unul mai bine decât celălalt, ei bine îmi iau rămas bun de la tine în curând, sunt ca FEDERICO KICZKA.

  23.   creștin el a spus

    Bun articol, sunt designer de web și frontend de câțiva ani exclusiv pe Linux (Ubuntu mai exact), cu Inkscape și Gimp am participat la multe proiecte și am înțeles că instrumentul este practic o opțiune, deși este adevărat că există diferențe În dezvoltarea fiecăruia, în termeni generali poți îndeplini lucrări la fel de bune ca oricine, trebuie doar să dedici timp tuturor. Și dacă mergem la sistemul de operare, nu depinde de Windows este o ușurare pe care o am de aproape 15 ani.
    Salutări din Peru.

  24.   Carlos el a spus

    Uită-te la adevărul foarte slab al căutării tale de programe pentru web design în Linux, există o gamă bună de programe pe care trebuie doar să le cauți și funcționează foarte bine ...