Mijn tools voor webontwikkeling en -ontwerp met GNU / Linux

Na het afronden van het artikel waar ik het had over hoe voeg een shortcode toe op ons thema van WordPress, Het kwam bij me op om met u te delen welke tools ik gebruik voor webdesign en -ontwikkeling GNU / Linux (en nu op Windows 8, maar dat is een ander verhaal).

Zonder al te veel in te willen gaan op de voor- en nadelen van elk van hen, kan ik je vertellen dat ik ze al meer dan 5 jaar gebruik en tot dusverre heb ik geen eigen applicaties hoeven te gebruiken die homoloog zijn.

Webontwerptool

Hoewel er verschillende tools zijn om Grafisch ontwerp en GNU / Linux (en ik herhaal in Windows), ik gebruik er altijd 2 specifiek: GIMP e Inkscape.

met Inkscape Ik doe alles wat te maken heeft met de layout en creatie van 2D graphics voor de sites. Wat meer is, bijna al het uiterlijk van hoe de site eruit zal zien (de Mockup) doe ik met deze tool.

Inkscape op Windows

Inkscape op Windows

met GIMP wat ik doe is werken met achtergronden, de afbeeldingen bewerken die ik ga gebruiken en indien nodig het formaat wijzigen.

GIMP op Windows

GIMP op Windows

Voordat sommige gebruikers naar mijn nek springen, heb ik screenshots van de applicaties in Windows gezet, omdat het is wat ik nu gebruik voor groter kwaad. Het spijt me

Webontwikkelingstools

Ik ben niet het type dat moet worden gebruikt Ontwikkeling IDE's, Ik geef de voorkeur aan teksteditors, want voor wat ik doe, heb ik er genoeg. Als je het mij vraagt, zou ik het aanraden Blauwe vis, maar momenteel voel ik me er erg comfortabel bij Beugels.

Haakjes_Functie

Beugels op Windows

Ik geef de voorkeur aan het laatste om verschillende redenen, onder meer omdat het specifiek op is gericht HTML5, CSS3 y JS, dus de autocomplete bevat de zeer up-to-date HTML-tags en hun eigenschappen.

Kan ook gebruiken Sublieme TekstIk heb het zelfs altijd geïnstalleerd, omdat het een aantal opties heeft die mijn werk veel gemakkelijker maken, zoals Zoeken en vervangen in alle projectbestanden.

samengevat

Het beste van alle tools die ik hierboven heb genoemd, is dat ze platformonafhankelijk en Open source. Tegenwoordig ben ik gedwongen te gebruiken Dakramen en raamkozijnen en ik ben er niet door gestopt met werken.

Wat me het meest opwindt aan deze wereld is dat het niet nodig is om een ​​diploma te studeren om af te ronden, maar alleen goede ideeën en uitstekende bronnen bij de hand te hebben. Momenteel kunnen we veel leren over webontwikkeling en -ontwerp op internet.

Ik heb onlangs zeer goede tips ontdekt in de MisterMonkey Blog een bureau waar een vriend werkt, die ontwikkelingsdiensten aanbiedt en webdesign in Granada, maar er zijn overal op internet veel meer sites met interessant materiaal.

Welke andere tools heb ik niet genoemd en raad ik aan? Voor afbeeldingen Krita, en tot elleboog Geany, KATE y VIM. Elke aanbeveling voor mij?


Laat je reactie achter

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *

*

*

  1. Verantwoordelijk voor de gegevens: Miguel Ángel Gatón
  2. Doel van de gegevens: Controle SPAM, commentaarbeheer.
  3. Legitimatie: uw toestemming
  4. Mededeling van de gegevens: De gegevens worden niet aan derden meegedeeld, behalve op grond van wettelijke verplichting.
  5. Gegevensopslag: database gehost door Occentus Networks (EU)
  6. Rechten: u kunt uw gegevens op elk moment beperken, herstellen en verwijderen.

  1.   HacKano zei

    Che, ik vraag je: voor PHP5.5 + HTLM5 + CSS3, wat raad je aan? Momenteel ben ik bij NetBeans, wat voor PHP min of meer is (het haalt niet 5.5), maar de rest hangt ... Het moet toegang hebben tot repos en ssh.
    Braquets trokken mijn aandacht en ik zie daar PHP-bestanden. Ik ga je een test geven 😀

    Groeten!

    ps: disq.us niet langer gebruiken?

    1.    levendig zei

      Nou, je zou uiteindelijk Brackets of SublimeText moeten proberen. KDEvelop geeft nu min of meer fatsoenlijke PHP-ondersteuning. Maar ja, de eerste twee die worden genoemd, zijn geen IDE's.

      1.    HacKano zei

        Ik heb net Brackets geprobeerd, en inderdaad, het is geen IDE. Het helpt me niet veel, hoewel de eenvoudige interface aantrekkelijk is.
        Ik zal ST3 proberen om te zien wat er aan de hand is, grax!

        1.    levendig zei

          Ik heb het uitgezocht .. 😉

          1.    cobynighter zei

            Mijn haat jegens IDE's, is als jouw haat voor java elav HAHAHA.
            Ik hou van sublieme tekst! 😀

      2.    Gibran barrera zei

        Heb emmet geprobeerd, geweldig voor beugels.

    2.    eliotime3000 zei

      Ik zou GNU Emacs aanbevelen, dat gemakkelijk aan dit type programmeertaal kan worden aangepast, en het is meestal best handig als je het zonder de muis wilt doen.

      Brackets trokken ook mijn aandacht, aangezien het een vrij eenvoudige IDE is die het voor mij gemakkelijker kan maken om bestanden te hanteren en te bewerken op basis van broncode bij het bewerken van HTML5 en CSS3.

      DesdeLinuxSinds de oprichting gebruikt het geen Disqus meer. Degene die de commentaarmanager gebruikte, was Laten we Linux gebruikenBovendien gebruikte de tweede Blogger, dus soms is er een probleem met het omleiden van links naar oude artikelen. Gelukkig updaten de Google-spiders de links van de UsemosLinux-artikelen vóór de fusie aan DesdeLinux.

    3.    3ndriago zei

      Test phpStorm

      1.    HacKano zei

        Het was mij aangeraden, en vanaf de pagina ziet het er goed uit, maar ik moet het kopen of nemen, en ik wil beide situaties nu oprecht vermijden ...

    4.    Schneider Light zei

      Je kunt netbeans gebruiken, ik heb het gebruikt, het heeft een debugger, lijst en andere chique die kunnen worden aangevraagd bij een IDE.Het ondersteunt Php, javascript, java, html, c, c ++ ...

  2.   Jorge P. zei

    Een kleine tutorial over lay-out met InkScape zou erg handig zijn :).

  3.   tauri zei

    De waarheid is dat deze tools erg goed zijn en ik gebruik ze allemaal, behalve haakjes aangezien mijn werk meer backend dan frontend is, maar van tijd tot tijd gebruik ik het om sommige dingen op te maken (alleen HTML5) aangezien ik css en js direct met subliem 🙂 Heel erg bedankt voor het delen.

  4.   patodx zei

    Ik ben geen webdesigner, of nog minder een computerwetenschapper, maar na het zien van het professionele gebruik dat aan Gimp wordt gegeven, zal ik er meer rekening mee houden en het bestuderen om voor eens en voor altijd met photoshop te stoppen.

    groeten.

    1.    eliotime3000 zei

      GIMP is in feite een uitstekende vervanging voor Photoshop, want als u het correct configureert, vergeet u het praktisch.

      In mijn geval vind ik het moeilijk om veel van zijn tools te leren gebruiken om met lagen in GIMP om te gaan, ook al is de behandeling vergelijkbaar met Photoshop. Maar dat het gelijk is aan of superieur is aan Photoshop, twijfel ik niet.

  5.   eliotime3000 zei

    Eerlijk gezegd gebruik ik Photoshop en Illustrator omdat ik er niet aan gewend ben. modus operandi van hun tools, daarnaast vragen ze me meestal om klussen die met de genoemde software zijn gedaan (en om het nog erger te maken, ik ben eraan gewend geraakt).

    Ik bewaar mijn werk tenslotte in gratis formaten zoals .PNG voor statische afbeeldingen en .SVG om mijn vectorafbeeldingen rechtstreeks in mijn browser te kunnen bekijken.

    Mijn respect voor degenen die weten hoe ze met GIMP en Inkscape moeten werken.

  6.   3ndriago zei

    Adobe Brackets is geen IDE, maar een geavanceerde teksteditor met dank aan Adobe (en ik herhaal Adobe trouwens!) XD

    1.    levendig zei

      Zoals ik in de Post zei, het is geen IDE, het is een teksteditor en ja, het werd gelanceerd door Adobe, maar wordt uiteindelijk onderhouden door de gemeenschap 😛

  7.   arme taku zei

    Emacs is het meest comfortabel / krachtig in wat dan ook, terwijl ik de cursus over webdesign van myriadax volgde, probeerde ik bluefish, aptana en brackets, die niet slecht zijn, maar in geen enkele vond ik troost, sindsdien ben ik vertrokken tot de gedit en ik besteed een goede tijd om meer opdrachten te leren in de ultieme EMACS-tool.

  8.   Christelijk zei

    In mijn werk gebruik ik asp.net met webformulieren, het is supereenvoudig en snel om applicaties te ontwikkelen, zijn er gratis visuele webalternatieven voor drrag en drop? Ik zou je steun op prijs stellen aangezien ik op zoek was naar een vervanging voor asp.net voor weken

  9.   vidanu zei

    Ik gebruik Gimp voor het bewerken van afbeeldingen, ik doe niet veel met inkspace en voor het programmeren van gvim of vi.

    groeten

  10.   Sio zei

    Ik gebruik Cloud9, het stelt me ​​in staat om te blijven werken waar ik was gebleven, op welke computer ik ook ben. Het project kan worden gehost op een server via ftp of op Cloud9 zelf.

    In functies heeft het niets om andere desktop-editors te benijden.

  11.   Gibran barrera zei

    Ik ben Emacs gaan gebruiken, maar de Adobe-ontwikkelaars doen uitstekend werk met Brackets en vandaag gebruik ik het op Windows en GNU / Linux, een uitstekende tool.

  12.   andekuera zei

    verduistering php

  13.   sadalud zei

    Bacano en of het multiplatform-ding geweldig is. Ik wist niets van Brackets. Bedankt, ik vind deze blog leuk.

  14.   sadalud zei

    Ik kende Brackets niet. Bedankt, ik zal zien hoe het is. Ik vind deze blog leuk.

  15.   xunorus zei

    Gegroet gemeenschap, bedankt Elav voor het artikel.
    Ik wil je aanraden om eens naar Grunt (gruntjs.com) te kijken, de manier waarop ik alles wat internet ontwikkel, heeft me veranderd. Ik raad in het bijzonder de browser_sync, watch, jshint, uglify, imagemin en sass plug-ins aan.
    Hiermee kunt u op meerdere apparaten synchroniseren, css injecteren, sass gebruiken, alle afbeeldingsbestanden automatisch comprimeren en voorbereiden voor het web en nog veel meer.

  16.   Alberto zei

    En aan welke distro werk je in webontwikkeling?

  17.   mario zei

    Hallo, niet zo lang geleden schakelde ik over naar linux, en ik begon te leren hoe ik inkscape voor mijn webontwerpen moest gebruiken, maar ik heb niet veel bronnen op internet gevonden, hij vroeg me of je boeken, tutorials of bronnen kon aanbevelen die me helpen met inkscape of gimp om in webdesign te komen, ik heb er weinig achtergrond in maar met photoshop en illustrator

  18.   msx zei

    Eén ring om ze allemaal te regeren: EMACS.

  19.   Veronica zei

    Goed artikel en geweldige bijdrage aan mijn bedrijf, bedankt

  20.   Antonio Alcalá zei

    De webdesign- en ontwikkeltools die in dit artikel genoemd worden hebben een zeer goede reputatie, persoonlijk geloof ik dat er ook andere tools zijn zoals WordPress, wat het voor een minder ervaren gebruiker makkelijker maakt om een ​​website te maken. Ik zou je willen vragen over WordPress, is het een goed platform voor het ontwerpen van webpagina's, blogs en online winkels?
    Heel erg bedankt voor het artikel.
    Met vriendelijke groet.

    1.    Sergio zei

      Je maakt een grapje, toch?

  21.   Roberto Rubio Romero zei

    Al dit webdesign met LINUX lijkt me erg interessant, ik zou graag zien dat een deel van je werk al op het netwerk werkt en werkt. Ik ben geen expert op dit gebied, maar het trekt wel mijn aandacht. Enige tijd geleden deed ik met de hulp van ADOBE MUSE iets dat een pagina «» grap »» kan worden genoemd, maar niets dat het waard is, nu wil ik in linux proberen om te zien of ik iets leer, want met het programma dat ik eerder noemde is het alleen ding van samenstellen en ik vind het niet erg grappig en veel minder moeilijk. Ik zou het waarderen dat je me wat instructies geeft

  22.   Federico zei

    hallo ik vond je pagina erg interessant. Ik woon in Argentinië en ik ben dol op programmeertalen, bijvoorbeeld: python, java enz. en niet te vergeten linux "BEDANKT LINUS TORVALDS", AAN EEN KANT IK HOU VAN HEN OMDAT ZE GRATIS ZIJN EN HET DE MEESTE IN SYSTEMEN IS, en aan de andere kant haat ik ze omdat ik niet weet bij welke ik moet blijven, ik heb er zoveel geprobeerd, de een beter dan de ander, nou, ik neem binnenkort afscheid van je, ik ben net als FEDERICO KICZKA.

  23.   Christelijk zei

    Goed artikel, ik ben al een aantal jaren web- en frontend-ontwerper exclusief op Linux (Ubuntu om precies te zijn), met Inkscape en Gimp heb ik aan veel projecten deelgenomen en ik ben tot het inzicht gekomen dat de tool in wezen een optie is, hoewel het waar is dat er verschillen zijn Bij de ontwikkeling van elk kun je in het algemeen banen zo goed doen als dat van iemand anders, je hoeft alleen maar tijd aan alles te besteden. En als we naar het besturingssysteem gaan, niet afhankelijk zijn van Windows is een opluchting die ik al bijna 15 jaar heb.
    Groeten uit Peru.

  24.   Carlos zei

    Kijk naar de zeer slechte waarheid van uw onderzoek naar programma's voor webdesign in Linux, er is een goede reeks programma's waar u gewoon naar hoeft te zoeken en ze werken heel goed ...