Công cụ của tôi để phát triển và thiết kế web với GNU / Linux

Sau khi kết thúc bài viết tôi đã nói về cách thêm một mã ngắn theo chủ đề của chúng tôi về WordPress, Tôi rất bất ngờ khi chia sẻ với bạn những công cụ tôi sử dụng để thiết kế và phát triển web trong GNU / Linux (và ngay bây giờ trên Windows 8, nhưng đó là một câu chuyện khác).

Không muốn đi sâu vào những ưu điểm / nhược điểm của từng loại, tôi có thể nói với bạn rằng tôi đã sử dụng chúng hơn 5 năm và cho đến nay, tôi không cần thiết phải sử dụng các ứng dụng độc quyền tương đồng.

Công cụ thiết kế web

Mặc dù có một số công cụ để Thiết kế đồ họa en GNU / Linux (và tôi nhắc lại trong Windows), tôi luôn sử dụng 2 cụ thể: GIMP e Inkscape.

với Inkscape Tôi làm mọi thứ liên quan đến bố cục và tạo đồ họa 2D cho các trang web. Hơn nữa, hầu như tất cả các giao diện của trang web sẽ trông như thế nào (Mockup) tôi thực hiện với công cụ này.

Inkscape trên Windows

Inkscape trên Windows

với GIMP những gì tôi làm là làm việc với nền, chỉnh sửa hình ảnh mà tôi sẽ sử dụng và thay đổi định dạng nếu cần.

GIMP trên Windows

GIMP trên Windows

Trước khi một số người dùng giật mình, tôi đã đặt Ảnh chụp màn hình của các ứng dụng trong Windows, bởi vì đó là thứ tôi đang sử dụng bây giờ cho những tệ nạn lớn hơn. Tôi xin lỗi

Công cụ phát triển web

Tôi không phải là một trong những người sử dụng IDE phát triển, Tôi thích trình soạn thảo văn bản hơn vì đối với những gì tôi làm, tôi có rất nhiều trong số họ. Nếu bạn hỏi tôi, tôi sẽ giới thiệu cá xanh, nhưng hiện tại tôi cảm thấy rất thoải mái với Chân đế.

Brackets_Function

Dấu ngoặc trên Windows

Tôi thích cái sau vì một số lý do, bao gồm vì nó đặc biệt hướng tới HTML5, CSS3 y JS, do đó, tự động hoàn thành chứa các thẻ HTML cập nhật và thuộc tính của chúng.

Cũng có thể sử dụng Cao siêuTrên thực tế, tôi luôn cài đặt nó, vì nó có một số tùy chọn giúp công việc của tôi dễ dàng hơn nhiều, chẳng hạn như Tìm kiếm và Thay thế trong tất cả các tệp dự án.

Tóm tắt

Điều tốt nhất về tất cả các công cụ tôi đã đề cập ở trên là chúng đa nền tảng và Mã nguồn mở. Những ngày này tôi đã bị buộc phải sử dụng cửa sổ và tôi đã không ngừng làm việc vì nó.

Điều làm tôi phấn khích nhất ở thế giới này là không nhất thiết phải học bằng cấp để kết thúc, chỉ cần có những ý tưởng hay và nguồn tài nguyên tuyệt vời trong tay. Hiện tại chúng ta có thể học rất nhiều về Phát triển và Thiết kế Web trên Internet.

Gần đây tôi đã khám phá ra các Mẹo rất hay trong MisterMonkey Blog một cơ quan nơi một người bạn làm việc, người cung cấp các dịch vụ phát triển và thiết kế web ở Granada, nhưng có rất nhiều trang khác với tài liệu thú vị trên khắp web.

Những công cụ nào khác mà tôi chưa đề cập và tôi có đề xuất không? Đối với đồ họa Krita, và khuỷu tay Geany, KATE y VIM. Bất kỳ đề nghị cho tôi?


Nội dung bài viết tuân thủ các nguyên tắc của chúng tôi về đạo đức biên tập. Để báo lỗi, hãy nhấp vào đây.

36 bình luận, để lại của bạn

Để lại bình luận của bạn

địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu bằng *

*

*

  1. Chịu trách nhiệm về dữ liệu: Miguel Ángel Gatón
  2. Mục đích của dữ liệu: Kiểm soát SPAM, quản lý bình luận.
  3. Hợp pháp: Sự đồng ý của bạn
  4. Truyền thông dữ liệu: Dữ liệu sẽ không được thông báo cho các bên thứ ba trừ khi có nghĩa vụ pháp lý.
  5. Lưu trữ dữ liệu: Cơ sở dữ liệu do Occentus Networks (EU) lưu trữ
  6. Quyền: Bất cứ lúc nào bạn có thể giới hạn, khôi phục và xóa thông tin của mình.

  1.   hackan dijo

    Che cho em hỏi: đối với PHP5.5 + HTLM5 + CSS3 thì em khuyên dùng cái gì ?. Hiện tại mình đang dùng NetBeans, cái này đối với PHP thì ít nhiều (nó không đạt 5.5), nhưng phần còn lại thì bị treo ... Nó phải có hỗ trợ truy cập repos và ssh.
    Braquets đập vào mắt tôi, và tôi thấy các tệp PHP ở đó. Tôi sẽ cho bạn một bài kiểm tra 😀

    Chúc mừng!

    ps: không còn sử dụng disq.us?

    1.    elav dijo

      Cuối cùng, bạn nên thử Brackets hoặc SublimeText. KDEvelop hiện đang cung cấp ít nhiều hỗ trợ PHP tốt. Nhưng có, hai cái đầu tiên được đề cập không phải là IDE.

      1.    hackan dijo

        Tôi vừa thử Brackets, và thực sự, nó không phải là IDE. Nó không làm tôi tốt lắm, mặc dù giao diện đơn giản của nó rất hấp dẫn.
        Tôi sẽ thử ST3 để xem có gì, grax!

        1.    elav dijo

          Tôi đã tìm ra rồi .. 😉

          1.    cobynighter dijo

            Sự căm ghét của tôi đối với IDE, cũng giống như sự căm ghét của bạn dành cho java elav HAHAHA.
            I love Sublime Text! 😀

      2.    Gibran barrera dijo

        Đã thử emmet, rất tốt cho niềng răng.

    2.    eliotime3000 dijo

      Tôi muốn giới thiệu GNU Emacs, dễ dàng thích nghi với loại ngôn ngữ lập trình này và nó thường khá hữu ích nếu bạn muốn làm mà không cần chuột.

      Brackets cũng thu hút sự chú ý của tôi, vì nó là một IDE khá đơn giản có thể giúp tôi xử lý và chỉnh sửa các tệp dựa trên mã nguồn dễ dàng hơn khi chỉnh sửa trong HTML5 và CSS3.

      FromLinuxKể từ khi thành lập, nó không còn sử dụng Disqus nữa. Người đã sử dụng trình quản lý nhận xét đã nói là Hãy sử dụng LinuxNgoài ra, thứ hai là sử dụng Blogger nên đôi khi xảy ra sự cố chuyển hướng liên kết đến các bài viết cũ. Thật hạnh phúc, các trình thu thập thông tin của Google đang cập nhật các liên kết đến các bài viết UsemosLinux trước khi hợp nhất thành FromLinux.

    3.    3ndriago dijo

      Kiểm tra phpStorm

      1.    hackan dijo

        Họ đã giới thiệu nó cho tôi và từ trang đó có vẻ tốt, nhưng tôi phải mua nó hoặc truchalo, và tôi thực lòng muốn tránh cả hai trường hợp này ...

    4.    Schneider Light dijo

      Bạn có thể sử dụng netbeans, tôi đã sử dụng nó, nó có trình gỡ lỗi, danh sách và các thư khác có thể được yêu cầu từ IDE. Nó hỗ trợ Php, javascript, java, html, c, c ++ ...

  2.   Jorge P dijo

    Tuyệt vời! Một hướng dẫn nhỏ về bố cục bằng InkScape sẽ rất hữu ích :).

  3.   Tahuri dijo

    Sự thật là những công cụ này rất tốt và tôi sử dụng tất cả chúng, ngoại trừ dấu ngoặc vì công việc của tôi nhiều phụ trợ hơn là giao diện người dùng, nhưng đôi khi tôi sử dụng nó để bố trí một số thứ (Chỉ HTML5) vì css và js tôi sử dụng nó trực tiếp với sublime 🙂 Cảm ơn bạn rất nhiều vì đã chia sẻ.

  4.   patodx dijo

    Tôi không phải là một nhà thiết kế web, cũng không phải là một nhà khoa học máy tính, nhưng sau khi nhìn thấy công dụng chuyên nghiệp mà Gimp mang lại, tôi sẽ cân nhắc kỹ hơn và nghiên cứu nó để rời bỏ Photoshop một lần và mãi mãi.

    lời chào.

    1.    eliotime3000 dijo

      Trên thực tế, GIMP là một sự thay thế tuyệt vời cho Photoshop, vì nếu bạn định cấu hình nó đúng cách, bạn sẽ thực sự quên nó đi.

      Trong trường hợp của tôi, rất khó để tôi học cách sử dụng nhiều công cụ của nó để xử lý các lớp trong GIMP mặc dù cách xử lý tương tự như trong Photoshop. Nhưng nó ngang bằng hoặc vượt trội so với Photoshop, tôi không nghi ngờ gì.

  5.   eliotime3000 dijo

    Nói thật là tôi đang dùng Photoshop và Illustrator vì chưa quen. modus operandi các công cụ của họ, ngoài việc họ thường yêu cầu tôi thực hiện các công việc được thực hiện với phần mềm đó (và để làm cho vấn đề tồi tệ hơn, tôi đã quen với chúng).

    Sau cùng, tôi đang lưu công việc của mình ở các định dạng miễn phí như .PNG cho hình ảnh tĩnh và .SVG để có thể xem trực tiếp đồ họa vector của tôi trong trình duyệt của mình.

    Tôi rất kính trọng những người biết cách làm việc với GIMP và Inkscape.

  6.   3ndriago dijo

    Adobe Brackets không phải là một IDE, chỉ là một trình soạn thảo văn bản nâng cao do Adobe cung cấp (và tôi xin nhắc lại Adobe!) XD

    1.    elav dijo

      Như tôi đã nói trong bài viết, nó không phải là IDE, nó là một Trình soạn thảo văn bản và vâng, nó được đưa ra bởi Adobe nhưng cuối cùng nó vẫn được duy trì bởi Cộng đồng 😛

  7.   taku tội nghiệp dijo

    Emacs là người thoải mái / mạnh mẽ nhất trong bất cứ điều gì, trong khi tôi tham gia khóa học về thiết kế web từ myriadax, tôi đã thử bluefish, aptana và ngoặc, những thứ này không tệ, nhưng không có gì tôi thấy thoải mái, kể từ đó tôi rời đi cho đến khi thành thạo thời gian để tìm hiểu thêm các lệnh trong công cụ EMACS cuối cùng.

  8.   christian dijo

    Trong công việc của tôi, tôi sử dụng asp.net với các biểu mẫu web, nó rất đơn giản và nhanh chóng để phát triển các ứng dụng, có các lựa chọn thay thế web trực quan và drrag miễn phí không?

  9.   vidagnu dijo

    Tôi sử dụng Gimp để chỉnh sửa hình ảnh, tôi không làm gì nhiều đến không gian mực và để lập trình gvim hoặc vi.

    Liên quan

  10.   Siot dijo

    Tôi sử dụng Cloud9, nó cho phép tôi tiếp tục làm việc ở nơi tôi đã dừng lại trên bất kỳ máy tính nào của tôi. Dự án có thể được lưu trữ trên máy chủ bằng ftp hoặc trên chính Cloud9.

    Trong các chức năng, nó không có gì phải ghen tị với các trình chỉnh sửa máy tính để bàn khác.

  11.   Gibran barrera dijo

    Tôi phải sử dụng Emacs, nhưng các nhà phát triển Adobe đang làm rất tốt với Brackets và hôm nay tôi sử dụng nó trên Windows và GNU / Linux, một công cụ tuyệt vời.

  12.   Ñandekuera dijo

    Eclipse PHP

  13.   Sadalsuud dijo

    Bacano và nếu nó là tuyệt vời của đa nền. Tôi không biết về Brackets. Cảm ơn, tôi thích blog này.

  14.   Sadalsuud dijo

    Tôi không biết Dấu ngoặc. Cảm ơn, tôi sẽ xem nó như thế nào. Tôi thích blog này.

  15.   Xunorus dijo

    Xin chào cộng đồng, cảm ơn Elav về bài viết.
    Tôi muốn đề nghị bạn xem qua Grunt (gruntjs.com), nó đã thay đổi cách tôi phát triển mọi thứ trên web. Tôi đặc biệt đề xuất các plugin browser_sync, watch, jshint, uglify, imagemin và sass.
    Cùng với đó, bạn có thể đồng bộ hóa trên nhiều thiết bị, chèn css, sử dụng sass, nén và chuẩn bị cho web tất cả các tệp hình ảnh tự động và hơn thế nữa.

  16.   Alberto dijo

    Và bạn làm việc trên bản phân phối nào trong phát triển web?

  17.   Mario dijo

    Xin chào, cách đây không lâu, tôi đã chuyển sang linux và bắt đầu học cách sử dụng inkscape cho các thiết kế web của mình, tuy nhiên tôi không tìm thấy nhiều tài nguyên trên web, anh ấy hỏi tôi nếu bạn có thể giới thiệu bất kỳ cuốn sách, hướng dẫn, tài nguyên nào không giúp tôi với inkscape hoặc gimp để tham gia thiết kế web, tôi có ít kiến ​​thức về nó nhưng với photoshop và illustrator

  18.   msx dijo

    Một vòng để thống trị tất cả: EMACS.

  19.   Một giống huyền sâm dijo

    Bài báo hay và đóng góp lớn cho doanh nghiệp của tôi, cảm ơn bạn

  20.   Antonio Alcala dijo

    Các công cụ thiết kế và phát triển web được đề cập trong bài viết này rất nổi tiếng, cá nhân tôi tin rằng cũng có các công cụ khác như WordPress, giúp người dùng ít kinh nghiệm tạo trang web dễ dàng hơn. Tôi muốn hỏi bạn về WordPress, nó có phải là một nền tảng tốt để thiết kế các trang web, blog và cửa hàng trực tuyến không?
    Cảm ơn bạn rất nhiều về bài viết.
    Trân trọng.

    1.    Sergio dijo

      Bạn đang đùa, phải không?

  21.   Roberto Rubio ROmero dijo

    Tất cả thiết kế web này với LINUX có vẻ rất thú vị với tôi, tôi muốn xem một số tác phẩm của bạn đã có trên mạng và đang hoạt động. Tôi không phải là một chuyên gia về chủ đề này nhưng nó thu hút sự chú ý của tôi. Cách đây một thời gian với sự giúp đỡ của ADOBE MUSE tôi đã làm một việc có thể gọi là trang «» trò đùa »» nhưng không có gì đáng giá cả, bây giờ tôi muốn thử trong linux xem có học được gì không vì với chương trình mà tôi đã đề cập. trước khi nó chỉ là thứ để lắp lại với nhau và tôi nghĩ nó không phải là rất vui và ít khó khăn hơn nhiều. Tôi sẽ đánh giá cao bạn chỉ dẫn cho tôi một chút

  22.   Federico dijo

    xin chào, tôi thấy trang của bạn rất thú vị. Tôi sống ở Argentina và tôi yêu thích các ngôn ngữ lập trình, ví dụ: python, java, v.v. và chưa kể đến linux "THANK YOU LINUS TORVALDS", X MỘT MẶT TÔI YÊU CHÚNG VÌ CHÚNG MIỄN PHÍ VÀ NÓ LÀ CÁI NHẤT TRONG HỆ THỐNG, Và mặt khác, tôi ghét họ vì tôi không biết nên ở lại với cái nào, tôi đã cố gắng rất nhiều cái tốt hơn cái còn lại, tôi xin chào tạm biệt bạn sớm.

  23.   Christian dijo

    Bài viết hay, tôi đã là nhà thiết kế web và giao diện người dùng trong vài năm độc quyền trên Linux (chính xác là Ubuntu), với Inkscape và Gimp, tôi đã tham gia vào nhiều dự án và tôi hiểu rằng công cụ này về cơ bản là một lựa chọn, mặc dù nó Đúng là có sự khác biệt Trong sự phát triển của mỗi cái, nhìn chung bạn có thể thực hiện công việc tốt như bất kỳ ai, bạn chỉ cần dành thời gian cho mọi thứ. Và nếu chúng ta đi đến hệ điều hành, không phụ thuộc vào Windows là một sự nhẹ nhõm mà tôi có được trong gần 15 năm.
    Lời chào từ Peru.

  24.   Carlos dijo

    Hãy nhìn vào sự thật rất tồi tệ về nghiên cứu của bạn về các chương trình thiết kế web trong Linux, có rất nhiều chương trình tốt mà bạn chỉ cần tìm kiếm chúng và chúng hoạt động rất tốt ...