Moje nástroje pre vývoj a dizajn webu s GNU / Linux

Po dokončení článku, kde som hovoril o tom, ako pridať krátky kód na našu tému WordPress„Napadlo mi, že sa s vami môžem podeliť o nástroje, ktoré používam pri vývoji a tvorbe webových stránok GNU / Linux (a práve teraz v systéme Windows 8, ale to je už iný príbeh).

Bez toho, aby som sa chcel príliš zaoberať výhodami / nevýhodami každého z nich, vám môžem povedať, že ich používam už viac ako 5 rokov a doteraz som nemusel používať proprietárne aplikácie, ktoré by boli homológne.

Nástroj pre návrh webu

Aj keď existuje niekoľko nástrojov Grafický dizajn en GNU / Linux (a opakujem to vo Windows), vždy používam 2 konkrétne: GIMP e Inkscape.

s Inkscape Robím všetko, čo súvisí s rozložením a tvorbou 2D grafiky pre stránky. A čo viac, takmer všetok vzhľad toho, ako bude web vyzerať (maketa), robím s týmto nástrojom.

Inkscape vo Windows

Inkscape vo Windows

s GIMP pracujem na pozadí, upravujem obrázky, ktoré budem používať, a v prípade potreby upravím formát.

GIMP vo Windows

GIMP vo Windows

Predtým, ako mi niektorí používatelia skočia na krk, som vložil Screenshoty aplikácií v systéme Windows, pretože to je to, čo teraz používam pre väčšie zlo. Prepáč

Nástroje na vývoj webu

Nie som typ, ktorý by som používal Vývojové IDE, Mám radšej textové editory, pretože na to, čo robím, ich mám veľa. Ak sa ma pýtate, odporučil by som Modrá rybka, ale momentálne sa s ním cítim veľmi dobre Konzoly.

Konzoly_Funkcia

Konzoly v systéme Windows

Preferujem to druhé z niekoľkých dôvodov, aj preto, lebo je špeciálne zamerané na HTML5, CSS3 y JS, takže automatické dopĺňanie obsahuje najaktuálnejšie značky HTML a ich vlastnosti.

Môže tiež použiť Sublime TextVlastne to mám vždy nainštalované, pretože má niektoré možnosti, ktoré mi prácu oveľa uľahčujú, napríklad Vyhľadávanie a Nahradenie vo všetkých súboroch projektu.

V súhrne

Najlepšie na všetkých nástrojoch, ktoré som spomenul vyššie, je, že sú multiplatformové a Open Source. V týchto dňoch som bol nútený používať Windows a neprestal som kvôli tomu pracovať.

Na tomto svete ma najviac vzrušuje, že nie je potrebné dokončiť štúdium, stačí mať po ruke dobré nápady a vynikajúce zdroje. V súčasnosti sa môžeme dozvedieť veľa informácií o vývoji a dizajne webu na internete.

Nedávno som objavil veľmi dobré tipy v Blog MisterMonkey agentúra, kde pracuje kamarát, ktorý ponúka vývojové služby a webdizajn v Granade, ale na celom webe existuje oveľa viac stránok so zaujímavým materiálom.

Aké ďalšie nástroje som nespomenul a odporúčam? Pre grafiku Kriti, a po lakeť Gean, KATE y VIM. Nejaké odporúčanie pre mňa?


Zanechajte svoj komentár

Vaša e-mailová adresa nebude zverejnená. Povinné položky sú označené *

*

*

  1. Zodpovedný za údaje: Miguel Ángel Gatón
  2. Účel údajov: Kontrolný SPAM, správa komentárov.
  3. Legitimácia: Váš súhlas
  4. Oznamovanie údajov: Údaje nebudú poskytnuté tretím stranám, iba ak to vyplýva zo zákona.
  5. Ukladanie dát: Databáza hostená spoločnosťou Occentus Networks (EU)
  6. Práva: Svoje údaje môžete kedykoľvek obmedziť, obnoviť a vymazať.

  1.   hackan dijo

    Che, pýtam sa ťa: pre PHP5.5 + HTLM5 + CSS3, čo odporúčaš? Momentálne som s NetBeans, ktorý je pre PHP viac-menej (nedosahuje 5.5), ale zvyšok visí ... Musí mať podporu prístupu k repo a ssh.
    Braquets ma zaujali a vidím tam súbory PHP. Idem ti dat test 😀

    Zdravím!

    ps: už nepoužívate disq.us?

    1.    živý dijo

      Nakoniec by ste mali vyskúšať zátvorky alebo SublimeText. KDEvelop teraz poskytuje viac-menej slušnú podporu PHP. Ale áno, prvé dva spomenuté nie sú IDE.

      1.    hackan dijo

        Práve som vyskúšal zátvorky a skutočne to nie je IDE. Veľmi mi to nepomáha, hoci jeho jednoduché rozhranie je atraktívne.
        Vyskúšam ST3 a uvidím, čo sa deje, grax!

        1.    živý dijo

          Prišiel som na to .. 😉

          1.    cobynighter dijo

            Moja nenávisť k IDE je ako vaša nenávisť k java elav HAHAHA.
            Milujem Sublime Text! 😀

      2.    Gibran barrera dijo

        Vyskúšali ste Emmet, vynikajúci na traky.

    2.    eliotime3000 dijo

      Odporučil by som GNU Emacs, ktorý sa ľahko prispôsobí tomuto typu programovacieho jazyka, a je zvyčajne veľmi užitočný, ak sa chcete zaobísť bez myši.

      Konzoly ma tiež zaujali, pretože ide o pomerne jednoduché IDE, ktoré mi môže uľahčiť manipuláciu a úpravu súborov na základe zdrojového kódu pri úpravách v HTML5 a CSS3.

      DesdeLinuxOd svojho vzniku už nepoužíva Disqus. Ten, kto použil uvedeného manažéra komentárov, bol Použime LinuxDruhý navyše používal službu Blogger, takže niekedy nastáva problém s presmerovaním odkazov na staré články. Našťastie pavúky Google pred vydaním aktualizujú odkazy na články o systéme UsemosLinux. fúzia do DesdeLinux.

    3.    3ndriago dijo

      Vyskúšajte phpStorm

      1.    hackan dijo

        Odporučili mi to a zo stránky to vyzerá dobre, ale musím si to kúpiť alebo truchalo a úprimne sa zatiaľ chcem vyhnúť obom situáciám ...

    4.    Schneiderovo svetlo dijo

      Môžete použiť netbeans, použil som to, má debugger, zoznam a ďalšie doplnky, ktoré je možné vyžiadať z IDE. Podporuje Php, javascript, javu, html, c, c ++ ...

  2.   George P. dijo

    Výborne! Malý návod na rozloženie pomocou InkScape by bol veľmi užitočný :).

  3.   tahuri dijo

    Pravdou je, že tieto nástroje sú veľmi dobré a používam ich všetky, okrem zátvoriek, pretože moja práca je viac backendová ako frontendová, ale čas od času ju použijem na rozloženie niektorých vecí (iba HTML5), pretože používam css a js priamo s vznešeným 🙂 Ďakujem pekne za zdieľanie.

  4.   patodx dijo

    Nie som webdizajnér alebo ešte menej počítačový vedec, ale keď uvidím profesionálne využitie, ktoré má Gimp, viac to zohľadním a preštudujem, aby som raz zastavil photoshop.

    pozdravy.

    1.    eliotime3000 dijo

      GIMP je v skutočnosti vynikajúcou náhradou za Photoshop, pretože ak ho správne nakonfigurujete, prakticky na neho zabudnete.

      V mojom prípade je pre mňa ťažké naučiť sa používať veľa jeho nástrojov na prácu s vrstvami v GIMPe, aj keď je s nimi manipulácia podobná ako vo Photoshope. Ale že je rovnaký alebo lepší ako Photoshop, nepochybujem.

  5.   eliotime3000 dijo

    Pravdupovediac, používam Photoshop a Illustrator, pretože na to nie som zvyknutý. modus operandi svojich nástrojov a zvyčajne odo mňa pýtajú úlohy vykonané s uvedeným softvérom (a aby toho nebolo málo, zvykol som si na ne).

    Koniec koncov, svoju prácu ukladám do voľných formátov, ako sú .PNG pre statické obrázky a .SVG, aby som si mohol pozrieť svoju vektorovú grafiku priamo v prehliadači.

    S úctou tým, ktorí vedia pracovať s programami GIMP a Inkscape.

  6.   3ndriago dijo

    Adobe Brackets nie je IDE, je to iba pokročilý textový editor s povolením Adobe (a Adobe Apropo!)

    1.    živý dijo

      Ako som povedal v príspevku, nejde o IDE, jedná sa o textový editor a áno, spustil ho Adobe, ale nakoniec ho udržiava komunita 😛

  7.   chudák taku dijo

    Emacs je najpohodlnejší / najsilnejší v čomkoľvek, zatiaľ čo som absolvoval kurz webdizajnu z myriadaxu, vyskúšal som bluefish, aptanu a zátvorky, ktoré nie sú zlé, ale v žiadnom som nenašiel pohodlie, odvtedy som odišiel až do geditu a ja venujte dobrý čas tomu, aby ste sa dozvedeli viac príkazov v dokonalom nástroji EMACS.

  8.   kresťan dijo

    Pri svojej práci používam asp.net s webovými formulármi, je veľmi jednoduché a rýchle vyvíjať aplikácie, existujú bezplatné alternatívy vizuálneho webu drrag and drop? Ocenil by som vašu podporu, pretože som hľadal náhradu za asp.net pre týždňov

  9.   vidagnu dijo

    Používam Gimp na úpravu obrázkov, s inkspace toho moc nerobím a na programovanie gvim alebo vi.

    pozdravy

  10.   siot dijo

    Používam Cloud9, umožňuje mi pokračovať v práci tam, kde som prestal, na akomkoľvek počítači. Projekt môže byť hostený na serveri prostredníctvom ftp alebo na samotnom Cloud9.

    Vo funkciách nemá čo závidieť ostatným desktop editorom.

  11.   Gibran barrera dijo

    Prišiel som, aby som použil Emacs, ale vývojári Adobe odvádzajú vynikajúcu prácu s Brackets a dnes ho používam na Windows a GNU / Linux, vynikajúci nástroj.

  12.   Eandekuera dijo

    Zatmenie PHP

  13.   saalsuud dijo

    Bacano a ak je to super, tak z multiplatformy. O zátvorkách som nevedel. Ďakujem, páči sa mi tento blog.

  14.   saalsuud dijo

    Nepoznal som zátvorky. Ďakujem, uvidím, ako to bude. Páči sa mi tento blog.

  15.   xunorus dijo

    Zdravím komunitu, ďakujem Elavovi za článok.
    Chcem vám navrhnúť, aby ste sa pozreli na Grunt (gruntjs.com), zmenilo to spôsob, akým vyvíjam všetko, čo je web. Navrhujem predovšetkým doplnky browser_sync, watch, jshint, uglify, imagemin a sass.
    Vďaka tomu môžete synchronizovať na viacerých zariadeniach, vkladať CSS, používať sass, komprimovať a automaticky pripravovať na web všetky obrazové súbory a oveľa viac.

  16.   Alberto dijo

    A na akom distro pracujete pri vývoji webu?

  17.   mario dijo

    Ahojte, nedávno som prešiel na linux a začínal som sa učiť, ako používať inkscape pre moje webové designy, avšak na webe som nenašiel veľa zdrojov, spýtal sa ma, či by ste mi mohli odporučiť nejaké knihy, návody, akékoľvek zdroje ktoré mi pomáhajú s inkscape alebo gimpom dostať sa do webdizajnu, mám v ňom malé pozadie, ale s photoshopom a ilustrátorom

  18.   MSX dijo

    Jeden prsteň, ktorý vládne všetkým: EMACS.

  19.   Rozrazil dijo

    Dobrý článok a veľký prínos pre moje podnikanie, ďakujem

  20.   Antonio Alcalá dijo

    Nástroje na návrh a vývoj webových stránok, ktoré sú uvedené v tomto článku, majú veľmi dobrú povesť, osobne sa domnievam, že existujú aj ďalšie nástroje, ako napríklad WordPress, ktoré menej skúsenému používateľovi uľahčujú tvorbu webových stránok. Chcel by som sa vás opýtať na WordPress, je to dobrá platforma pre navrhovanie webových stránok, blogov a online obchodov?
    Dakujem velmi pekne za clanok.
    S pozdravom.

    1.    Sergio dijo

      Robíš si srandu, že?

  21.   Roberto Rubio Romero dijo

    Celý tento webdizajn s LINUXom sa mi zdá veľmi zaujímavý, rád by som videl niektoré vaše práce už na nete a fungujú. Nie som odborníkom na túto tému, ale priťahuje ma to. Pred časom som pomocou ADOBE MUSE urobil niečo, čo sa dá nazvať „žartovnou“ stránkou, ale nič to nestojí za to. Teraz chcem vyskúšať v linuxe, či sa niečo naučím, pretože s programom, ktorý som spomínal predtým, je to iba dať dokopy a myslím si, že to nie je veľmi vtipné a oveľa menej náročné. Ocenil by som, keby ste ma trochu poučili

  22.   Federico dijo

    ahoj, našla sa mi tvoja stránka veľmi zaujímavá, žijem v Argentíne a milujem programovacie jazyky, napr. python, java atď. a nehovoriac o linuxe «ĎAKUJEM LINUS TORVALDS», X JEDNOU STRANOU MÁM RÁD, KTORÉ SÚ ZDARMA A JE TO NAJVIAC V SYSTÉMOCH a na druhej strane ich nenávidím, pretože neviem, s ktorým zostať, vyskúšal som toľko z nich lepšie ako druhý, no čoskoro sa s vami lúčim, som ako FEDERICO KICZKA.

  23.   kresťan dijo

    Dobrý článok, niekoľko rokov som webovým a frontendovým dizajnérom výlučne v systéme Linux (presnejšie Ubuntu), v Inkscape a Gimp som sa zúčastnil mnohých projektov a pochopil som, že tento nástroj je v zásade možnosťou, aj keď je je pravda, že existujú rozdiely Pri vývoji každého z nich môžete všeobecne vykonávať práce rovnako dobré ako ktokoľvek iný, len všetkému musíte venovať čas. A keď pôjdeme do operačného systému, nezávislosť od Windows je úľava, ktorú mám už takmer 15 rokov.
    Zdravím z Peru.

  24.   Carlos dijo

    Pozrite sa na veľmi zlú pravdu, že pri výskume programov pre webdizajn v systéme Linux existuje veľa programov, ktoré musíte jednoducho vyhľadať, a ktoré fungujú veľmi dobre ...