เมื่อพัฒนาแอปที่แสดงข้อมูลใหม่ทุกครั้งที่จัดเก็บในโฟลเดอร์ผ่าน XML เราใช้ websockets apache server Mod_websocket หรือ php websocket สามารถใช้ได้ เรายังสามารถใช้ self-hosted realtime web technology สำหรับ realtime communication ระหว่าง server และ client Hosted realtime web solutions และ realtime pus

ถ้า HTML5 Canvas layer หายเมื่อคลิกเมาส์ใน Fabric.js และ Firefox หยุดตอบสนองเมื่อสร้าง canvas สำหรับภาพ มีวิธีลากวางภาพจากคอมพิวเตอร์ไป canvas โดยใช้ Fabric ทำได้โดยตั้งค่า draggable property ของภาพเป็น true ดังนี้: <img draggable=true>

เมื่อสร้าง mobile website และมีความต้องการขอตำแหน่งปัจจุบันของผู้ใช้เมื่อคลิกปุ่ม ใช้ HTML5 geolocation ทำงานได้ดีใน mobile Chrome แต่ใน Mobile Safari ผู้ใช้ถูก prompt ให้แชร์ location และเบราว์เซอร์ default ไป geolocation แล้ว browser default ไป Permission denied error เพื่อแก้ไข ให้เปิด Geolocati

ใช้เมธอดต่อไปนี้เพื่อสร้าง pattern ด้วย HTML5 Canvas: createPattern(image, repetition) — เมธอดนี้ใช้ภาพเพื่อสร้าง pattern อาร์กิวเมนต์ที่สองเป็นสตริงที่มีค่าใดค่าหนึ่งจาก: repeat, repeat-x, repeat-y, และ no-repeat หากระบุ empty string หรือ null จะถือว่าเป็น repeat ตัวอย่าง ลองรันโค้ดด้านล่างเพื่อเร

การเข้าถึงกล้องเพียงอย่างเดียวไม่เป็นไปได้ใน iOS ข้อกำหนดอย่างเป็นทางการแนะนำดังนี้: การใช้งาน User Agent ของข้อกำหนดนี้แนะนำให้ขอความยินยอมจากผู้ใช้ก่อนเริ่มจับภาพเนื้อหาโดยไมโครโฟนหรือกล้อง อาจจำเป็นเพื่อให้เป็นไปตามข้อกำหนดทางกฎหมาย ความเป็นส่วนตัวของข้อมูลผู้ใช้ นอกจากนี้ User Agent แนะนำให้แสด

คุณต้องใช้วันหมดอายุสู่อนาคต (far-future expiration date) สำหรับทุกทรัพยากรในส่วน CACHE ของ manifest นอกจากนี้ ให้เพิ่ม timestamp suffix ให้แต่ละไฟล์ในส่วน CACHE: CACHE: menu_1355817388000.js toolbar_1355817389100.js เมื่อไฟล์ไหนเปลี่ยนบนเซิร์ฟเวอร์ เพื่อเปลี่ยน timestamp คุณต้องอัปเดต manifest ไฟล

Date picker ใน HTML5 ทำงานคล้ายกับ JavaScript Libraries ตอนโฟกัสที่ฟิลด์ปฏิทินจะโผล่ออกมา แล้วเราสามารถนำทางเดือนและปีเพื่อเลือกวันที่ ดังนั้น หากคุณต้องการให้ date input ใช้ spacing มากขึ้นและ配色方案 คุณสามารถเพิ่มต่อไปนี้ในโค้ดของคุณ: ::-webkit-datetime-edit { padding: 2 em; } ::-webkit-datetime-edi

เมธอด putImageData() วางข้อมูลภาพลงบน canvas เพื่อทำให้ canvas เคลื่อนไหว เราสร้าง ImageData object ที่ใช้ซ้ำได้นอกจาก main loop: var ct = c.getContext(2d, {alpha: false}); // context without alpha channel var a = ct.createImageData(c.width, c.height); var buffer = new Uint32Array(a.data.buffer); f

แอตทริบิวต์ autofocus เป็น boolean attribute เมื่อมีอยู่ จะระบุว่า <input> element ควรได้รับโฟกัสอัตโนมัติเมื่อหน้าโหลด ตัวอย่างด้านล่าง: <!DOCTYPE html> <html> <body> <form action=/new.php> First Name: <input type=text name=fname autofocus><br>

เพื่อแสดง placeholder ใช้ดังนี้: <input placeholder=Date class=textbox-n type=text onfocus=(this.type=date) id=date> คุณยังสามารถใช้ CSS ได้: input[type=date]::before { color: #ffffff; content: attr(placeholder) : ; } input[type=date]:focus::before { content: !important; }

เพื่อดึงสีพิกเซลจาก canvas ใช้โค้ดต่อไปนี้ ส่งคืนสีในรูปแบบ rgba: var index = (Math.floor(y) * canvasWidth + Math.floor(x)) * 4 // color in rgba var r = data[index] var g = data[index + 1] var b = data[index + 2] var a = data[index + 3]

HTML แสดงในรูป SGML และ XHTML แสดงใน XML การสร้าง XHTML มีข้อจำกัดมากกว่าในรูปแบบ markup หลีกเลี่ยงการใช้แท็ก <video> หรือ <audio> ใน XHTML 1.0 Transitional เนื่องจากไม่ใช่ element ของ specification นั้น แปลงจาก HTML เป็น XHTML: เพิ่ม XHTML <!DOCTYPE> บรรทัดแรกของทุกหน้า เพิ่ม xm

การให้แอตทริบิวต์ meta tag user-scalable=no จะจำกัดผู้ใช้ไม่ให้ซูมที่อื่น ป้องกันการซูมทั้งหมดโดยเพิ่ม meta tag นี้ใน head tag มันบอก mobile browser ให้ใช้ width scale เดียวกันและไม่ให้ผู้ใช้ซูมอินเลย ดังนั้นก็ปิดพฤติกรรมที่รบกวนนั้นไว้ด้วย อย่างไรก็ตาม บางคนอ้างว่านี้ไม่ใช่วิธีที่ user-friendly &l

เพื่อเร่งการสร้างและแก้ไข HTML จำเป็นต้องแบ่งไฟล์ HTML ออกเป็น 3 ไฟล์ HTML แยกกัน: Header Footer Content สิ่งนี้ไม่สามารถทำได้ในเว็บไซต์ HTML แบบ static แต่ทำได้ผ่าน PHP อีกวิธีคือใช้ JavaScript โหลดชิ้นส่วนหน้าหลังจากหน้าหลักโหลดเสร็จแล้ว

เมื่อเรามีความต้องการติดตามตำแหน่งล่าสุดสำหรับผู้ใช้เฉพาะเมื่อพวกเขาอยู่ในพื้นที่หนึ่ง เราเขียนโค้ดแยกสำหรับสิ่งนี้ โค้ดสำหรับกำหนดเมื่อไหร่จะ prompt ผู้ใช้แชร์ location ใน HTML มีดังนี้: if (firstTime) { // First time navigator.getCurrentPosition(function (coordinates) { if (coordsAreInTheBo

Internet Explorer 8 และเวอร์ชันเก่ากว่าไม่รองรับ semantic elements เช่น nav, header และ article เพื่อจัดสไตล์ semantic elements ใช้ Modernizr สามารถเพิ่ม CSS บางส่วนเพื่อ block CSS โดยค่าเริ่มต้น article, header, nav, section, footer { display: block; } เรายังสามารถสร้างองค์ประกอบของตัวเองผ่าน Ja

เพื่อรับ latitude และ longitude ด้วย HTML5 Geolocation หรือ Google API เราต้องเพิ่ม JavaScript สำหรับสิ่งนี้ สคริปต์มีดังนี้: if (navigator.geolocation) { /* If current position is obtained then there is success otherwise there is failure. On failure, separate error message is shown */ nav

หนึ่งใน divs เมื่อวางใน stylesheet อื่นสามารถทำให้เมนูหายใน Internet Explorer ถ้าใช้คุณสมบัติ opacity ซึ่งไม่ใช่ cross-browser solution ควรเป็นดังนี้เพื่อแสดง: opaque { -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70); // first filter: alpha(opacity=90); // second }

เมื่อเราใช้ z-index กับ canvas ที่มี position:fixed จะทำให้ Chrome render องค์ประกอบอื่นๆ ที่มี position:fixed ผิดปกติ ปัญหานี้เกิดขึ้นเฉพาะเมื่อ canvas ใหญ่กว่า 256x256 px ห่อ h1 และ canvas ด้วย fixed div แล้วปัญหาจะหาย: <div id=fixcontainer> <h1>Test Title</h1> <canvas id

มีกฎคล้ายกันสำหรับ native mobile apps และ application ต้องเพิ่มโดเมนเข้า whitelist ใน PhoneGap หรือ Cordova อุปกรณ์ทำหน้าที่เป็นเซิร์ฟเวอร์และเข้าถึงเนื้อหาจาก URL ได้ หากใช้ PhoneGap โดเมนจะถูกเพิ่มเข้า whitelist หรือใช้ wildcard ขณะจัดการกับ native application คุณคาดว่าจะทำคำขอจาก file:// แทนที่จ