การเข้ารหัส - หน้า 8

มันเคยเป็น ตาราง, แล้วก็ ขอบและลอย, แล้วก็ flexbox และตอนนี้ ตะแกรง: CSS นำไปสู่วิธีการใหม่และดีกว่าเสมอเพื่อลดความยุ่งยากในงานเก่า ๆ ของ การเข้ารหัสรูปแบบเว็บ. โมเดล CSS Grid Layout สามารถสร้างและอัพเดตเลย์เอาต์ ตามแนวแกนสองแกน: แนวนอนและแนวตั้ง, ส่งผลกระทบต่อทั้งความกว้างและความสูง ขององค์ประกอบ. เลย์เอาต์กริดไม่ได้ขึ้นอยู่กับตำแหน่งขององค์ประกอบในมาร์กอัปดังนั้นคุณสามารถทำได้ สับเปลี่ยนตำแหน่งขององค์ประกอบ ในมาร์กอัปโดยไม่เปลี่ยนเค้าโครง ในโมเดลกริดองค์ประกอบของกริดคือ แบ่งออกเป็นคอลัมน์กริดและแถว รู้จักกันในนาม แทร็กกริด) โดย...

แชร์หน่วยความจำ เป็นคุณลักษณะขั้นสูงของ JavaScript ที่เธรด (ส่วนที่ดำเนินการพร้อมกันของกระบวนการ) สามารถใช้ประโยชน์ได้ การแชร์หน่วยความจำหมายถึง ไม่มีปัญหาในการส่งข้อมูลที่อัพเดตระหว่างเธรด และเธรดทั้งหมดสามารถเข้าถึงและอัปเดตข้อมูลเดียวกันในหน่วยความจำที่แชร์. เสียงนั่นไม่น่ารักเหรอ? เกือบแล้ว ในโพสต์นี้เราจะเห็น วิธีใช้หน่วยความจำที่ใช้ร่วมกันใน JavaScript และวิธีการตัดสินใจว่านี่คือสิ่งที่คุณต้องการทำ. ข้อดี & ข้อเสียของหน่วยความจำที่แชร์ เราใช้ เว็บแรงงาน ไปยัง สร้างหัวข้อใน JavaScript. Web Workers API ช่วยให้เราสามารถสร้างเธรดผู้ปฏิบัติงานที่สามารถใช้ รันรหัสในพื้นหลัง เพื่อให้เธรดหลักมีอิสระในการดำเนินการต่ออาจเป็นไปได้ที่จะประมวลผลกิจกรรม UI...

MathML เป็นภาษามาร์กอัปที่สามารถใช้ แสดงสัญลักษณ์ทางคณิตศาสตร์. คุณสามารถใช้แท็ก MathML ได้โดยตรงจาก HTML5 มันมีประโยชน์สำหรับเมื่อคุณต้องการที่จะแสดงสัญลักษณ์ทางคณิตศาสตร์ที่ง่ายกว่าในหน้าเว็บของคุณและมันค่อนข้างง่ายต่อการใช้งานเนื่องจาก ความเรียบง่ายและคล้ายคลึงกับ HTML. MathML มีมาร์กอัปสองประเภท; การนำเสนอ (สำหรับเลย์เอาต์) และเนื้อหา (สำหรับความหมาย) เนื่องจากเบราว์เซอร์รองรับงานนำเสนอเท่านั้นเบราว์เซอร์จึงเป็นประเภทมาร์กอัปเท่านั้นที่สามารถใช้กับ HTML ได้ คุณยังสามารถใช้ CSS และ JavaScript ได้เช่นเดียวกับที่ทำบน HTML. ลองดูที่ MathML. การทำความเข้าใจ MathML มีรายการองค์ประกอบ...

การปรับภาพ ความสว่าง และ ความแตกต่าง, หรือเปลี่ยนภาพเป็น โทนสีเทา หรือ Sephia เป็นคุณสมบัติทั่วไปที่คุณอาจพบในแอปพลิเคชั่นแก้ไขภาพเช่น Photoshop. แต่ตอนนี้มันเป็นไปได้ที่จะเพิ่มเอฟเฟ็กต์เดียวกันกับภาพบนเว็บโดยใช้ CSS. ความสามารถนี้มาจากตัวกรองเอฟเฟกต์ซึ่งจริง ๆ แล้วยังอยู่ในขั้นตอนการทำงานของร่าง อย่างไรก็ตามเบราว์เซอร์ Webkit ดูเหมือนจะเป็นขั้นตอนสำคัญในการนำคุณลักษณะนี้ไปใช้. ดังนั้นเรามาลองดูและเราจะใช้ภาพนี้จากเมห์ขะเพื่อสาธิตผลกระทบ. ผลกระทบ การใช้เอฟเฟกต์นั้นง่ายมาก ดูตัวอย่างด้านล่างเพื่อเปลี่ยนภาพเป็น โทนสีเทา; img -webkit-filter: โทนสีเทา (100%); ... และนี่คือสำหรับ ซีเปีย...

HTML5 นำคุณสมบัติและการปรับปรุงมามากมาย เว็บฟอร์ม, มีคุณลักษณะใหม่และประเภทอินพุตที่แนะนำ ส่วนใหญ่จะทำให้ชีวิตของนักพัฒนาเว็บง่ายขึ้นและมอบประสบการณ์ที่ดีขึ้นให้กับผู้ใช้เว็บ. ดังนั้นในโพสต์นี้เราจะสร้างหน้าเข้าสู่ระบบโดยใช้ แบบฟอร์ม HTML5 เพื่อดูว่าคุณลักษณะใหม่ที่เพิ่มเข้ามาทำงานอย่างไร. การสาธิต แหล่งดาวน์โหลด อินพุต HTML5 ลองดูที่มาร์กอัปต่อไปนี้. อีเมล์ รหัสผ่าน หากคุณเคยทำงานกับแบบฟอร์ม HTML มาก่อนหน้านี้จะดูคุ้นเคย แต่คุณจะสังเกตเห็นความแตกต่างได้เช่นกัน อินพุตมี ตัวยึด และ จำเป็นต้องใช้ คุณสมบัติซึ่งเป็นคุณลักษณะใหม่ใน HTML5. ตัวยึด ตัวยึด คุณลักษณะช่วยให้เราสามารถให้ข้อความเริ่มต้นในการป้อนข้อมูลที่จะหายไปเมื่อมันอยู่ใน โฟกัส...

บทความนี้เป็นส่วนหนึ่งของเรา "ชุดบทแนะนำ HTML5 / CSS3" - ทุ่มเทเพื่อช่วยให้คุณเป็นนักออกแบบและ / หรือนักพัฒนาที่ดีขึ้น. คลิกที่นี่ เพื่อดูบทความเพิ่มเติมจากซีรี่ส์เดียวกัน. ในโพสต์นี้เรากำลังจะทำงานในโครงการสมมติการสร้างหน้าผลิตภัณฑ์เดียวเพื่อเสนอ iPhone 4S และในโครงการนี้เราจะใช้วิธีการที่เราได้กล่าวถึงในโพสต์ก่อนหน้านี้ องค์ประกอบและตัวเลือกการปฏิเสธ. มาเริ่มกันเลย. มาร์กอัป HTML5 ก่อนอื่นเราต้องสร้าง HTML เอกสารที่มีมาร์กอัพต่อไปนี้: Apple iPhone 4 - 16GB iPhone ที่น่าตื่นตาตื่นใจที่สุด. ชิป...

บทความนี้เป็นส่วนหนึ่งของเรา "ชุดบทแนะนำ HTML5 / CSS3" - ทุ่มเทเพื่อช่วยให้คุณเป็นนักออกแบบและ / หรือนักพัฒนาที่ดีขึ้น. คลิกที่นี่ เพื่อดูบทความเพิ่มเติมจากซีรี่ส์เดียวกัน. ในบรรดาแท็กใหม่หลายแท็กที่มีอยู่ใน HTML5 ข้อมูลจำเพาะ (เช่น: รูป, figcaption, และ กัน), รายละเอียด และ สรุป แท็กในความคิดของฉันมีประโยชน์มากที่สุด ด้วยแท็กใหม่เหล่านี้คุณสามารถซ่อนเนื้อหายาว ๆ และแสดงเฉพาะข้อมูลสรุป. เรามักจะเห็นผลกระทบนี้บ่อยครั้ง แต่ส่วนใหญ่ยังคงสร้างจาก JavaScript หรือน้องชายของมัน:...

หนึ่งในคุณสมบัติใหม่ใน HTML5 ที่ดึงดูดให้ฉันเป็นบรรณาธิการส่วนหน้า คุณลักษณะนี้มักใช้ในระบบการจัดการเนื้อหาเพื่อแก้ไขเนื้อหาโดยตรงจากเบราว์เซอร์และมักจะสร้างด้วย JavaScript และ AJAX HTML5 มาเพื่อทำให้กระบวนการใช้งานง่ายขึ้นเล็กน้อย contenteditable คุณลักษณะ. มันทำอะไร เมื่อนำไปใช้กับองค์ประกอบใด ๆ คุณลักษณะนี้จะช่วยให้เรา แก้ไข เนื้อหาในนั้นมาดูตัวอย่างด้านล่าง: ครัวซองต์คุกกี้มัฟฟิน Faworki เดนมาร์กบิสกิต Jujubes คุกกี้เค้กผงบิสกิต halvah halvah บิสกิต Gummies เยลลี่บิสกิต. ม้วนติรามิสุช็อกโกแลตแท่งน้ำตาลลูกพลัมคาราเมลม้วนทรูคาราเมล เค้กช็อกโกแลต wypas...