Category: HTML+CSS

Microdata 0

Microdata and Html5

TweetMicrodata คือการบอกให้ Browser รู้ว่าเรากำลังเสนอ content อะไร และสามารถอ่านโค๊ตที่เราเขียนได้ง่ายขึ้นสำหรับ Search Engine ก่อนหน้านี้ผมได้ลองใช้ Validator.nu Html5 จะมีฟังชั่นนึง ที่วิเคราะห์โครงสร้างโค๊ตที่เราเขียนออกมาเป็น tree structure คล้ายๆจะ Group หมวดหมู่ content ให้เรา และหลังจากนั้นประมาณ 2เดือน ตัวฟังชั่นนี้ก็ถูกถอดออกไป เหลือแค่เช็ค Html5 ให้ถูกต้องตามมาตรฐาน W3C แค่นั้น แล้วก็มีคนพูดถึงและเริ่มใช้ Microdata กัน เป็นหน้าที่เรา (Respect)...

WebDesign

WebDesign 2012-2013

TweetFlat Design VS Realism รวมงานปีที่ผ่านมา มาให้ดูครับ ก็เป็นส่วนหนึ่งจากหลายๆงาน ที่ชอบ Responsive Html5 Css3 และ CSS Selectors เลเวล4 ซึ่งเป็นฟีเจอร์ใหม่ ของ CSS4 ถ้าผมจำไม่ผิด คือพัฒนาจากตัว Css3 บางตัวที่มีคุณสมบัติล้ำ จนบราวเซอร์บางตัวแสดงผลไม่ได้… ปีที่แล้วได้คลุกคลีพวก Html5+css3 ไม่ยากอย่างที่คิด แต่ยังเหลือฟังชั่นบางตัว Audio + video + canvas ที่ยังใช้ไม่ได้เต็มที่ครับ ยังศึกษาไม่ได้ละเอียดเท่าไหร่...

WebDesign2012

Tweetหลังจากที่ไม่ได้อัพเดท Blog มานาน ก็เอาวันนี้แหละครับ “ซิงเจียอยู่อี่ ซิงนี้ฮวกใช้” (เป็นคำจีนแต้จิ๋ว บ่แม่นจีนกลาง) ก็ไม่ได้มีเชื้อสายจีนหรอกนะครับ แต่อยากได้แฟนเป็นคนจีน 55555+ #นี่แน่ะ เอาผลงานของปีที่แล้ว ปีโลกแตกแต่ไม่แตก ปี2012 หรือปี 2555 ส่วนใหญ่จะเป็นงานลง code Html+css+Jquery ในส่วนของ Font-End Developer และก็ทำ Design ด้วย เรียกได้ว่าจบงานนี้ต่องานใหม่ วน loop ไปเรื่อยๆ แทบไม่ได้หยุดพักหายใจหายคอเลย แต่มุกที่ Bad ที่สุดคือ...

HTML5 0

HTML5-Structure-Selectors

Tweetโครงสร้าง Html5 ทริคเล็กๆน้อยๆครับ จากประสบการณ์ทำงานในช่วง 2 ปีที่ผ่านมา ลงลึกเจาะลายละเอียด เก็บเล็กผสมน้อย ลืมบ้าง จำได้บ้าง (ขอบพระคุณ Google) กว่าจะรู้ว่่า ไอ้ที่ทำแบบนี้เขาเรียกว่าอะไร ก็อ๋ออ ในทันที web standard เป็นการทำเว็บตามมาตรฐานกลางตามเงือนไขของ W3C จริงๆเราจะทำพิสดารแบบไหนก็ได้นะ แค่ให้แสดงผลออกมาไม่แหกแค่นั้นเอง (ย้อนไปก่อนหน้านั้นคือทำแบบพิสดารมาตลอด ฮ่าๆ) ขอแค่ได้เริ่ม หลังจากนั้นก็ไปต่อได้หมดแหละ อยู่ที่ไปได้เร็ว หรือช้า แค่นั้นเอง (ประยุกต์) เมื่อเข้าสู่ Html5 แรกๆก็ตกใจเป็นอีกระดับของภาษา html...

8

CleanCode-Css

Tweetการเขียน Code HTML แบบสะอาดลดความซับซ้อนของ tag div เชื่อว่าตอนเริ่มต้นเขียน style sheet css ก็จะเริ่มจาก div มันไปซะทุกอย่าง แต่เมื่อพอเขียนไปนานๆ ก็จะเริ่มรู้สึกละว่าใช้มันมากเกินไป มันก็มีวิธิ ที่ลดการใช้แท็ก div ลงเพื่อการทำงานโปรเจคที่ใหญ่ๆ มีจำนวนหลายๆเพจ และทำร่วมกันหลายๆคน บางครั้งการทำงานอาจจะมี designer css ต้องทำงานร่วมกันตัดเว็บมากกว่า 2 คน เพื่อประโยชน์ต่อตนเองและเพื่อนร่วมงานและเป็นไปตามทิศทางเว็บไซต์แบบใหม่ที่จะมาในอนาคต 1.ลดแท็ก div ที่ไม่จำเป็น หลายครั้งที่เราสร้าง div เพื่อมาครอบ...

9

OnSiteSEO

Tweetข้อห้ามและข้อควรระวังในการเขียน XHTML และ CSS มีโอกาสได้อ่านกฏเหล็กและมาตรฐานการ penalize (ลงโทษ) และ banned (ไม่เข้ามาเก็บเว็บเราเข้าในผล search เลย) ของ google หลายๆข้อ มันเป็นสิ่งที่หลายคนไม่รู้ และใช้กันบ่อยมาก เลยอยากจะเผยแพร่ต่อ ดังนี้ 1. หลีกเลี่ยงการใช้ Header Element แล้วซ่อน text ไว้ เช่น <h1><span>header 1</span></h1> แล้วใน CSS ใช้ property display:none,...