GNU / Linux를 사용한 웹 개발 및 디자인을위한 내 도구

내가 이야기 한 기사를 마치고 단축 코드 추가 우리의 주제에 워드프레스(WordPress), 제가 ​​웹 디자인과 개발에 사용하는 도구를 여러분과 공유하게되었습니다. GNU / 리눅스 (지금은 Windows 8에서도 마찬가지지만 다른 이야기입니다).

각각의 장단점에 대해 너무 깊이 들어가고 싶지 않고 5 년 이상 사용해 왔으며 지금까지 동질적인 독점 응용 프로그램을 사용할 필요가 없었 음을 알 수 있습니다.

웹 디자인 도구

몇 가지 도구가 있지만 DISENO GRAFICO en GNU / 리눅스 (그리고 Windows에서 반복합니다), 저는 항상 2를 구체적으로 사용합니다. 김프 e 잉크 스케이프.

잉크 스케이프 나는 사이트에 대한 2D 그래픽의 레이아웃 및 생성과 관련된 모든 작업을 수행합니다. 또한 사이트가 어떻게 보이는지 거의 모든 모습 (Mockup)을이 도구로 수행합니다.

Windows의 Inkscape

Windows의 Inkscape

김프 내가하는 일은 배경으로 작업하고, 사용할 이미지를 편집하고, 필요한 경우 형식을 변경하는 것입니다.

Windows의 김프

Windows의 김프

일부 사용자가 내 목에 뛰어 들기 전에 Windows에 응용 프로그램의 스크린 샷을 넣었습니다. 지금은 더 큰 악을 위해 사용하고 있기 때문입니다. 죄송 해요

웹 개발 도구

나는 사용하는 유형이 아니다 개발 IDE, 나는 텍스트 편집기를 선호합니다. 저에게 물어 보면 추천하겠습니다 블루피쉬,하지만 현재는 괄호.

대괄호 _ 함수

Windows의 대괄호

나는 다음과 같은 몇 가지 이유로 후자를 선호합니다. HTML5, CSS3 y JS이므로 자동 완성에는 최신 HTML 태그와 해당 속성이 포함됩니다.

또한 사용할 수 있습니다 숭고한 텍스트실제로 모든 프로젝트 파일에서 검색 및 바꾸기와 같이 작업을 훨씬 쉽게 만드는 몇 가지 옵션이 있기 때문에 항상 설치했습니다.

요약하자면

위에서 언급 한 모든 도구에서 가장 좋은 점은 크로스 플랫폼이며 오픈 소스. 요즘 나는 강제로 사용했습니다 윈도우 그것 때문에 일을 멈추지 않았습니다.

이 세상에서 나를 가장 흥분시키는 것은 학위를 마치기 위해 공부할 필요가없고 좋은 아이디어와 훌륭한 자원을 가지고 있다는 것입니다. 현재 우리는 인터넷에서 웹 개발 및 디자인에 대해 많은 것을 배울 수 있습니다.

나는 최근에 아주 좋은 팁을 발견했습니다 MisterMonkey 블로그 친구가 일하고 개발 서비스를 제공하고 그라나다의 웹 디자인, 그러나 웹 전체에 흥미로운 자료가있는 사이트가 더 많이 있습니다.

내가 언급하지 않았으며 권장하는 다른 도구는 무엇입니까? 그래픽 용 크리 타, 그리고 팔꿈치 Geany, KATE y 정력. 나에게 어떤 추천이 있습니까?


기사의 내용은 우리의 원칙을 준수합니다. 편집 윤리. 오류를보고하려면 여기에.

36 코멘트, 당신의 것을 남겨주세요

코멘트를 남겨주세요

귀하의 이메일 주소는 공개되지 않습니다.

*

*

  1. 데이터 책임자 : Miguel Ángel Gatón
  2. 데이터의 목적 : 스팸 제어, 댓글 관리.
  3. 합법성 : 귀하의 동의
  4. 데이터 전달 : 법적 의무에 의한 경우를 제외하고 데이터는 제 XNUMX 자에게 전달되지 않습니다.
  5. 데이터 저장소 : Occentus Networks (EU)에서 호스팅하는 데이터베이스
  6. 권리 : 귀하는 언제든지 귀하의 정보를 제한, 복구 및 삭제할 수 있습니다.

  1.   해칸

    Che, 묻습니다. PHP5.5 + HTLM5 + CSS3의 경우 무엇을 권장합니까? 현재 저는 NetBeans를 사용하고 있습니다. PHP의 경우 다소간 (5.5에 도달하지 않음)이지만 나머지는 중단되고 있습니다. repos 및 ssh에 대한 액세스 지원이 있어야합니다.
    Braquets가 내 눈을 사로 잡았고 거기에 PHP 파일이 있습니다. 테스트해볼 게요 😀

    안녕하십니까!

    추신 : disq.us를 더 이상 사용하지 않습니까?

    1.    엘라 브

      음, 궁극적으로 대괄호 또는 SublimeText를 시도해야합니다. KDEvelop은 이제 어느 정도 괜찮은 PHP 지원을 제공하고 있습니다. 그러나 네, 언급 된 처음 두 가지는 IDE가 아닙니다.

      1.    해칸

        방금 브래킷을 사용해 보았지만 실제로 IDE가 아닙니다. 단순한 인터페이스가 매력적이기는하지만 나에게별로 도움이되지는 않는다.
        무슨 일인지보기 위해 ST3를 시도해 볼게요, grax!

        1.    엘라 브

          나는 그것을 알아 냈다 .. 😉

          1.    코비 나이 터

            IDE에 대한 나의 증오는 자바 elav HAHAHA에 대한 증오와 같습니다.
            나는 Sublime Text를 좋아합니다! 😀

      2.    지브란 바레라

        교정기에 좋은 emmet을 시도했습니다.

    2.    엘리오타임3000

      이러한 유형의 프로그래밍 언어에 쉽게 적용 할 수있는 GNU Emacs를 추천합니다. 일반적으로 마우스없이 작업을 수행하려는 경우 매우 유용합니다.

      HTML5 및 CSS3에서 편집 할 때 소스 코드를 기반으로 파일을 더 쉽게 처리하고 편집 할 수있는 매우 간단한 IDE이기 때문에 브래킷도 내 관심을 끌었습니다.

      리눅스에서처음부터 더 이상 Disqus를 사용하지 않습니다. 댓글 관리자를 사용한 사람은 Linux를 사용합시다또한 두 번째는 Blogger를 사용했기 때문에 때때로 오래된 기사로의 링크 리디렉션에 문제가 있습니다. 다행스럽게도 Google 스파이더는 출시 전에 UsemosLinux 기사 링크를 업데이트하고 있습니다. FromLinux로 병합.

    3.    3ndriago

      phpStorm 테스트

      1.    해칸

        그들은 나에게 그것을 추천했고 페이지에서 그것은 좋은 것 같지만 나는 그것을 사야하거나 truchalo를 사야하며 지금은 두 가지 상황을 모두 피하고 싶습니다 ...

    4.    슈나이더 라이트

      netbeans를 사용할 수 있습니다. 저는 그것을 사용했고, IDE에서 요청할 수있는 디버거, 목록 및 기타 포쉬를 가지고 있습니다. Php, javascript, java, html, c, c ++ ...

  2.   호르헤 P

    좋습니다! InkScape를 사용하는 레이아웃에 대한 약간의 튜토리얼이 매우 유용 할 것입니다. :).

  3.   타후리

    진실은 이러한 도구가 매우 훌륭하고 내 작업이 프론트 엔드보다 백엔드이기 때문에 대괄호를 제외한 모든 도구를 사용하지만 때때로 CSS와 js를 사용하기 때문에 일부 항목 (HTML5 만)을 레이아웃하는 데 사용합니다. 숭고하게 직접 🙂 공유해 주셔서 감사합니다.

  4.   Patodx

    나는 웹 디자이너도 아니고 컴퓨터 과학자도 아니지만 Gimp에 주어진 전문적인 사용을 본 후에는 그것을 더 고려하고 연구하여 Photoshop을 영원히 떠나도록 할 것입니다.

    인사.

    1.    엘리오타임3000

      사실, 김프는 포토샵의 훌륭한 대체품입니다. 올바르게 구성하면 거의 잊어 버리기 때문입니다.

      제 경우에는 Photoshop과 유사한 처리 방식이지만 김프에서 레이어를 처리하기 위해 많은 도구를 사용하는 방법을 배우기가 어렵습니다. 하지만 Photoshop과 동등하거나 우수하다는 점은 의심 할 여지가 없습니다.

  5.   엘리오타임3000

    솔직히 말하자면 저는 Photoshop과 Illustrator를 사용하고 있습니다. 익숙하지 않기 때문입니다. modus operandi 일반적으로 해당 소프트웨어로 수행 한 작업을 요청하는 것 외에도 (그리고 설상가상으로 나는 그들에게 익숙해졌습니다).

    결국, 나는 내 작업을 정적 이미지의 경우 .PNG, 내 브라우저에서 직접 벡터 그래픽을 볼 수 있도록 .SVG와 같은 무료 형식으로 저장하고 있습니다.

    김프와 잉크 스케이프를 사용하는 방법을 아는 분들께 경의를 표합니다.

  6.   3ndriago

    Adobe Brackets는 IDE가 아니라 Adobe에서 제공하는 고급 텍스트 편집기입니다 (그런데 Adobe를 반복합니다!) XD

    1.    엘라 브

      포스트에서 말했듯이 IDE가 아니라 텍스트 편집기이며 예, Adobe에서 시작했지만 결국 The Community에서 유지 관리합니다.

  7.   불쌍한 타쿠

    Emacs는 무엇에서나 가장 편안하고 강력합니다. myriadax에서 웹 디자인 과정을 수강하는 동안 bluefish, aptana 및 대괄호를 사용해 보았지만 나쁘지 않은 것은 없었지만 그 이후로는 gedit와 I까지 떠났습니다. 궁극적 인 EMACS 도구에서 더 많은 명령을 배우기 위해 좋은 시간을 할애하십시오.

  8.   기독교의

    내 작업에서 웹 양식과 함께 asp.net을 사용합니다. 응용 프로그램을 개발하는 것이 매우 간단하고 빠릅니다. 무료 드래그 앤 드롭 비주얼 웹 대안이 있습니까? 주

  9.   Vidagnu

    저는 이미지 편집을 위해 Gimp를 사용하고 잉크 공간을 많이 사용하지 않으며 gvim 또는 vi를 프로그래밍합니다.

    안부

  10.   시옷

    저는 Cloud9을 사용하므로 어떤 컴퓨터에서든 중단했던 작업을 계속할 수 있습니다. 프로젝트는 ftp 또는 Cloud9 자체에 의해 서버에서 호스팅 될 수 있습니다.

    기능면에서 다른 데스크톱 편집기를 부러워 할 것이 없습니다.

  11.   지브란 바레라

    나는 Emacs를 사용하게되었지만 Adobe 개발자들은 Brackets로 훌륭한 일을하고 있으며, 오늘은 훌륭한 도구 인 Windows와 GNU / Linux에서 사용하고 있습니다.

  12.   잔데쿠에라

    이클립스 PHP

  13.   사달 수드

    Bacano와 멀티 플랫폼의 위대하다면. 대괄호에 대해 몰랐습니다. 감사합니다.이 블로그가 마음에 듭니다.

  14.   사달 수드

    나는 대괄호를 몰랐다. 감사합니다. 어떻게되는지 보겠습니다. 나는이 블로그를 좋아한다.

  15.   슈노루스

    안녕하세요 커뮤니티, 기사에 대해 Elav에게 감사드립니다.
    Grunt (gruntjs.com)를 살펴 보시길 제안하고 싶습니다. 이것이 제가 웹인 모든 것을 개발하는 방식을 바 꾸었습니다. 특히 browser_sync, watch, jshint, uglify, imagemin 및 sass 플러그인을 제안합니다.
    이를 통해 여러 장치에서 동기화하고, css를 삽입하고, sass를 사용하고, 모든 이미지 파일을 자동으로 압축하고 웹에 준비 할 수 있습니다.

  16.   알베르토

    그리고 웹 개발에서 어떤 배포판을 작업합니까?

  17.   마리오

    안녕하세요, 얼마 전에 저는 Linux로 전환하여 웹 디자인에 잉크 스케이프를 사용하는 방법을 배우기 시작했지만 웹에서 많은 리소스를 찾지 못해 책, 튜토리얼, 리소스를 추천 할 수 있는지 물었습니다. 잉크 스케이프 나 김프가 웹 디자인에 들어가는 데 도움이되지만 배경은 거의 없지만 포토샵과 일러스트 레이터는

  18.   MSX

    그들 모두를 지배하는 하나의 반지 : EMACS.

  19.   베로니카

    좋은 기사와 내 사업에 큰 공헌, 감사합니다

  20.   안토니오 알 칼라

    이 기사에 언급 된 웹 디자인 및 개발 도구는 매우 좋은 평판을 얻고 있습니다. 저는 개인적으로 경험이 적은 사용자가 웹 사이트를 쉽게 만들 수있는 WordPress와 같은 다른 도구도 있다고 생각합니다. WordPress에 대해 물어보고 싶습니다. 웹 페이지, 블로그 및 온라인 상점을 디자인하는 데 좋은 플랫폼입니까?
    기사 주셔서 대단히 감사합니다.
    친절 감사합니다.

    1.    세르지오

      농담이지?

  21.   로베르토 루비오 로메로

    LINUX를 사용한이 모든 웹 디자인은 저에게 매우 흥미로워 보입니다. 여러분의 작업 중 일부가 이미 인터넷에서 작동하는 것을보고 싶습니다. 나는 주제에 대한 전문가는 아니지만 내 관심을 끌고 있습니다. 얼마 전에 ADOBE MUSE의 도움으로 페이지«»농담»»이라고 할 수있는 작업을 수행했지만 그만한 가치가없는 작업을 수행했습니다. 이제는 내가 언급 한 프로그램으로 무언가를 배우는지 확인하기 위해 Linux에서 시도하고 싶습니다. 합치기 전에는 그다지 재미없고 훨씬 덜 어려운 일이라고 생각합니다. 조금만 가르쳐 주셔서 감사합니다

  22.   페데리코

    안녕하세요 저는 아르헨티나에 살고 있으며 프로그래밍 언어를 좋아합니다. 예를 들어 파이썬, 자바 등의 프로그래밍 언어를 좋아합니다. 리눅스 "THANK YOU LINUS TORVALDS"는 말할 것도 없습니다. IN SYSTEMS, 그리고 다른 한편으로는 어느 쪽이 있어야할지 모르기 때문에 싫어해서 다른 쪽보다 더 많이 시도 해봤는데, 곧 작별 인사를 해요. 저는 FEDERICO KICZKA 같아요.

  23.   기독교의

    좋은 기사입니다. 저는 Linux (정확히 말하자면 우분투)에서만 몇 년 동안 웹 및 프런트 엔드 디자이너로 일했습니다. Inkscape와 Gimp를 사용하여 많은 프로젝트에 참여했으며이 도구가 기본적으로 옵션이라는 것을 이해하게되었습니다. 차이점이 있다는 것은 사실입니다. 각각의 발전에있어서, 일반적으로 당신은 누구의 일이든 잘 수행 할 수 있습니다. 당신은 모든 것에 시간을 할애해야합니다. 그리고 우리가 운영 체제로 가면 Windows에 의존하지 않고 거의 15 년 동안 안심할 수 있습니다.
    페루에서 인사드립니다.

  24.   카를로스

    리눅스에서 웹 디자인을위한 프로그램에 대한 당신의 연구에 대한 매우 불쌍한 진실을보십시오. 당신이 찾아야하는 프로그램의 범위가 다양하며 그들은 매우 잘 작동합니다.

부울(사실)