開源Bootstrap的5種選擇

Alejandro (a.k.a KZKG^Gaara)

3 Minutos

我們正在不斷變化，Web應用程序開發人員的工作方式已得到簡化。 儘管許多人喜歡創建自己的代碼，但確實存在一些工具可以使我們的工作更輕鬆，並允許我們快速部署項目。

也許在FrontEnd生態系統中，Bootstrap是近來最受歡迎和使用最多的CSS / JS框架，這是有原因的。 與競爭對手相比，Bootstrap可能是最完整的，並且它們幾乎可以提供所有選項，但它不是唯一的，而且就口味而言，甚至不是最漂亮的。

在網上搜尋我 我找到一個清單 與一些我們可以用於個人項目的最流行，最重要的開源CSS / JS框架。 但是在這種情況下，我只會提及我認為最有趣的5個。 讓我們開始吧：

面漆

上衣

特別是這個人不認識他。 它是由Adobe®發起的，主要致力於提供為所有設備創建Web應用程序所必需的框架。 其主要功能包括：

  • 它很快。
  • 主題可以自定義。
  • 自己的圖標。
  • Source Sans Pro，這是Adobe的開放源代碼。

面漆

UIKit的

威基

可以看出，UIkit是Bootstrap的最強競爭對手之一，並且作為差異數據，它添加了Twitter框架默認不添加的一系列組件，或者只是對其進行了改進。

用戶界面工具包

語義UI

語義UI

Bootstrap值得考慮的另一個競爭對手，因為它不僅提供了新組件，而且我們可以為它們選擇幾種樣式/主題。 例如，我們可以選擇按鈕類似於或等同於GMail，Github，Amazon，Google Material，Bootstrap，Twitter等。

語義UI

INK

INK

另一個非常好的候選人要考慮。 INK還為我們提供了新的組件，或者為我們提供了與Bootstrap有所不同的設計和功能。

INK

Metro UI的

地鐵用戶界面

如果我們想做得更接近Windows用戶，那麼Metro UI是我們擁有的變體之一。 我說一個，因為如果我們稍微看一下，我們會發現 Bootstrap本身的其他選項.

Metro UI的

結論

根據我們的需求和目標，我們已經看到了幾種選擇。 儘管我只提到了我所考慮的5個，但它們是最完整的，在開始時提到的列表中，您可以看到更多的內容。 還可以看出，其中許多人已經從Bootstrap那裡汲取了創意，甚至對其進行了改進，而Adobe等公司則主動創建了此類工具來改善我們的工作。

如果我們擁有必要的知識，也許我們甚至可以結合我們的需要將其中的幾種結合在一起。 無論如何，選擇都是您的。


發表您的評論

您的電子郵件地址將不會被發表。 必填字段標有 *

*

*

  1. 負責數據：MiguelÁngelGatón
  2. 數據用途：控制垃圾郵件，註釋管理。
  3. 合法性：您的同意
  4. 數據通訊：除非有法律義務，否則不會將數據傳達給第三方。
  5. 數據存儲：Occentus Networks（EU）託管的數據庫
  6. 權利：您可以隨時限制，恢復和刪除您的信息。

  1.   獵人 他說：
    前 9年

    您錯過了Yahoo的貢獻：純CSS，它專注於簡約和輕巧。

    純淨是荒謬的微小。 整個模塊的時鐘最小為4.0KB *，並壓縮。 考慮到移動設備的特性，對我們來說，保持文件的大小很小非常重要，並且仔細考慮了每一行CSS。 如果您決定僅使用這些模塊的子集，則將節省更多的字節。

    http://purecss.io/

    回复dhunter
    1.    拉夫 他說：
      前 9年

      是的，Pure是一個選項，但是根據我的特殊標準，儘管它的大小，但它不像上面提到的那樣完整。

      回复elav
      1.    獵人 他說：
        前 9年

        我喜歡Pure的是，它為您提供了基礎知識，並且非常快速地學習和實施，您可以在網站上使用它，並且可以為您做一些原創的工作，而您並沒有像大多數人那樣“被引導”。

        回复dhunter
  2.   喬Z3 他說：
    前 9年

    朋友，我認為您已經忽略了Bootstrap的主要競爭對手之一... Foundation

    回复JoZ3
    1.    拉夫 他說：
      前 9年

      的確如此。資金流過了我，這是另一個偉人，也許是Bootstrap的最大競爭對手。

      回复elav
      1.    拉他基爾 他說：
        前 9年

        朋友，我想念你一個重要的實現。 乾杯

        回复ratakill
      2.    馬科斯 他說：
        前 8年

        Foundation是用於界面設計的最佳框架，是最完整和最通用的，它是自舉的強大競爭者，儘管自舉並沒有達到您的要求。

        回复馬科斯
  3.   布朗夫 他說：
    前 9年

    非常有趣，我不認識他們。 我也很驚訝沒有在該列表中看到基礎。

    回复blonfu
    1.    阿爾薩羅 他說：
      前 9年

      實際上，鏈接的站點從一開始就奠定了毫無疑問是最強大的競爭對手之一的基礎。

      回复rlsalgueiro
  4.   拉斐爾·馬爾多傑（Rafael Mardojai） 他說：
    前 9年

    我將開始為某些開發更多地考慮這些框架，因為現在我從0開始編寫所有響應式網站，編寫所有Xd時會帶來一百倍的樂趣

    回覆Rafael Mardojai
  5.   攝氏 他說：
    前 9年

    歸根結底，它們都是一樣的。 白色背景上的大好字母

    回复攝氏
  6.   基克1n 他說：
    前 9年

    後端規則😀

    回复kik1n
  7.   加布里埃爾 他說：
    前 9年

    事實是，此刻，此帖子對我非常好，謝謝😉

    回復加百利
  8.   出來19 他說：
    前 9年

    我正在使用ui語義，說起來不是那麼直觀

    回复sald19
  9.   阿爾貝托·卡洛斯·韋伯·奧茲 他說：
    前 9年

    沒有Materialize或Foundation，此列表是胡扯。

    回复阿爾貝托·卡洛斯·韋伯·奧茲
    1.    拉夫 他說：
      前 9年

      為什麼說誰？ 這兩個必須具體寫在哪裡？ 如果您閱讀了這些評論（顯然您還沒有這樣做），您會發現我認識到我缺少Fundation，但是您在本文中看到的列表是基於我的讚賞，您不必對此表示同意，但您不必說這是垃圾。

      回复elav
  10.   神崎666 他說：
    前 9年

    您好，很好的文章。 但我想告訴您，似乎有人在未反映原始來源的情況下將其複製到他們的網站上。 我不知道您如何處理這些問題，但我想您想知道。 鏈接是： http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.

    問候。

    回复Kamisama666
    1.    拉夫 他說：
      前 9年

      是的，發生這種情況很正常。 我已經聯繫了負責該網站的人員

      回复elav
  11.   尤里·賈吉斯基（Yury Jajitzky） 他說：
    前 9年

    傑出貢獻！ Bootstrap確實為像我這樣的人打開了大門，這些人擅長在CSS前端，但在前端卻很糟糕，無法提供外觀精美的產品。 也許這不是他們應該提到的正確方法，但我同意該列表缺少MaterializeCSS； 輕巧，功能強大的框架，具有外觀設計和最佳的學習曲線。 有了這個框架，我在10分鐘內就能夠建立一個非常漂亮的界面。 它的文檔非常簡單，與引導程序相比，它看起來像是航空航天工程。 因此，我建議看一下Materialize（materializecss.com）。 乾杯!

    回复Yury Jajitzky