gersigno.github.io

ผลงาน ออนไลน์ ของฉัน

เว็บ OS ที่สวยงามและคล่องแคล่วเหมือนพอร์ตโฟลิโอออนไลน์!

อย่าลืมแสดง repo นี้ถ้าคุณสนุกกับงานของฉัน!

ทดสอบตอนนี้

- การแนะนำ

ยินดีต้อนรับสู่ที่เก็บผลงานของฉัน!

ค้นพบประสบการณ์ที่ไม่เหมือนใครและใช้งานง่ายผ่านผลงานของฉันด้วยอินเทอร์เฟซเดสก์ท็อปที่คุ้นเคย!

บันทึก

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

- หนังสือพิมพ์

• ?คุณสมบัติ

• ?ออกแบบ
• การกำหนดเวลา
• ⏳การสื่อสารเร็ว ๆ นี้

• สำหรับนักพัฒนา

• ? เริ่มต้น
• สร้างแอปพลิเคชันของคุณเอง
• ? ป๊อปอัป
• การแจ้งเตือนขนมปังปิ้ง

• ? เทคโนโลยี
• ? เครดิต
• ?สนับสนุน

- คุณสมบัติ

- ออกแบบ

การโปร่งแสงแก้ว

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

✍การปรับแต่ง

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

⏳จะมาเร็ว ๆ นี้

คุณสมบัติเหล่านี้เป็นงานที่กำลังดำเนินการอยู่และจะมาในการอัปเดตในอนาคต:

• เนื้อหาหน้า การพัฒนาเกม
• ตอบสนอง
• การแปล (การแปล)
• โครงการพัฒนาเว็บเพิ่มเติม

สำหรับนักพัฒนา

รหัสได้รับการแสดงความคิดเห็นและบันทึกไว้บางส่วน

- เริ่มต้น

สำคัญ

อย่าลืมว่าโครงการนี้ยังอยู่ในระหว่างการพัฒนาฟังก์ชั่นสามารถแก้ไขได้ในการอัปเดตในอนาคต

- สร้างแอปพลิเคชันของคุณเอง

แอปพลิเคชันทั้งหมดของคุณจะต้องใช้งานได้ในไฟล์ประเภท HTML

ก่อนอื่นให้สร้างโฟลเดอร์ชื่อโครงการของคุณในโฟลเดอร์ _subpages

จากนั้นในไฟล์ desktop.js ที่อยู่ที่ scriptsdesktopdesktop.js สร้างอินสแตนซ์วัตถุเดสก์ DesktopIcon ใหม่
ไวยากรณ์:

 new DesktopIcon ( ( String ) title , ( String ) icon , ( function ) funcPtr , ( String ) shandler ) ; 

 title : The text shown at the bottom of the shortcut;
icon : The relative path of your icon's image file;
funcPtr : The function to call on any left click event (can have parameters);
shandler : Unique text to distinguish between different icons.;

คุณจะต้องโทรหาฟังก์ชั่น createWindow(...) ในเหตุการณ์คลิกไอคอนของคุณเพื่อสร้างหน้าต่างของคุณ เป็นแบบอย่าง:

 new DesktopIcon ( "Title" , "icons/myIcon.png" , ( ) => createWindow ( "icons/myIcon.png" , "Title" , "_subpages\my_app\index.html" , "myApp" ) , "myApp_shortcut" ) ;

- วิธีใช้ป๊อปอัป

ในการสร้างป๊อปอัพคุณสามารถใช้ฟังก์ชัน UI_CreatePupup()
ไวยากรณ์:

 UI_CreatePupup ( ( String ) icon , ( String ) title , ( String ) message , ( String ) okText , ( function ) okFunction , ( String ) cancelText , ( function ) cancelFunction ) ; 

 icon : The relative path of your icon's image file;
title : The title of the pop-up;
message : the message shown at the center of the pop-up;
okText : The text of the primary (left) button;
okFunction : The function to call when the primary button is clicked by the user;
cancelText : [not required] The text of the secondary (right) button;
cancelFunction : [not required] The function to call when the secondary button is clicked by the user;

เป็นแบบอย่าง:

 UI_CreatePupup ( "icons/myIcon.png" , "Pop-up Title" , "Pop-up description" , "Ok" , ( ) => ok_function ( ) , "Cancel" , ( ) => cancel_function ( ) ) ;

- วิธีใช้การแจ้งเตือนขนมปังปิ้ง

ในการสร้างการแจ้งเตือนขนมปังปิ้งคุณสามารถใช้ฟังก์ชัน UI_CreatePupup()
ไวยากรณ์:

 new ToastNotify ( icon , title , description ) ; 

 icon : The relative path of your icon's image file;
title : The title of the toast notification;
description : [not required] The description (secondary text) of the notification.

เป็นแบบอย่าง:

 new ToastNotify ( "icons/myIcon.png" , "Toast notification" , "A simple notification" ) ;

- เทคโนโลยี

- การให้เครดิต

• ผู้แต่ง @gersigno

แหล่งข้อมูลออนไลน์

• เปลี่ยนสไตล์องค์ประกอบ โดย Marcus Burnette
• รูปแบบวันที่ง่าย โดย Emil S. Jørgensen

ขอบคุณ

• David R. สำหรับความช่วยเหลือของเขาในโครงการ

• การออกแบบเซนสำหรับคำแนะนำของเขาเกี่ยวกับการออกแบบ UI/UX

• ไอคอนทั้งหมดที่ใช้ในโครงการนี้มาจาก ICONS8

- สนับสนุน

สำหรับการสนับสนุนอีเมลติดต่อ. [email protected] หรือเข้าร่วม เซิร์ฟเวอร์ Discord