Toolkit - หน้า 25

การขยายตัวอย่างมากของ WebGL พิสูจน์ได้ว่า ความนิยมของการเล่นเกม บนเว็บ มีสิ่งดีๆมากมายที่คุณสามารถสร้างได้บน WebGL แต่นักพัฒนาส่วนใหญ่ต้องการ เจาะลึกลงไปในเกมเบราว์เซอร์. WebGL เป็นกรอบที่มีประสิทธิภาพ แต่มันเป็น ไม่ใช่ทุกอย่างที่คุณต้องการ สำหรับเกมบนเว็บ. ตัวควบคุมเกม และ เสียง ยังมีส่วนสำคัญในการพัฒนาเกมเบราว์เซอร์. ของฟรี ห้องสมุด BabylonJS เป็นแหล่งข้อมูลที่สมบูรณ์แบบที่ครอบคลุมหัวข้อเหล่านี้ทั้งหมด มันยอดเยี่ยมสำหรับทุกคนที่เข้ามา การพัฒนาเกมเบราว์เซอร์. บาบิโลนเป็น ไลบรารี่ของเกม 3D ขับเคลื่อนโดย WebGL สำหรับกราฟิก...

ไม่มาก ห้องสมุดม้าหมุน สามารถแข่งขันกับ เนียน. มันเป็นปลั๊กอิน jQuery ที่อัดแน่นที่สุดสำหรับ สร้างภาพหมุนแบบไดนามิก บนเว็บ. มันฟรีอย่างสมบูรณ์และ สร้างขึ้นบน jQuery. รหัสนี้ง่ายต่อการติดตั้งแม้ว่ามันจะเป็นเช่นนั้น ต้องมีการขึ้นต่อกันเล็กน้อย. แต่ด้วยฟังก์ชั่นการใช้งานมากมายมันคุ้มค่าที่จะเพิ่มไลบรารีเพิ่มเติมเพื่อให้สามารถใช้งานได้. ไปยัง ติดตั้ง Slick, คุณสามารถเยี่ยมชม repo GitHub และดาวน์โหลดสำเนา มันมาพร้อมกับ ไฟล์ CSS สองไฟล์: หนึ่งสำหรับ การตั้งค่าพื้นฐาน และอีกสำหรับ ชุดรูปแบบเริ่มต้นเนียน....

ของฟรี ไลบรารี D3.js เป็นเพียงหนึ่งในหลาย ๆ ที่ให้คุณ สร้างกราฟิกแบบโต้ตอบ บนหน้า ในขณะที่ D3 อาจเป็นที่นิยมที่สุดในกลุ่ม แต่การเรียนรู้ที่จะใช้มันไม่ใช่เรื่องง่าย. นั่นเป็นเหตุผล Plottable.js เป็นห้องสมุดที่มีค่า มันเป็นโครงการโอเพนซอร์ซฟรี สร้างขึ้นบน D3.js, ทำให้ทุกคนสามารถสร้างได้ง่ายขึ้น กราฟข้อมูลเชิงโต้ตอบตั้งแต่เริ่มต้น. ห้องสมุดนี้ จัดการกับงานที่สกปรกทั้งหมด, เพื่อให้คุณสามารถมุ่งเน้นเฉพาะเช่นข้อมูล plottable สร้างรหัสที่เหมาะสม สำหรับขนาดและตำแหน่งของแผนภูมิใด ๆ ที่คุณเลือก. แต่ละแผนภูมิ มีส่วนประกอบของตัวเอง...

คุณสามารถเข้าถึง ห้องสมุดโค้ดหลายร้อยฟรีที่ปลายนิ้วของคุณ. ไม่จำเป็นต้องสร้างโครงการตั้งแต่ต้นเมื่อคุณสามารถพึ่งพาชุมชนโอเพ่นซอร์สเพื่อขอความช่วยเหลือ. แต่คุณจะค้นหาหลายร้อยห้องสมุดได้อย่างไร หาที่ตรงกับความต้องการของคุณมากที่สุด? นั่นคือสิ่งที่ทำให้ Boilrplate มีประโยชน์มาก. เว็บไซต์นี้ ดูแลเทมเพลตสำเร็จรูปที่ดีที่สุด สำหรับโครงการทุกประเภทตั้งแต่เว็บไซต์ไปจนถึงแอพมือถือ คุณสามารถ ค้นหาภาษาที่คุณใช้ และเรียงลำดับเทมเพลตสำเร็จรูปที่ดีที่สุดสำหรับโครงการใหม่ได้อย่างรวดเร็ว. แต่ละหน้านั้น จัดดีมาก และคุณ จะไม่รู้สึกหนักใจกับทางเลือกมากเกินไป. ที่จริงแล้วฉันขอยืนยันว่าเว็บไซต์นี้ออกแบบมาสำหรับผู้ที่ต้องการค้นหาห้องสมุดที่ดีที่สุดอย่างรวดเร็ว. ยกตัวอย่างเช่นหน้า jQuery, เต็มไปด้วยเทมเพลตสำเร็จรูปสำหรับการสร้างแอพและปลั๊กอิน. แต่ละคนมีดาวและนาฬิกาทั้งหมดบน GitHub พร้อมกับลิงค์โดยตรงไปยังโครงการ. คุณสามารถดูได้อย่างแน่นอน เมื่อโครงการถูกสร้างขึ้น, เมื่อมันได้รับการปรับปรุงล่าสุด, และ ขนาดรวมของไฟล์ทั้งหมดใน...

แถบความคืบหน้า เป็นที่รู้จักอย่างกว้างขวางโดยผู้ใช้ส่วนใหญ่บนเว็บ สำหรับนักพัฒนามักเป็นกระบวนการที่ซับซ้อน สร้างแถบความคืบหน้าตั้งแต่เริ่มต้น. แต่ด้วย ProgressBar.js คุณไม่จำเป็นต้อง! ไลบรารีโอเพนซอร์สฟรี ไม่มีการพึ่งพา และ รองรับเบราว์เซอร์ที่สำคัญทั้งหมด, รวมถึง IE9+. โดยค่าเริ่มต้นคุณสามารถ ใช้แถบง่าย, หรือคุณสามารถ เลือกจากรูปร่างพื้นฐานไม่กี่แบบ, เช่น: แถวเดียว ครึ่งวงกลม ครบวงจร สี่เหลี่ยม สามเหลี่ยม คุณยังสามารถออกแบบ รูปร่างที่กำหนดเองของคุณเอง เช่นหัวใจเมฆหรือแม้แต่ตัวอักษรของโลโก้เว็บไซต์ของคุณ ที่ได้รับนี้จะใช้ความพยายาม แต่ผลลัพธ์ที่ได้อาจไม่น่าเชื่อ. ห้องสมุด ทำงานบนเส้นทาง...

มี เว็บแอนิเมชั่นภาพเคลื่อนไหว CSS ออนไลน์มากมาย. แต่น้อยมากเมื่อเทียบกับระดับของรายละเอียดและความสะดวกในการใช้งานที่คุณได้รับ Animista. แอพพลิเคชั่นเว็บฟรีนี้ให้คุณได้ สร้างภาพเคลื่อนไหว CSS ที่กำหนดเองที่คลิกปุ่ม. คุณเลือกระหว่างการเคลื่อนไหวที่ออกแบบไว้ล่วงหน้าเช่นสไลด์การแปลงการแกว่งหรือแม้แต่ภาพเคลื่อนไหวที่ปล่อยเงา. เมื่อคุณสร้างภาพเคลื่อนไหวของคุณแล้วคุณสามารถ ส่งออกรหัส เหมือนกับ CSS กำเนิดอื่น ๆ ยกเว้นรหัสนี้ง่ายต่อการใช้งานและแม้กระทั่ง มาพร้อมกับเครื่องมือ minifier ในตัว. อินเทอร์เฟซอาจรู้สึกสับสนในตอนแรก แต่เป็นเพราะคุณมีตัวเลือกจำนวนเท่าใด! คุณสร้างภาพเคลื่อนไหวที่กำหนดเอง ทำตามสามขั้นตอนหลัก และการใช้อินเตอร์เฟซ จากบนลงล่าง: เลือกสไตล์การเคลื่อนไหว (แกว่ง, เลื่อน,...

ชุดอุปกรณ์ UI ส่วนหน้าของโอเพ่นซอร์ส ล้วนเป็นความเดือดดาลในชุมชนการพัฒนา พวกเขาประหยัดเวลาในทุกด้านของการจัดวางกริดองค์ประกอบของหน้าสไตล์และการเพิ่มส่วนประกอบแบบไดนามิกเช่นดรอปดาวน์. มีชุดอุปกรณ์มากมายที่ใช้การออกแบบแบบแบน แต่มีไม่กี่ชุดที่ใกล้เคียง CSS มิ้นต์. ชุด UI โอเพ่นซอร์สฟรี 100% นี้ใช้งานได้ดีสำหรับทุกโครงการและเว็บไซต์ทุกประเภทที่คุณนึกออก. ที่แก่นแท้ของ CSS Mint มี ทำให้ไลบรารีเป็นปกติ พร้อมกับรีเซ็ตที่กำหนดเองอื่น ๆ สิ่งนี้มีไว้เพื่อ กำจัดปัญหาและข้อผิดพลาดข้ามเบราว์เซอร์ทั้งหมด เพื่อให้ codebase สอดคล้องกันทั่วกระดาน. โค้ด CSS ทั้งหมดตามมา หลักการของ...

หน้าแรกที่ยอดเยี่ยมทุกแห่งจะต้องมีปุ่มคำกระตุ้นการตัดสินใจ (CTA) ที่รัดกุม สิ่งนี้จะนำทางผู้เยี่ยมชมว่าคุณต้องการให้พวกเขาทำอะไรไม่ว่าจะเป็นการลงทะเบียนบัญชีใหม่หรือซื้อบางอย่างจากร้านค้าอีคอมเมิร์ซของคุณ. แต่คุณ ไม่ต้องสร้าง CTAs ตั้งแต่ต้น. คุณสามารถใช้ปุ่ม CSS3 แบบกำหนดเองได้หลายสิบปุ่มทั่วทั้งเว็บหรือใช้เครื่องมือที่คล้ายกันซึ่งจะทำให้สิ่งต่าง ๆ ง่ายขึ้นสำหรับคุณ. เครื่องมือหนึ่งที่ฉันชอบในเรื่องนี้คือไลบรารีปุ่มไล่ระดับสีที่สร้างโดย Colorion จะได้มี ชุดการไล่ระดับสีที่กำหนดเองหลายสิบชุด พร้อมเอฟเฟกต์โฮเวอร์ที่เจ๋งจริงๆ. เพียงเลื่อนหน้าลงอย่างรวดเร็วควรแสดงให้คุณเห็นว่ามีให้เลือกเท่าไหร่ Colorion ต้องมีอย่างน้อย ปุ่ม 100+ ในชุดนี้และคอมโบไล่ระดับสีใหม่จะถูกเพิ่ม บ่อยครั้ง. หากคุณเห็นรูปแบบปุ่มที่คุณชอบ เพียงคลิก “รับรหัส” ลิงค์ด้านล่าง. จากนั้นคุณสามารถคัดลอก...