ออกแบบ CSS ด้วยเครื่องมือแก้ไขแอปสไตล์ Adobe นี้

ซอฟต์แวร์ของ Adobe มีชื่อเสียงระดับโลกโดยนักออกแบบทุกวัย แต่ไม่มีอะไรมากไปกว่า Photoshop. แผงการแก้ไข PhotoShop เป็น shebang ทั้งหมดที่มีทุกสิ่งที่คุณต้องการในการสร้างการออกแบบที่กำหนดเอง.

และตอนนี้มีฟรี โปรแกรมแก้ไขเว็บแอป, เรียกว่า LayerStyles, สิ่งที่เลียนแบบตัวแก้ไขเลเยอร์ Photoshop ในเบราว์เซอร์ของคุณ มันช่วยให้คุณ สร้างโค้ด CSS แบบไดนามิก ราวกับว่าคุณกำลังทำงานใน Photoshop.

หากคุณไปที่ หน้าตัวสร้าง คุณสามารถคนจรจัดกับมันเพื่อดูว่ามันทำงานอย่างไร.

หน้าต่างมาด้วย ห้าแผงสไตล์ที่แตกต่าง ที่เลียนแบบ Photoshop ทั้งหมด พวกเขาทำตามการตั้งค่าเดียวกันและพวกเขา อัปเดตทันที พร้อมกล่องสาธิตในหน้า.

นี่คือแผงควบคุมที่คุณสามารถเลือกได้จาก:

1. เงา
2. เงาภายใน
3. พื้นหลัง
4. ชายแดน
5. รัศมีชายแดน

พวกเขาเลียนแบบ Adobe GUI ซึ่งทำให้เครื่องมือนี้สนุกสำหรับนักออกแบบ คุณยังได้รับ รหัส CSS ที่สมบูรณ์, สร้างขึ้นฟรี.

เพียงคลิกกล่องมุมซ้ายล่างที่มีข้อความกำกับ “รหัส CSS” ไปยัง รับตัวอย่างของคุณ. มันมาพร้อมกับคุณสมบัติ CSS3 ทั้งหมดสำหรับทุกสิ่งที่คุณเลือก.

และที่ดีที่สุดคือโครงการนี้สมบูรณ์ โอเพ่นซอร์สและฟรี บน GitHub หากคุณต้องการดาวน์โหลดสำเนาในเครื่อง สิ่งนี้ไม่เพียงสนุกเท่านั้น สร้าง CSS, แต่มันก็เป็นวิธีที่ดีในการเรียนรู้ วิธีสร้างเว็บแอป.

เว็บไซต์ใช้ จำนวนมาก ของ ไลบรารี JavaScript, พร้อมด้วย ปลั๊กอิน jQuery. มันถูกสร้างขึ้นโดยผู้พัฒนา Felix Niklas ซึ่งทำสิ่งนี้เป็นโครงการด้าน.

คุณสามารถหา ตัวกำเนิดโค้ดจำนวนมาก ที่อื่น แต่อันนี้เป็นเอกลักษณ์อย่างแท้จริง มันเป็นเว็บแอปที่สนุกที่สุดและยอดเยี่ยมที่สุดเท่าที่ฉันเคยเห็นมาในปีนี้.

ลองดูที่ LayerStyles และดูว่าคุณคิดอย่างไร คุณสามารถคนจรจัดด้วย รุ่นสด ในหน้าตัวอย่างและค้นหา รหัสที่มาทั้งหมดที่มีอยู่ ฟรีที่ GitHub.

หรือถ้าคุณต้องการเผยแพร่โดยผู้สร้างคุณสามารถทวีตชื่นชมของคุณ @mrflix.