Codeme เป็น Template UI สำหรับนักพัฒนาเว็บไซต์ ใช้เพื่อนำเสนอผลงานในแบบ Dianamic สามารถแสดงผลได้ทั้งในรูปแบบ SyntaxHighlighter Code และ Web Demo ในรูปแบบที่สมบูรณ์ โดยไม่ต้องใช้โปรแกรมช่วยในการ View code เพียงแค่มี Browsers ก็สามารถดู Portfolioได้เลย คงจะดีมากหากคุณใช้มันเพื่อเสนองานลูกค้า
แน่นอน มันฟรี
การจะโพสข้อความในลักษณะที่โชว์โค้ดในรูปแบบที่แสดงผล CSS , HTML .JavaScript , ETC บนหน้าเว็บเพจโดยตรง นั้นไม่สามารถทำได้ Codeme ได้นำ SyntaxHighlighter มาแก้ปัญหานี้ในการนำเสนอผลงานของ Web Dev. แน่นอนมันง่ายเพียงแค่วางโค้ดที่ต้องโชว์ภายไต้ Tag :< pre/> ลองดูตัวอย่างแบบง่าย เมื่อต้องการโชว์โค้ด CSS ภายในเว็บเพจ เขียนได้ดังนี้
< pre class="brush: css;">
#main .colum_item { float:left; }
.colum_item h3 ,h4 { display:block; padding:10px 0; margin:15px 0 10px; border-bottom:1px solid #BBB; }
< pre/>
ดูรายละเอียดเพิ่มเติม SyntaxHighlighter/manual/installation
ในเมื่อคุณเป็น Web Dev. แน่นอนคุณต้องการที่จะโชว์ความสามารถที่คุณทำได้ CSS , HTML , JavaScript , jQuery , PHP , ETC คงจะดีถ้า portfolio ของคุณไม่ต้องใช้โปรแกรมช่วยในการดูโค้ด ซึ่งลดขั้นตอนและปัญหาผู้รับปลายทางในการหาโปรแกรมช่วย
เช่น Adobe dreamweaver , Notepad+++
ทำไมไม่โชว์ทั้ง Web Demo และ Code ในหน้าเดียวกันเลยหละ?
Codeme เป็น Template UI ในลักษณะ Tab Menu โดยอาศัย jQuery ช่วยในการทำงาน มันอาจจะดูตลกเมื่อคุณเห็นโค้ดไม่กี่บรรทัดที่ผมเขียนขึ้น แต่มันง่ายแน่นนอน มีแค่ Portfolio.html เพียง sheet เดียวก็สามารถใส่อะไรได้ครบทุกอย่าง เช่น CSS , HTML , Preview และ Blog อธิบายผลงาน หรือแล้วแต่คุณอยากจะใส่ ภายใต้
Tag ID : #section_css , #section_html ,#section_preview ,#section_blog
