5 ทางเลือกในการ Bootstrap แบบโอเพ่นซอร์ส

เรามีการเปลี่ยนแปลงอยู่ตลอดเวลาและวิธีการทำสิ่งต่างๆได้ง่ายขึ้นสำหรับนักพัฒนาเว็บแอปพลิเคชัน แม้ว่าหลายคนจะชอบสร้างโค้ดของตัวเอง แต่ก็มีเครื่องมือที่ทำให้ชีวิตง่ายขึ้นสำหรับเราและทำให้เราปรับใช้โครงการได้อย่างรวดเร็ว

บางทีในระบบนิเวศ FrontEnd เฟรมเวิร์ก CSS / JS ที่ได้รับความนิยมและใช้มากที่สุดในช่วงไม่กี่ปีที่ผ่านมาคือ Bootstrap ด้วยเหตุผลอันสมควร Bootstrap อาจจะสมบูรณ์แบบที่สุดเมื่อเทียบกับการแข่งขันและพวกเขามีตัวเลือกสำหรับเกือบทุกอย่าง แต่ไม่ใช่สิ่งเดียวและในเรื่องของรสนิยมไม่ใช่สิ่งที่สวยงามที่สุด

กำลังค้นหาอินเทอร์เน็ตสำหรับฉัน ฉันพบรายชื่อ ด้วย CSS / JS Framework ที่เป็นที่นิยมมากที่สุดและที่สำคัญที่สุดคือโอเพ่นซอร์สที่เราสามารถใช้สำหรับโครงการส่วนตัวของเรา แต่ในกรณีนี้ฉันจะพูดถึง 5 ข้อที่ฉันคิดว่าน่าสนใจที่สุดเท่านั้น มาเริ่มกันเลย:

เสื้อด้านบน

เสื้อโค้ท

อันนี้ไม่รู้จักเขาโดยเฉพาะ เปิดตัวโดยAdobe®เป็นเฟรมเวิร์กที่เน้นการจัดหาสิ่งที่จำเป็นในการสร้างเว็บแอปพลิเคชันสำหรับอุปกรณ์ทั้งหมดเป็นหลัก คุณสมบัติหลัก ได้แก่ :

  • มันเร็ว.
  • สามารถปรับแต่งธีมได้
  • ไอคอนของตัวเอง
  • Source Sans Pro ซึ่งเป็นแหล่ง OpenSource จาก Adobe

เสื้อด้านบน

UIKit

อุยคิท

จากสิ่งที่เห็นได้ UIkit เป็นหนึ่งในคู่แข่งที่แข็งแกร่งที่สุดของ Bootstrap และในฐานะที่เป็นข้อมูลที่แตกต่างจะเพิ่มชุดของส่วนประกอบที่เฟรมเวิร์กของ Twitter ไม่ได้เพิ่มตามค่าเริ่มต้นหรือเพียงแค่ปรับปรุงให้ดีขึ้น

UIKit

UI ความหมาย

ความหมายUI

อีกหนึ่งคู่แข่ง Bootstrap ที่คุ้มค่าที่ต้องคำนึงถึงเนื่องจากไม่เพียง แต่มีส่วนประกอบใหม่ ๆ เท่านั้น แต่เราสามารถเลือกระหว่างสไตล์ / ธีมต่างๆสำหรับพวกเขาได้ เราสามารถเลือกได้ว่าปุ่มต่างๆเช่นเดียวกันหรือเท่ากับของ GMail, Github, Amazon, Google Material, Bootstrap, Twitter และอื่น ๆ

UI ความหมาย

หมึก

หมึก

อีกหนึ่งผู้สมัครที่ดีที่ควรพิจารณา นอกจากนี้ INK ยังมีส่วนประกอบใหม่ ๆ หรือการออกแบบและการทำงานที่แตกต่างจากที่เราพบใน Bootstrap เล็กน้อย

หมึก

UI รถไฟใต้ดิน

เมโทรUI

หากเราต้องการทำอะไรที่ใกล้ชิดกับผู้ใช้ Windows มากขึ้น Metro UI ก็เป็นหนึ่งในตัวแปรที่เรามี และฉันพูดอย่างหนึ่งเพราะถ้าเรามองเล็กน้อยเราจะพบ ตัวเลือกอื่น ๆ สำหรับ Bootstrap นั้นเอง.

UI รถไฟใต้ดิน

สรุปผลการวิจัย

ขึ้นอยู่กับความต้องการและวัตถุประสงค์ของเราเรามีทางเลือกหลายทางที่เราได้เห็นไปแล้ว แม้ว่าฉันจะพูดถึงเพียง 5 ข้อที่ฉันคิดว่ามันสมบูรณ์ที่สุด แต่ยังมีอีกมากมายดังที่คุณเห็นในรายการที่ฉันพูดถึงในตอนต้น นอกจากนี้ยังสามารถเห็นได้ว่าหลายคนได้รับแนวคิดจาก Bootstrap และปรับปรุงให้ดีขึ้นและ บริษัท ต่างๆเช่น Adobe ได้เข้าร่วมริเริ่มสร้างเครื่องมือประเภทนี้เพื่อปรับปรุงงานของเรา

หากเรามีความรู้ที่จำเป็นบางทีเราอาจจะผสมผสานหลาย ๆ อย่างเข้ากับสิ่งที่เราต้องการก็ได้ ทางเลือกก็เป็นของคุณอยู่ดี


แสดงความคิดเห็นของคุณ

อีเมล์ของคุณจะไม่ถูกเผยแพร่ ช่องที่ต้องการถูกทำเครื่องหมายด้วย *

*

*

  1. ผู้รับผิดชอบข้อมูล: Miguel ÁngelGatón
  2. วัตถุประสงค์ของข้อมูล: ควบคุมสแปมการจัดการความคิดเห็น
  3. ถูกต้องตามกฎหมาย: ความยินยอมของคุณ
  4. การสื่อสารข้อมูล: ข้อมูลจะไม่ถูกสื่อสารไปยังบุคคลที่สามยกเว้นตามข้อผูกพันทางกฎหมาย
  5. การจัดเก็บข้อมูล: ฐานข้อมูลที่โฮสต์โดย Occentus Networks (EU)
  6. สิทธิ์: คุณสามารถ จำกัด กู้คืนและลบข้อมูลของคุณได้ตลอดเวลา

  1.   นักล่า dijo

    คุณพลาดการสนับสนุนของ Yahoo: Pure CSS ซึ่งมุ่งเน้นไปที่ความเรียบง่ายและความสว่าง

    เพียวมีขนาดเล็กอย่างน่าขัน โมดูลทั้งชุดนาฬิกาที่ 4.0KB * minified และ gzipped สร้างขึ้นโดยคำนึงถึงอุปกรณ์มือถือเป็นสิ่งสำคัญสำหรับเราที่จะต้องรักษาขนาดไฟล์ให้เล็กและ CSS ทุกบรรทัดได้รับการพิจารณาอย่างรอบคอบ หากคุณตัดสินใจที่จะใช้เฉพาะส่วนย่อยของโมดูลเหล่านี้คุณจะประหยัดไบต์ได้มากขึ้น

    http://purecss.io/

    1.    Elav dijo

      ใช่ Pure เป็นตัวเลือกหนึ่ง แต่แม้จะมีขนาดจากเกณฑ์เฉพาะของฉัน แต่ก็ยังไม่สมบูรณ์เท่าที่กล่าวไว้ข้างต้น

      1.    นักล่า dijo

        สิ่งที่ฉันชอบเกี่ยวกับ Pure คือมันช่วยให้คุณมีพื้นฐานและเรียนรู้และนำไปใช้ได้อย่างรวดเร็วคุณสามารถใช้บนไซต์และให้ขอบเขตในการทำสิ่งที่เป็นต้นฉบับคุณไม่ได้ "bootstrapified" เหมือนส่วนใหญ่

  2.   JoZ3 dijo

    เพื่อนฉันคิดว่าคุณได้ทิ้งคู่แข่งที่ยิ่งใหญ่คนหนึ่งของ Bootstrap … Foundation ไปแล้ว

    1.    Elav dijo

      มันเป็นเรื่องจริง ... เงินทุนผ่านฉันไปซึ่งเป็นอีกหนึ่งผู้ยิ่งใหญ่ซึ่งอาจเป็นคู่แข่งที่ใหญ่ที่สุดของ Bootstrap จากสิ่งที่พวกเขาพูด

      1.    Ratakill dijo

        เพื่อนฉันคิดถึงคุณวัสดุสำคัญอย่างหนึ่ง ไชโย

      2.    มาร์กอส dijo

        Foundation เป็นเฟรมเวิร์กที่ดีที่สุดสำหรับการออกแบบอินเทอร์เฟซที่สมบูรณ์แบบที่สุดและหลากหลายที่สุดและเป็นคู่แข่งที่ยอดเยี่ยมสำหรับ bootstrap แม้ว่า bootstrap จะไม่ถึงพื้นรองเท้า แต่เพียงผู้เดียว

  3.   บลอนฟู dijo

    น่าสนใจมากฉันไม่รู้จักพวกเขา ฉันยังแปลกใจที่ไม่เห็นมูลนิธิในรายการนั้น

    1.    อาร์ลซาลเกโร dijo

      ในความเป็นจริงเว็บไซต์ของลิงก์ที่ออกจากจุดเริ่มต้นของรากฐานนี้ซึ่งไม่ต้องสงสัยเลยว่าเป็นหนึ่งในคู่แข่งที่แข็งแกร่งที่สุด

  4.   ราฟาเอลมาร์โดใจ dijo

    ฉันจะเริ่มคิดมากขึ้นเกี่ยวกับกรอบการทำงานเหล่านี้สำหรับการพัฒนาบางอย่างสำหรับตอนนี้เว็บไซต์ที่ตอบสนองทั้งหมดที่ฉันเขียนจาก 0 มีความสุขมากขึ้นเป็นร้อยเมื่อเขียนทุกอย่าง Xd

  5.   เซลเซียส dijo

    ในตอนท้ายของวันพวกเขาทั้งหมดเหมือนกัน ตัวหนังสือใหญ่ดีบนพื้นหลังสีขาว

  6.   กิ๊ก1n dijo

    กฎ BackEnd 😀

  7.   Gabriel dijo

    ความจริงก็คือในขณะนี้โพสต์นี้ดีมากสำหรับฉันขอบคุณ😉

  8.   ออกมา 19 dijo

    ฉันใช้ความหมายของ ui และมันไม่ง่ายเลยที่จะพูด

  9.   อัลแบร์โต คาร์ลอส เวบบ์ ออซ dijo

    หากไม่มี Materialize หรือ Foundation รายการนี้เป็นเรื่องไร้สาระ

    1.    Elav dijo

      ทำไมพูดว่าใคร? ที่เขียนว่าสองคนนั้นต้องเป็นอย่างไร? หากคุณอ่านความคิดเห็น (สิ่งที่เห็นได้ชัดว่าคุณยังไม่ได้ทำ) คุณจะเห็นว่าฉันยอมรับว่าฉันพลาดมูลนิธิ แต่รายการที่คุณเห็นในบทความนี้มาจากความชื่นชมของฉันและคุณไม่จำเป็นต้องเห็นด้วยกับมัน แต่คุณไม่ต้องบอกว่ามันเป็นขยะ

  10.   คามิซามะ 666 dijo

    สวัสดีบทความที่ดีมาก แต่ฉันอยากจะบอกคุณว่าดูเหมือนว่ามีคนคัดลอกไปบนเว็บไซต์ของพวกเขาโดยไม่สะท้อนถึงแหล่งที่มาดั้งเดิม ฉันไม่รู้ว่าคุณจัดการเรื่องเหล่านี้อย่างไร แต่ฉันคิดว่าคุณคงอยากรู้ ลิงค์คือ: http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.

    คำอวยพร

    1.    Elav dijo

      ใช่มันเป็นเรื่องปกติที่จะเกิดขึ้น ฉันได้ติดต่อผู้ที่รับผิดชอบไซต์แล้ว😉

  11.   ยูริ จาจิตซกี้ dijo

    ผลงานยอดเยี่ยม! Bootstrap เปิดประตูให้กับคนอย่างฉันที่เก่งด้านแบ็กเอนด์ แต่มีหมัดที่ส่วนหน้าใน css เพื่อส่งมอบผลิตภัณฑ์ที่ดูดี บางทีมันอาจจะไม่ใช่วิธีที่ถูกต้องซึ่งพวกเขาควรจะกล่าวถึง แต่ฉันยอมรับว่ารายการนี้ไม่มี MaterializeCSS เฟรมเวิร์กที่มีน้ำหนักเบาและทรงพลังพร้อมรูปลักษณ์ของการออกแบบวัสดุและเส้นโค้งการเรียนรู้ที่ยอดเยี่ยมที่สุด ใน 10 นาทีฉันสามารถตั้งค่าอินเทอร์เฟซที่ดีมากได้ด้วยกรอบนี้ เอกสารประกอบนั้นง่ายมากเมื่อเทียบกับ bootstrap ทำให้ดูเหมือนวิศวกรรมการบินและอวกาศ ดังนั้นฉันขอแนะนำให้ดูที่ Materialize (materializecss.com) ไชโย!