Aking Mga Tool para sa Pagpapaunlad ng Web at Disenyo sa GNU / Linux

Matapos matapos ang artikulong pinag-usapan ko kung paano magdagdag ng isang shortcode sa aming tema ng WordPress, Naisip ko na ibahagi sa iyo kung alin ang mga tool na ginagamit ko para sa disenyo ng web at pag-unlad GNU / Linux (at sa ngayon sa Windows 8, ngunit iyan ay isa pang kwento).

Nang hindi nais na mapunta sa magkano ang tungkol sa mga pakinabang / kawalan ng bawat isa sa kanila, masasabi ko sa iyo na higit sa 5 taon kong ginagamit ang mga ito at sa ngayon, hindi ko na kailangang gumamit ng mga pagmamay-ari na application na homologous.

Web Design Tool

Bagaman maraming mga tool upang Diseño gráfico en GNU / Linux (at inuulit ko sa Windows), palagi akong gumagamit ng 2 partikular: Malambot e Inkscape.

may Inkscape Ginagawa ko ang lahat na may kinalaman sa layout at paglikha ng 2D graphics para sa mga site. Bukod dito, halos lahat ng hitsura ng hitsura ng site (ang Mockup) na ginagawa ko sa tool na ito.

Inkscape sa Windows

Inkscape sa Windows

may Malambot ang ginagawa ko ay gumagana sa mga background, i-edit ang mga imahe na gagamitin ko at baguhin ang format kung kinakailangan.

GIMP sa Windows

GIMP sa Windows

Bago ang ilang mga gumagamit ay tumalon sa aking leeg, inilagay ko ang Mga screenshot ng mga application sa Windows, dahil ito ang ginagamit ko ngayon para sa mas malalaking kasamaan. ako ay humihingi ng paumanhin

Mga Tool sa Pag-unlad ng Web

Hindi ako yung tipo na gagamitin Mga Development IDE, Mas gusto ko ang mga editor ng Text dahil sa ginagawa ko, marami ako sa kanila. Kung tatanungin mo ako inirerekumenda ko bluefish, ngunit sa kasalukuyan ay komportable ako sa Bracket.

Mga Bracket_Function

Mga bracket sa Windows

Mas gusto ko ang huli para sa maraming mga kadahilanan, kasama na dahil partikular itong nakatuon patungo HTML5, CSS3 y JS, sa gayon ang autocomplete ay naglalaman ng mga napapanahong mga HTML tag at kanilang mga pag-aari.

Maaari ding gamitin SublimeTekstoSa katunayan, palagi ko itong nai-install, dahil mayroon itong ilang mga pagpipilian na ginagawang mas madali ang aking trabaho, tulad ng Paghahanap at Palitan sa lahat ng mga file ng proyekto.

Sa buod

Ang pinakamagandang bagay tungkol sa lahat ng mga tool na nabanggit ko sa itaas ay ang mga ito ay cross-platform at Bukas na mapagkukunan. Sa mga araw na ito ay pinilit akong gumamit Windows at hindi ako tumigil sa pagtatrabaho dahil dito.

Ang nakaka-excite sa akin tungkol sa mundong ito ay hindi kinakailangan na mag-aral ng degree upang matapos, magkaroon lamang ng magagandang ideya at mahusay na mapagkukunan. Sa kasalukuyan marami tayong matututunan tungkol sa Pag-unlad sa Web at Disenyo sa Internet.

Kamakailan-lamang natuklasan ko ang napakahusay na Mga Tip sa MisterMonkey Blog isang ahensya kung saan nagtatrabaho ang isang kaibigan, na nag-aalok ng mga serbisyo sa pagpapaunlad at disenyo ng web sa Granada, ngunit marami pang mga site na may mga kagiliw-giliw na materyal sa buong web.

Ano ang iba pang mga tool na hindi ko nabanggit at inirerekumenda ko? Para sa graphics yeso, at sa siko Geany, KATE y VIM. May anumang rekomendasyon para sa akin?


Iwanan ang iyong puna

Ang iyong email address ay hindi nai-publish. Mga kinakailangang patlang ay minarkahan ng *

*

*

  1. Responsable para sa data: Miguel Ángel Gatón
  2. Layunin ng data: Kontrolin ang SPAM, pamamahala ng komento.
  3. Legitimation: Ang iyong pahintulot
  4. Komunikasyon ng data: Ang data ay hindi maiparating sa mga third party maliban sa ligal na obligasyon.
  5. Imbakan ng data: Ang database na naka-host ng Occentus Networks (EU)
  6. Mga Karapatan: Sa anumang oras maaari mong limitahan, mabawi at tanggalin ang iyong impormasyon.

  1.   hackan dijo

    Che, tatanungin kita: para sa PHP5.5 + HTLM5 + CSS3, ano ang inirerekumenda mo? Sa kasalukuyan kasama ko ang NetBeans, na para sa PHP ay higit pa o mas kaunti (hindi ito umaabot sa 5.5), ngunit ang natitira ay nakabitin ... Kailangan itong magkaroon ng suporta sa pag-access sa mga repos at ssh.
    Nakuha ng mga mata ang aking mata, at nakikita ko ang mga file ng PHP doon. Bibigyan kita ng pagsubok 😀

    Pagbati!

    ps: hindi na gumagamit ng disq.us?

    1.    masigla dijo

      Kaya, dapat mong subukan ang mga Bracket o SublimeText sa huli. Nagbibigay ngayon ang KDEvelop ng higit pa o mas disenteng suporta sa PHP. Ngunit oo, ang unang dalawang nabanggit ay hindi mga IDE.

      1.    hackan dijo

        Sinubukan ko lang ang Mga Bracket, at sa katunayan, hindi ito IDE. Hindi ito mahusay sa akin, bagaman ang simpleng interface nito ay kaakit-akit.
        Susubukan ko ang ST3 upang makita kung ano ang mayroon, grax!

        1.    masigla dijo

          Naisip ko ito .. 😉

          1.    cobynighter dijo

            Ang pagkapoot ko sa IDE's, ay tulad ng pagkamuhi mo kay java elav HAHAHA.
            Gusto ko ng Sublime Text! 😀

      2.    Gibran barrera dijo

        Sinubukan ang emmet, mahusay para sa mga tirante.

    2.    eliotime3000 dijo

      Inirerekumenda ko ang GNU Emacs, na kung saan ay madaling iniangkop sa ganitong uri ng wika ng programa, at kadalasan ay lubos itong kapaki-pakinabang kung nais mong gawin nang walang mouse.

      Nakuha din ng pansin ng mga bracket, dahil ito ay isang simpleng simpleng IDE na maaaring gawing mas madali para sa akin na hawakan at i-edit ang mga file batay sa source code kapag nag-e-edit ng HTML5 at CSS3.

      DesdeLinuxMula nang umpisahan ito, hindi na ito gumagamit ng Disqus. Ang gumamit ng sinabi na manager ng komento ay Gumamit tayo ng LinuxBilang karagdagan, ang pangalawa ay gumagamit ng Blogger, kaya't minsan may isang problema sa pag-redirect ng mga link sa mga lumang artikulo. Sa kabutihang palad, ina-update ng mga spider ng Google ang mga link ng artikulo ng UsemosLinux bago ang paglabas. pagsasanib sa DesdeLinux.

    3.    3ndriago dijo

      Subukan ang phpStorm

      1.    hackan dijo

        Inirekomenda nila ito sa akin, at mula sa pahina ay mukhang maganda ito, ngunit kailangan kong bilhin ito o truchalo, at taos-puso kong nais na iwasan ang parehong mga sitwasyon sa ngayon ...

    4.    Schneider Light dijo

      Maaari mong gamitin ang mga netbeans, ginamit ko ito, mayroon itong isang debugger, listahan at iba pang posh na maaaring hilingin mula sa isang IDE. Sinusuportahan nito ang Php, javascript, java, html, c, c ++ ...

  2.   George P. dijo

    Mahusay! Ang isang maliit na tutorial sa layout gamit ang InkScape ay magiging lubhang kapaki-pakinabang :).

  3.   tumungo dijo

    Ang totoo ay ang mga tool na ito ay napakahusay at ginagamit ko ang lahat ng mga ito, maliban sa mga braket dahil ang aking trabaho ay mas backend kaysa sa frontend, ngunit paminsan-minsan ay ginagamit ko ito upang i-layout ang ilang mga bagay (HTML5 lamang) dahil direktang gumagamit ako ng css at js sa dakila 🙂 Maraming salamat sa pagbabahagi.

  4.   patodx dijo

    Hindi ako isang taga-disenyo ng web, o kahit na mas kaunti sa isang computer scientist, ngunit pagkatapos makita ang propesyonal na paggamit na ibinibigay kay Gimp, isasaalang-alang ko pa ito at pag-aralan ito upang ihinto ang photoshop nang isang beses at para sa lahat.

    pagbati.

    1.    eliotime3000 dijo

      Sa katunayan, ang GIMP ay isang mahusay na kapalit ng Photoshop, dahil kung mai-configure mo ito nang maayos, halos makakalimutan mo ito.

      Sa aking kaso, mahirap para sa akin na malaman na gumamit ng marami sa mga tool nito upang mahawakan ang mga layer sa GIMP kahit na ang paghawak ay katulad ng Photoshop. Ngunit na ito ay katumbas o nakahihigit sa Photoshop, wala akong duda.

  5.   eliotime3000 dijo

    Upang sabihin ang totoo, gumagamit ako ng Photoshop at Illustrator sapagkat hindi ako sanay dito. paraan operandi ng kanilang mga tool, bukod sa karaniwang hinihiling nila sa akin ang mga trabahong tapos sa nasabing software (at upang lalong lumala, nasanay na ako sa kanila).

    Pagkatapos ng lahat, nai-save ko ang aking trabaho sa mga libreng format tulad ng .PNG para sa mga static na imahe at .SVG upang matingnan ang aking vector graphics nang direkta sa aking browser.

    Ang aking respeto sa mga marunong gumana sa GIMP at Inkscape.

  6.   3ndriago dijo

    Ang Adobe Brackets ay hindi isang IDE, isang advanced text editor na kagandahang-loob ng Adobe (at inuulit ko ang Adobe sa pamamagitan ng paraan!) XD

    1.    masigla dijo

      Tulad ng sinabi ko sa Post, hindi ito isang IDE, ito ay isang Text Editor at oo, inilunsad ito ng Adobe ngunit sa huli pinananatili ito ng The Community 😛

  7.   kawawa taku dijo

    Ang Emacs ay ang pinaka komportable / makapangyarihan sa kung anuman, habang kumukuha ako ng kurso sa disenyo ng web mula sa myriadax sinubukan ko ang bluefish, aptana at bracket, na hindi masama, ngunit sa wala akong natagpuan na ginhawa, mula noon ay umalis ako hanggang sa gedit at inilaan ang isang mabuti oras upang malaman ang higit pang mga utos sa tunay na tool ng EMACS.

  8.   Kristyano dijo

    Sa aking trabaho ay gumagamit ako ng asp.net na may mga form sa web, napakasimple at mabilis upang makabuo ng mga application, mayroong libreng drrag at drop na mga kahalili sa web visual? Masisiyahan ako sa iyong suporta dahil naghahanap ako ng kapalit para sa asp.net ng maraming linggo

  9.   vidagnu dijo

    Gumagamit ako ng Gimp para sa pag-edit ng imahe, wala akong masyadong ginagawa sa inkspace, at para sa program gvim o vi.

    Regards

  10.   siot dijo

    Gumagamit ako ng Cloud9, pinapayagan akong magpatuloy sa pagtatrabaho kung saan ako tumigil sa kahit anong computer ako. Ang proyekto ay maaaring ma-host sa isang server sa pamamagitan ng ftp o sa Cloud9 mismo.

    Sa mga pag-andar wala itong mainggit sa iba pang mga editor ng desktop.

  11.   Gibran barrera dijo

    Dumating ako upang gamitin ang Emacs, ngunit ang mga developer ng Adobe ay gumagawa ng isang mahusay na trabaho sa Mga Bracket at ngayon ginagamit ko ito sa Windows at GNU / Linux, isang mahusay na tool.

  12.   Ñandekuera dijo

    eclipse php

  13.   sadalsuud dijo

    Bacano at kung ang bagay na multiplatform ay mahusay. Hindi ko alam ang tungkol sa Mga Bracket. Salamat, gusto ko ang blog na ito.

  14.   sadalsuud dijo

    Hindi ko alam ang mga Bracket. Salamat, makikita ko kung paano ito. Gusto ko ang blog na ito.

  15.   xunorus dijo

    Pagbati ng pamayanan, salamat Elav para sa artikulo.
    Nais kong imungkahi na tingnan ang Grunt (gruntjs.com), binago nito sa akin ang paraan ng pag-unlad ko sa lahat ng web. Partikular kong iminumungkahi ang browser_sync, relo, jshint, uglify, imagemin at sass plugin.
    Sa pamamagitan nito, maaari mong pagsabayin sa maraming mga aparato, mag-iniksyon ng css, gumamit ng sass, i-compress at ihanda para sa web ang lahat ng mga file ng imahe nang awtomatiko at marami pa.

  16.   Alberto dijo

    At anong distro ang iyong pinagtatrabahuhan sa pag-unlad ng web?

  17.   Mario dijo

    Kumusta, hindi pa nakakalipas na panahon ay lumipat ako sa linux, at nagsisimula na akong malaman kung paano gamitin ang inkscape para sa aking mga disenyo ng web, subalit hindi ako nakakita ng maraming mapagkukunan sa web, tinanong niya ako kung maaari kang magrekomenda ng anumang mga libro, tutorial, anumang mapagkukunan na makakatulong sa akin. inkscape o gimp upang makapasok sa disenyo ng web, mayroon akong kaunting background dito ngunit may photoshop at ilustrador

  18.   msx dijo

    Isang singsing upang mamuno sa kanilang lahat: EMACS.

  19.   Veronica dijo

    Magandang artikulo at mahusay na kontribusyon sa aking negosyo, salamat

  20.   Antonio Alcalá dijo

    Ang mga tool sa disenyo at pag-unlad ng web na nabanggit sa artikulong ito ay may napakahusay na reputasyon, personal akong naniniwala na mayroon ding iba pang mga tool tulad ng WordPress, na ginagawang mas madali para sa isang hindi gaanong nakaranasang gumagamit na lumikha ng isang website. Nais kong itanong sa iyo tungkol sa WordPress, ito ba ay isang magandang platform para sa pagdidisenyo ng mga web page, blog at online store?
    Maraming salamat sa artikulo.
    Un magiliw saludo.

    1.    Sergio dijo

      Biruin mo di ba?

  21.   Roberto Rubio Romero dijo

    Ang lahat ng disenyo ng web na ito na may LINUX ay tila napaka-interesante sa akin, nais kong makita ang ilan sa iyong trabaho na nasa net at nagtatrabaho na. Hindi ako dalubhasa sa paksa ngunit nakatuon ang pansin ko. Ilang oras ang nakakalipas sa tulong ng ADOBE MUSE gumawa ako ng isang bagay na maaaring tawaging isang "joke" na pahina ngunit walang halaga, ngayon nais kong subukan sa linux upang malaman kung may natutunan ako dahil sa program na nabanggit ko bago lamang ito bagay ng pagsasama-sama at sa palagay ko ito ay hindi masyadong nakakatawa at mas mahirap. Mas gusto kong turuan mo ako ng kaunti

  22.   Federico dijo

    hello natagpuan ko ang iyong pahina na napaka-kagiliw-giliw na nakatira ako sa Argentina at gusto ko ang mga wika ng programa, hal: python, java atbp at hindi banggitin ang linux na "SALAMAT SA LINUS TORVALDS", X ISANG panig na mahal ko sila dahil sa sila ay malaya at ito ang pinaka sa mga system, At sa kabilang banda ay kinamumuhian ko sila sapagkat hindi ko alam kung alin ang mananatili sa kanila, sinubukan ko nang mas marami ang isa na mas mahusay kaysa sa isa pa, mahusay na nagpaalam ako sa iyo sa madaling panahon, tulad ako ng FEDERICO KICZKA.

  23.   Kristyano dijo

    Magandang artikulo, ako ay isang taga-disenyo ng web at frontend nang maraming taon nang eksklusibo sa Linux (eksakto ang Ubuntu), kasama ang Inkscape at Gimp na lumahok ako sa maraming mga proyekto at naunawaan ko na ang tool ay karaniwang isang pagpipilian, kahit na totoo na may mga pagkakaiba Sa pag-unlad ng bawat isa, sa pangkalahatang mga term na maaari kang magsagawa ng mga trabaho na kasing ganda ng kaninuman, kailangan mo lamang ialay ang oras sa lahat. At kung pupunta kami sa operating system, hindi nakasalalay sa Windows ay isang kaluwagan na mayroon ako sa loob ng halos 15 taon.
    Pagbati mula sa Peru.

  24.   Carlos dijo

    Tingnan ang napakahirap na katotohanan ang iyong pagsasaliksik ng mga programa para sa disenyo ng web sa Linux, mayroong isang mahusay na saklaw ng mga programa na kailangan mo lamang hanapin ang mga ito at gumagana nang maayos ...