html resume template

HTML-resume-template

เทมเพลตประวัติย่อหน้าเดียวที่สร้างขึ้นโดยใช้ HTML, CSS และ JS ที่สามารถดูได้บนเว็บหรือส่งออกไปยัง PDF มีการสาธิตสดที่ tombarr.github.io/html-resume-template

การแก้ไข

เทมเพลตนี้มีความสามารถในการแก้ไขและบันทึกโดยอัตโนมัติภายในเบราว์เซอร์! หน้าทั้งหมดถูกทำเครื่องหมายว่าแก้ไขได้ด้วย document.designMode

ตัวอย่างด้านล่างนี้มาจาก Firefox (61): การเพิ่มรายการหลายรายการจากนั้นรีเฟรชหน้า

ในเบราว์เซอร์ส่วนใหญ่คุณสามารถใช้ Command/CTRL + B/I เพื่อสร้างข้อความตัวหนาหรือตัวเอียง

นอกจากนี้ยังมีผลตอบแทนสองประเภท Shift + Enter ซึ่งเพิ่ม <br> ภายในองค์ประกอบปัจจุบัน:

และ Enter ซึ่งค่อนข้างบริบท หากมุ่งเน้นหลังจากตัวละครตัวสุดท้ายสามารถใช้ในการผนวกองค์ประกอบรายการ:

ตัวอย่าง

ความยืดหยุ่น

เทมเพลตนี้สามารถแก้ไขได้ทั้งใน HTML และ CSS เช่นเดียวกับ CSS Zen Garden คุณสามารถปรับแต่งเค้าโครงและสไตล์ให้เหมาะกับความต้องการของคุณได้อย่างเต็มที่

สิ่งที่ต้องทำ

• เพิ่มข้อเสนอแนะเมื่อบันทึกหน้า (หรือเกิดข้อผิดพลาด)
• อนุญาตชื่อไฟล์ที่กำหนดเองสำหรับ HTML ที่บันทึกไว้
• สนับสนุนเจ้าชาย

กิตติกรรมประกาศ

โครงการนี้ใช้ Normalize.css, แบบอักษรจาก Google Fonts และไอคอนจาก Font Awesome การพึ่งพาได้รับการจัดการเป็นลิงค์ไปยัง CDN ไม่จำเป็นต้องมีผู้จัดการแพ็คเกจหรือเครื่องมือสร้าง Tom Barrasso สร้างขึ้นโดยฉัน

ความเข้ากันได้

ทดสอบกับ Chrome (67) และ Firefox (61) บน Mac OS (10.13.5) ซอฟต์แวร์นี้ใช้ localStorage , template , Flexbox และคุณสมบัติที่กำหนดเองและมีไว้สำหรับเบราว์เซอร์ที่ทันสมัย

ความปลอดภัยและความเป็นส่วนตัว

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