stacksorted

จัดเรียงสแต็ก

โครงการโอเพ่นซอร์สเปิดกว้างที่จัดหมวดหมู่เว็บไซต์ไม่ใช่โดยการออกแบบทั่วไปหรือหัวข้อ แต่ตามองค์ประกอบเฉพาะ

วิธีการมีส่วนร่วม

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

การปรับปรุงรหัส

หากมีคุณสมบัติที่คุณต้องการดูให้เปิดปัญหาหรือส่งคำขอดึง

การเพิ่มไซต์

เราเพิ่มไซต์และหมวดหมู่ส่วนใหญ่ไปยัง Database.js

มีคุณสมบัติสูงสุด 5 คุณสมบัติที่คุณสามารถระบุสำหรับแต่ละไซต์:

 {
          name: "Site/Project/Design Name",
          url: "https://example.com",
          code: "link to code implementation of the design (if existing, preferrably on Codepen)",
          image: "/images/{category}-{number}.webp",
          gif: "/images/{category}-{image-number}.webp",
},

จำไว้

1. name url และ image เป็นสิ่งจำเป็น code และ gif เป็นทางเลือก
2. คุณสามารถเพิ่มได้หากมีการใช้งานการออกแบบที่มีอยู่ใน CodePen หรือเว็บไซต์ที่คล้ายกัน หากคุณกำลังทำด้วยตัวเองคุณสามารถเพิ่มลิงค์ที่นั่นได้เช่นกัน
3. คุณสามารถเพิ่มรูปภาพใน public/images
4. มีการตั้งชื่อการประชุมสำหรับรูปภาพด้วย: {category}-{number} .webp หมายเลขตามหมายเลขรูปภาพล่าสุดที่มีอยู่ หากคุณกำลังเพิ่มไซต์แรกในหมวดหมู่เช่นเม็ดเล็ก ๆ มันจะเป็นเม็ดเล็ก -1.webp ตามด้วย grainy-2.webp และอื่น ๆ
5. มีการเพิ่ม GIF เมื่อมีประโยชน์ในการแสดงภาพเคลื่อนไหวตัวอย่างขององค์ประกอบ มันจะต้องมีหมายเลขเดียวกับภาพตามด้วยตัวอักษร 'G' เช่น image-1g.webp GIF นี้จะแสดงใน Modal เท่านั้น
6. รูปภาพควรจับองค์ประกอบอย่างสมบูรณ์ (200x344)
7. GIF ควรจะสั้นที่สุดเท่าที่จะเป็นไปได้โดยการจับเอฟเฟกต์/ภาพเคลื่อนไหวหลักเท่านั้นดังนั้นไฟล์ไม่ควรเกิน 10MB

ขอบคุณสำหรับการตรวจสอบโครงการ!