1. เมโทร UI CSS
Metro UI CSS เป็นเฟรมเวิร์ก CSS ที่ใช้อินเทอร์เฟซสไตล์ Metro ของ Windows 8
2. CSScomb
CSScomb สามารถจัดเรียงคุณสมบัติ CSS โดยใช้วิธีการจัดเรียงที่ระบุ และมีหลายเวอร์ชัน รวมถึง:
CSScomb ออนไลน์ CSScomb สำหรับ Sublime Text 2 (ยังอยู่ในการควบคุมแพ็คเกจด้วย) CSScomb สำหรับ Textmate CSScomb สำหรับ Coda & Coda 2 CSScomb สำหรับ Espresso 2 CSScomb สำหรับ IntelliJIDEA/WebStorm/PyCharm CSScomb สำหรับ Notepad++ CSScomb สำหรับ Vim 3 CSS3Ps
CSS3Ps เป็นปลั๊กอิน Photoshop บนคลาวด์ฟรีที่แปลงเลเยอร์ Photoshop ให้เป็นการใช้งาน CSS3 โดยมีลักษณะที่เหมือนกันทุกประการ คุณสามารถเลือกหลายเลเยอร์และกลุ่มเลเยอร์แล้วแปลงได้ด้วยคลิกเดียว โรคหลอดเลือดสมองถูกแปลงเป็นคุณสมบัติเส้นขอบ CSS เงาภายใน แสงภายใน เงา และแสงภายนอกจะถูกแปลงเป็นคุณสมบัติกล่องเงา CSS คุณสามารถดูสไตล์ผลลัพธ์ในเบราว์เซอร์ของคุณและแบ่งปันกับผู้อื่นได้ ใช้งานได้กับ Windows หรือ Mac OS X และ Photoshop CS3 ขึ้นไป ที่ดีที่สุดคือมันฟรี!
4. ตอบสนองอิออน
ResponsiveAeon เป็นเฟรมเวิร์ก HTML5/CSS3 ที่สามารถสร้างเลย์เอาต์แบบตอบสนองได้อย่างรวดเร็ว มีระบบกริดตาม 12 คอลัมน์ที่มีความกว้างรวม 1104px และมี 3 คลาสพื้นฐานที่เข้าใจง่ายมากให้ใช้ เฟรมเวิร์กช่วยให้สามารถใช้ @mediaqueries และรองรับอุปกรณ์ทุกขนาด นอกจากระบบกริดแล้ว ยังมีสไตล์สำหรับตัวพิมพ์ รายการ ตาราง ปุ่ม และตารางอีกด้วย
5. ปรับแต่งสไลด์
RefineSlide เป็นปลั๊กอิน jQuery ที่มีน้ำหนักเบา (บีบอัด 4KB) เพื่อรวมเอฟเฟกต์ตัวเลื่อนแบบรูปภาพที่ตอบสนองเข้ากับเว็บไซต์ของเราได้อย่างรวดเร็ว แถบเลื่อนใช้การเปลี่ยน CSS3 + การแปลง 3 มิติ (พร้อมทางเลือกสำรอง JS) และมีช่วงการเปลี่ยนภาพที่น่าสนใจมากมาย มีตัวเลือกในการแสดงภาพขนาดย่อ (จัดรูปแบบและตอบสนองอัตโนมัติ) หรือลูกศรสำหรับการนำทาง (รองรับแป้นพิมพ์)
6.โฟตอน
Photon เป็นไลบรารี JavaScript ที่ช่วยให้เพิ่มเอฟเฟกต์แสงอย่างง่ายให้กับองค์ประกอบใดๆ ในพื้นที่สามมิติ ในการสร้างเอฟเฟกต์นั้นจะใช้ออบเจ็กต์ WebKitCSSMatrix (WebKit เป็นกลไกเบราว์เซอร์เดียวที่รองรับ) มุมของแสงสามารถกำหนดและเปลี่ยนแปลงได้ตลอดเวลาโดยมีฟังก์ชันการทำงาน คุณสามารถกำหนดวัตถุได้โดยให้แสงสว่างทีละรายการหรือเป็นกลุ่มในแต่ละครั้ง และเราสามารถปรับแต่งเอฟเฟกต์ได้โดยตั้งค่าการใช้งานขาวดำสูงสุด
7. กริดปาก
วัตถุประสงค์ของ Gridpak คือการใช้การออกแบบหน้าเว็บแบบตอบสนอง ปรับปรุงขั้นตอนการทำงานของคุณ และประหยัดเวลา Gridpak สร้างอินเทอร์เฟซที่ตอบสนองและเรียบง่ายโดยสร้างรูปภาพ PNG, CSS และ JavaScript
CSS ที่สร้างโดย Gridpak เข้ากันได้กับ IE 8+ แต่ใช้คุณสมบัติ CSS ทดลองหลายอย่าง เช่น การสืบค้นสื่อ ขนาดกล่อง และคุณสมบัติการตัดพื้นหลัง ดังนั้นเราขอแนะนำให้คุณใช้ร่วมกับ Modernizer เพื่อให้มั่นใจถึงความเข้ากันได้แบบย้อนหลัง
8. มอร์ฟ.เจส
Morf.js มีชุดวิธีการ JavaScript เพื่อเร่งเอฟเฟกต์การแปลง CSS3 ต่างๆ วิธีการที่รองรับทั้งหมดแสดงอยู่ในภาพด้านบน และไม่จำเป็นต้องเขียนโค้ด CSS3
9. กัมบี้
Gumby เป็นเฟรมเวิร์กกริด CSS แบบตอบสนองที่มีความกว้าง 960 พิกเซล ซึ่งรองรับการแสดงหน้าจอพีซี แท็บเล็ต และมือถือ เช่นเดียวกับ Bootstrap ของ Twitter มันมีชุดเครื่องมือ Web UI ที่มีปุ่ม ตาราง การนำทาง + ป้ายกำกับที่ดูดี และไฟล์ JavaScript ขนาดเล็ก
10.AppJS
AppJS เป็นไลบรารี JavaScript ที่น่าตื่นเต้นที่ช่วยให้เราสามารถพัฒนาแอปพลิเคชันเดสก์ท็อป (HTML, CSS และ JavaScript) ได้อย่างรวดเร็วโดยใช้เทคโนโลยีเว็บ AppJS ใช้ Node.js เป็นการสนับสนุนแบ็กเอนด์
11. รองรับเบราว์เซอร์
การสนับสนุนเบราว์เซอร์เป็นเครื่องมือค้นหาง่ายๆ ที่ใช้ค้นหาว่าเบราว์เซอร์ที่ระบุรองรับคุณสมบัติ CSS บางอย่างหรือไม่ จัดให้มีช่องป้อนข้อมูลการค้นหาเติมข้อความอัตโนมัติ
12. สไปรท์แพด
SpritePad เป็นโซลูชั่นที่สมบูรณ์แบบที่ช่วยให้คุณสามารถสร้าง CSS sprites ได้ในไม่กี่วินาที เพียงลากและวางภาพของคุณลงบนผืนผ้าใบ ภาพเหล่านั้นจะพร้อมใช้งานทันทีในรูปแบบ PNG sprite + โค้ด CSS
13. กรุณาใช้ HTML5
HTML5 โปรดช่วยคุณตรวจสอบว่าฟีเจอร์เช่น HTML5 และ CSS3 พร้อมใช้งานหรือไม่
14.jsFiddle
jsFiddle เป็นเว็บแอปพลิเคชันที่ใช้เป็นหลักเพื่อช่วยทดสอบ JavaScript และ CSS snippets
15. แอนิเมชั่น.css
Animate.css มี CSS บางตัวที่ใช้เอฟเฟ็กต์ภาพเคลื่อนไหวต่างๆ
16. มากเกินไป
Excessive เป็นเครื่องมือบีบอัด CSS ที่พัฒนาขึ้นใน Python ซึ่งสามารถลากและวางไฟล์ได้มากเท่าที่คุณต้องการ และรวมเป็นไฟล์เดียวและบีบอัดได้ทันที
17. รีเฟรช CSS
CSSrefresh เป็นไลบรารี JavaScript ที่ใช้เพื่อใช้ฟังก์ชั่นการเปลี่ยนเอฟเฟกต์สไตล์หน้าเว็บทันทีโดยไม่ต้องรีเฟรชเพจ มันเป็นแบบ Plug-and-Play และไม่ต้องการการกำหนดค่า คุณเพียงแค่แนะนำไฟล์ JS ลงในเพจเท่านั้น
18. อิมเพรส. js
impress.js เป็นแพ็คเกจ Javascript หน้าที่ของมันคือช่วยให้คุณสร้างเอฟเฟกต์การแสดงเนื้อหาที่น่าตื่นตาได้ ส่วนใหญ่จะใช้การหมุน การบิดเบี้ยว การปรับขนาด และคุณสมบัติอื่น ๆ ของ CSS 3D Transforms เท่านั้นที่สามารถทำได้ หรือ Google Chrome หรือ Safari เพื่อดูเอฟเฟกต์ที่เกิดขึ้น ดูเหมือนว่าจะสามารถใช้งานได้ในเบราว์เซอร์ IE 10 ที่ยังไม่ได้เปิดตัว
19. หมี CSS
Bear CSS เป็นเว็บแอปพลิเคชันฟรีที่สร้างสไตล์ CSS ตาม HTML ที่กำหนด
20. CSS น้อยลง
Less CSS คือตัวประมวลผลล่วงหน้า CSS ที่ใช้กันอย่างแพร่หลาย ซึ่งขยาย CSS ผ่านไวยากรณ์และตัวแปรง่ายๆ ซึ่งสามารถลดโค้ด CSS ได้จำนวนมาก
LESS ให้คุณสมบัติภาษาแบบไดนามิกของ CSS เช่น ตัวแปร การสืบทอด การดำเนินการ และฟังก์ชัน LESS สามารถทำงานบนไคลเอนต์ (รองรับ IE 6+, Webkit, Firefox) หรือบนเซิร์ฟเวอร์ (ด้วย Node.js )
21.css2less
css2less เป็นเครื่องมือขนาดเล็กที่พัฒนาขึ้นใน Ruby เพื่อแปลง css เป็นไฟล์ในรูปแบบ Less CSS
22. ตอบสนองGS
GS แบบตอบสนองเป็นเฟรมเวิร์ก CSS แบบกริดที่ลื่นไหลสำหรับการพัฒนาเว็บไซต์แบบตอบสนองอย่างรวดเร็ว
GS แบบตอบสนองมีให้เลือกสามรูปแบบ: 12, 16 และ 24 คอลัมน์ และรองรับอุปกรณ์มาตรฐานทั้งหมดที่ใช้คำสั่งสื่อ
23. รูปร่าง CSS3
CSS3 Shapes เป็นเว็บไซต์ออนไลน์ที่ใช้ CSS3 เพื่อให้ได้เอฟเฟกต์กราฟิกต่างๆ
24. ลูกศร CSS ได้โปรด
CSS Arrow Please เป็นตัวสร้างสไตล์ CSS บนเว็บที่สามารถใช้ได้กับ CSS ทั้งหมด เช่น แถบ ปุ่ม ตาราง ไอคอนการโหลด ฯลฯ มันถูกนำไปใช้อย่างสมบูรณ์โดยใช้ CSS โดยไม่จำเป็นต้องใช้รูปภาพ
25. เว็บพุตตี้
WebPutty เป็นแอปพลิเคชั่นที่ให้คุณเขียนโค้ด CSS ออนไลน์ พร้อมตัวแก้ไขที่รองรับการเน้นไวยากรณ์และแผงแสดงตัวอย่างด้านข้างที่ให้คุณเห็นการเปลี่ยนแปลงแบบเรียลไทม์
26. CSSFx.js
เมื่อเขียน CSS มักจะมีการเพิ่มคำนำหน้าจำนวนมากขึ้นอยู่กับเบราว์เซอร์ เช่น -moz-border-radius นอกจากนี้ยังมีความไม่พอใจมากมายในอุตสาหกรรมเกี่ยวกับเรื่องนี้ cssFx เป็น js ที่สามารถสร้างคำนำหน้าให้คุณโดยอัตโนมัติ ซึ่งช่วยให้คุณประหยัดเวลาและพลังงานได้มาก
27. มาร์กอัปสกปรก
Dirty Markup เป็นแอปพลิเคชันบนเว็บฟรีที่ช่วยให้คุณทำความสะอาดสิ่งที่ยุ่งเหยิงได้อย่างง่ายดาย โปรแกรมแก้ไขใช้ฟังก์ชัน + ที่เรียบง่าย AceEditor และการตกแต่งแต่ละรายการจะมีตัวเลือกที่หลากหลายเพื่อให้ได้ผลลัพธ์ที่ดีที่สุด
28.กระทืบ
Crunch เป็นตัวแก้ไขที่ใช้ Less CSS พัฒนาโดย Adobe AIR ส่วนใหญ่ใช้สำหรับการแก้ไข Less และคอมไพล์เป็น CSS
29. การทดสอบ CSS3
CSS3 Test เป็นเว็บไซต์ออนไลน์ที่ทดสอบการรองรับ CSS3 ของเบราว์เซอร์