หน้าแรก>แหล่งข้อมูลการสร้างเว็บไซต์>ข้อมูลเว็บไซต์
ดาวน์โหลด

Materializecss Starter

แผ่นหม้อไอน้ำเริ่มต้นสำหรับวัสดุที่มีอิออน, fontawesome และ animatecss

ตรวจสอบการสาธิตที่นี่

Materializecss คืออะไร?

Materializecss เป็นกรอบการทำงานที่ตอบสนองที่ทันสมัยตามการออกแบบวัสดุ

นี่คือใคร?

  • นักออกแบบเว็บไซต์และนักพัฒนา
  • นักพัฒนาแอพไฮบริด
  • นักพัฒนาแอพอิเล็กตรอน (Materializecss Electron Boilerplate เร็ว ๆ นี้!)
  • แฮ็กเกอร์ (ที่ชอบลุกขึ้นและทำงานได้เร็วที่สุดเท่าที่จะทำได้)

ฉันจะใช้สิ่งนี้ได้อย่างไร?

ง่ายมาก. เพียงโคลนที่เก็บนี้โดยพิมพ์คำสั่งด้านล่างในพรอมต์เทอร์มินัลหรือคำสั่งของคุณ (ติดตั้ง GIT): 

 $ git clone https://github.com/jalasem/materializecss_starter.git project_name

ข้อกำหนดเบื้องต้น

  • ในการใช้คำสั่ง git คุณต้องติดตั้ง Git คุณสามารถทำได้โดยการติดตั้งผ่าน git-scm.com
  • คุณต้องมีตัวแก้ไขข้อความเพื่อเพลิดเพลินกับการแก้ไขรหัสของคุณ ฉันแนะนำรหัส VS เป็นการส่วนตัว
  • และรุ่นล่าสุดของ Mozilla, Chrome หรือ Edge Browser เพื่อดูว่ามันใช้งานได้

รับความช่วยเหลือและไกด์

  • ในการเริ่มต้นใช้งาน MaterialIzECSS ซึ่งเป็นทรัพยากรที่ดีมากและเป็นทรัพยากรเดียวที่ฉันแนะนำคือเอกสารที่มีให้ในเว็บไซต์ MaterialIZESSSSS
  • รับตัวอย่างและเลือกไอคอนที่คุณเลือกได้ที่เว็บไซต์ Ionicons และ Ionicons อย่างเป็นทางการ Cheat-Sheet
  • fontawesome.io เป็นสถานที่ที่ดีมากในการตรวจสอบไอคอนและ Cheatsheets ที่ยอดเยี่ยม
  • ดู AnimateCss (ไลบรารีสำหรับการใช้แอนิเมชัน CSS ในหน้าของเรา) การสาธิตที่นี่หรือ AnimateCss GitHub repo

ทำไมต้องใช้อิออนและ fontawesome ในโครงการเดียวกัน?

คำถามที่ดี! Ionicons เป็นห้องสมุดที่มีไอคอนที่สง่างามและยอดเยี่ยม แต่ไม่มีไอคอนมากเท่าที่ Fontawesome ทำ ดังนั้นคุณสามารถเลือกที่จะใช้ไอคอนที่ยอดเยี่ยมทั้งในอิออนหรือตัวอักษรที่ยอดเยี่ยม สิ่งนี้จะช่วยให้คุณมีความยืดหยุ่นมากขึ้น ด้านล่างเป็นตัวอย่างเกี่ยวกับวิธีการไอคอนจากห้องสมุด Ionicons 

 <i class="icon ion-bookmark"></i>

และสิ่งนี้สำหรับไอคอนตัวอย่างแบบอักษรที่ยอดเยี่ยม 

 <i class="fa fa-plus"></i>

การบริจาค

ฉันจะรักการมีส่วนร่วมของคุณในโครงการนี้ ตั้งแต่การพิมพ์ผิดไปจนถึงการแก้ไขข้อผิดพลาดและแม้แต่หน้าตัวอย่าง เพื่อบริจาค

  1. ส้อม!
  2. สร้างสาขาคุณสมบัติของคุณ: git checkout -b my-new-feature
  3. กระทำการเปลี่ยนแปลงของคุณ: git commit -m 'Add some feature'
  4. ผลักดันไปยังสาขา: git push origin my-new-feature

หลังจากรวมคำขอดึงของคุณ คุณสามารถลบสาขาของคุณได้อย่างปลอดภัย

ข้อเสนอแนะ

ใช่! มาพูดคุยกัน ส่งอีเมลไปที่ Ajala Abdul-Samii Olalekan ที่ [email protected] หรือสร้างปัญหา

การกำหนดเวอร์ชัน

ฉันจะพยายามอย่างดีที่สุดเพื่อให้โครงการนี้อัปเดตด้วย VitalesizECSS รุ่นล่าสุดและการพึ่งพาของมัน, fontawesome, ionicons และ animatecsss

นี่คือรายการทั้งหมดที่ฉันใช้และเวอร์ชันของพวกเขา:

  • Materializecss: 0.98.1
  • jQuery: 2.1.1
  • Ionicons: 2.0.1
  • Font-Joresome: 4.7.0
  • AnimateCss (ขึ้นอยู่กับการกระทำล่าสุดจาก @daneden GitHub repo)

ผู้เขียน

ฉันจะพูดขอบคุณได้อย่างไร?

หากคุณพบว่าโครงการนี้มีประโยชน์หรือเป็นประโยชน์สำหรับคุณหรือเพื่อนร่วมงาน ทำไมไม่บอกโลกเกี่ยวกับเรื่องนี้ผ่าน Facebook หรือ Twitter และแสดงโครงการนี้

ใบอนุญาต

โครงการนี้ได้รับใบอนุญาตภายใต้ใบอนุญาต MIT - ดูไฟล์ License.md สำหรับรายละเอียด

กิตติกรรมประกาศและเครดิต

  • Dogfalo และสมาชิกในทีมของเขาที่ทำโครงการ Materializecss หากไม่มีพวกเขาโครงการนี้อาจไม่เคยมีอยู่จริง
  • ขอบคุณพวงที่จะประสบความสำเร็จ otemuyiwa @unicodeveloper สำหรับแรงบันดาลใจที่เขาให้ฉันผ่านการพูดคุยของเขาโพสต์ FB/Twitter และโครงการของเขา Laravel Hackhathon Starter Starter
ขยาย
ข้อมูลเพิ่มเติม
แอปที่เกี่ยวข้อง
แนะนำสำหรับคุณ
ข้อมูลที่เกี่ยวข้อง ทั้งหมด