นักออกแบบเว็บไซต์ Pinegrow ใน Chrome ด้วย OffiDocs
Ad
DESCRIPTION
Pinegrow Web Designer ช่วยให้คุณสร้างและออกแบบหน้าเว็บได้อย่างง่ายดาย
มีให้บริการในรูปแบบเว็บแอปและแอปเดสก์ท็อปแบบสแตนด์อโลน
Pinegrow ทำงานร่วมกับเครื่องมือที่มีอยู่ของคุณและช่วยประหยัดเวลาได้มากด้วยการสร้างเค้าโครงที่ตอบสนอง
แก้ไขหลายหน้าพร้อมกัน การแก้ไขหลายหน้าช่วยให้คุณเปิดหลายหน้า (หรือหลายมุมมองของหน้าเดียวกัน) ในขนาดหน้าจอที่แตกต่างกัน
การเปลี่ยนแปลงทั้งหมดที่คุณทำ ไม่ว่าจะเป็น Html หรือ Css จะได้รับการอัปเดตตามเวลาจริงสำหรับทุกหน้าที่เปิดอยู่
หน้าสไตล์ด้วย CSS + น้อย ปรับแต่งการออกแบบหน้าด้วยกฎ Css
ใช้ตัวแปร ฟังก์ชัน และนิพจน์ที่น้อยลงเพื่อสร้างเทมเพลตที่ปรับแต่งได้ง่าย
เปลี่ยนค่าผ่าน UI หรือเขียนโค้ด
STYLESHEET MANAGER เล่นกับ Css และรูปแบบที่น้อยลง
แนบ ถอด ทำซ้ำ และจัดลำดับสไตล์ชีตใหม่
ทำงานร่วมกับการแก้ไขหลายหน้าได้อย่างยอดเยี่ยม
BOOTSTRAP 3 SUPPORT รองรับส่วน CSS และ Components ของข้อมูลจำเพาะ Bootstrap ได้อย่างสมบูรณ์
ลากและวางองค์ประกอบ ควบคุมผ่านคุณสมบัติ UI เมนูบริบท และแผนผัง DOM ที่จัดเรียงได้
ทำงานบนไฟล์ที่ไม่ใช่บูตสแตรปได้เช่นเดียวกับการแก้ไขหลายหน้า องค์ประกอบแบบลากและวาง การแก้ไขโค้ดและการจัดรูปแบบ Less & Css ทำงานในหน้า Html ใดก็ได้ แม้ในหน้าที่ไม่ใช่บูตสแตรปที่เปิดจากอินเทอร์เน็ต
แก้ไขรหัส Pinegrow ไม่ได้บังคับให้คุณแก้ไขหน้าผ่าน GUI
แก้ไขโค้ด Html และ Less/css แบบเต็ม หรือแก้ไขโค้ดขององค์ประกอบ Html และกฎ Css แต่ละรายการได้อย่างง่ายดาย
ทั้งหมดนี้พร้อมการแสดงตัวอย่างแบบสด
หรือใช้ตัวแก้ไขรหัสที่คุณชื่นชอบ
SMART HTML TRANSFORMATION ต้องการเปลี่ยนเค้าโครงแบบฟอร์มจากอินไลน์เป็นแนวนอนหรือไม่ ทำให้ Jumbotron ขยายเต็มความกว้างหรือไม่ เพียงแค่เปลี่ยนคุณสมบัติและ Pinegrow จะจัดเรียงโค้ด html ใหม่ตามนั้น
เปิดไฟล์ HTML ใด ๆ แอปเดสก์ท็อป Pinegrow ทำงานได้กับไฟล์ html ใด ๆ โดยไม่จำกัดเฉพาะโครงการที่สร้างด้วย Pinegrow เท่านั้น
มันเข้ากับเวิร์กโฟลว์ของคุณได้ตรงจุดที่คุณต้องการ และเล่นได้ดีกับเครื่องมืออื่นๆ และซอร์สคอนโทรลของคุณ
เลิกทำ & ทำซ้ำ มีบางสิ่งที่ไม่ได้ตั้งใจเกิดขึ้น? เลิกทำคือเพื่อนที่ดีที่สุดของคุณ
สแน็ปช็อต Html & Style ที่สมบูรณ์ 20 ระดับต่อหน้า
ใช้ PINEGROW TO: - จำลองหน้า ใช้ไลบรารีองค์ประกอบเพื่อรวบรวมหน้าจำลองอย่างรวดเร็ว
ทำซ้ำหน้าและเล่นกับรูปแบบต่างๆ
- จัดรูปแบบหน้า เปลี่ยน Mockup ให้เป็นหน้าเว็บสำเร็จรูปโดยใส่สไตล์องค์ประกอบด้วยกฎ Css
ใช้ตัวแปรและนิพจน์ที่น้อยลงเพื่อสร้างการออกแบบที่สามารถปรับแต่งได้ง่าย
- ตรวจสอบขนาดหน้าจอต่างๆ เปิดเพจจากไฟล์ในเครื่องหรือ URL ระยะไกล ทำซ้ำและตั้งค่าขนาดอุปกรณ์ต่างๆ
แก้ไขเค้าโครงและ Css และสังเกตว่ามันจัดการกับอุปกรณ์ขนาดต่างๆ อย่างไร
- ทดลองกับเวอร์ชัน Css ใช้เพจ เปิดตัวจัดการสไตล์ชีต และทำซ้ำสไตล์ชีต
แนบ / ถอดออกจากหน้าเดิมหรือหน้าซ้ำ
เล่นกับสไตล์และตัวแปรน้อย
- แก้ไขเนื้อหาของเพจ ใช้ Pinegrow เป็น CMS สำหรับเพจ Html แบบคงที่ของคุณ
ย้ายองค์ประกอบไปรอบๆ และดับเบิลคลิกที่องค์ประกอบใดก็ได้เพื่อแก้ไขเนื้อหาข้อความ
- เล่นกับเว็บไซต์ เปิดหน้าต่างๆ จากอินเทอร์เน็ต เปลี่ยนเลย์เอาต์ ปรับแต่งสไตล์ และดึงส่วนประกอบที่เป็นประโยชน์ (หากอนุญาตโดยผู้เขียน)
- สร้างแบบฟอร์ม ต้องการแบบฟอร์ม Bootstrap หรือ navbar? ออกแบบใน Pinegrow เปลี่ยนเค้าโครงได้ด้วยคลิกเดียว
เลือกแบบฟอร์ม คลิกที่การดำเนินการ / แก้ไขโค้ด และคัดลอก html
- สร้างเว็บไซต์ และแน่นอน คุณสามารถใช้ Pinegrow เพื่อสร้างเว็บไซต์ที่สมบูรณ์ได้
- ใช้ Pinegrow เมื่อเหมาะสม ใช้ Pinegrow ร่วมกับเครื่องมือที่มีอยู่ของคุณ
ตัวอย่างเช่น ทำการเปลี่ยนแปลงเลย์เอาต์ใน Pinegrow และแก้ไขส่วนสคริปต์ของเพจในโปรแกรมแก้ไขโค้ด
ข้อมูลเพิ่มเติม:
- นำเสนอโดย pinegrow.com
- คะแนนเฉลี่ย : 3.89 ดาว (ชอบ)
เว็บไซต์ Pinegrow Web Designer extension รวมเข้ากับ OffiDocs Chromium ออนไลน์