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

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

การปรับโครงสร้าง CSS จำเป็นต้องเป็นส่วนสำคัญของเวิร์กโฟลว์การพัฒนาส่วนหน้าหากเราต้องการมีฐานรหัสที่จัดการได้และปรับให้เหมาะสม เมื่อเราปรับโครงสร้าง CSS เรา ทำความสะอาดและจัดระเบียบรหัสที่มีอยู่ของเราใหม่ โดยไม่ต้องเพิ่มคุณสมบัติใหม่หรือแก้ไขข้อบกพร่อง. การปรับโครงสร้างช่วย ป้องกันการระเบิด CSS ปรับปรุงการอ่านรหัสและการใช้ซ้ำได้, และ ทำให้ CSS sleeker และเร็วขึ้นในการดำเนินการ. การรีฟอร์เรจมักจะจำเป็นหลังจากผ่านไปครู่หนึ่งเนื่องจากแม้แต่โปรเจ็กต์ที่เริ่มจากฐานรหัสที่รัดกุมและเป็นระเบียบไม่ช้าก็เร็วจะเริ่มสูญเสียความชัดเจน ความสอดคล้องกฎที่ล้าสมัยและส่วนรหัสซ้ำปรากฏขึ้น และเราก็เริ่มแทนที่สไตล์และใช้แฮ็กและการแก้ปัญหามากขึ้นเรื่อย ๆ. วิธีที่ดีที่สุดในการรักษาโค้ด CSS ให้คงอยู่คือการยึดติดกับ “refactor ในช่วงต้น refactor มักจะ” หลักการง่ายๆ. ในบทความนี้เราจะมาดูเคล็ดลับเกี่ยวกับวิธีการที่เราสามารถดำเนินการกระบวนการฟื้นฟู...

Animated GIF เป็นวิธีที่ได้รับความนิยมในการมองเห็นแนวคิดการออกแบบ (นี่คือตัวอย่างของวิธีที่เราทำกับเอฟเฟกต์ข้อความที่สร้างด้วย CSS) หรือแสดงคลิปวิดีโอสั้น ๆ แต่ถ้าคุณมีพวกเขามากเกินไปในหน้าเดียวกันมันจะเบี่ยงเบนความสนใจของผู้ใช้. สำหรับหน้าเว็บที่แสดง GIF จำนวนมากนี่เป็นข่าวร้าย. การแก้ไขปัญหา: ให้บริการผู้ใช้ด้วยภาพนิ่งและอนุญาตให้ GIF แบบภาพเคลื่อนไหวทำงานเมื่อผู้ใช้คลิกเท่านั้น. ในแบบฝึกหัดสั้น ๆ นี้เราจะแสดงให้คุณเห็นว่าต้องทำอย่างไร. ดูการสาธิต แหล่งดาวน์โหลด เริ่มต้นใช้งาน เริ่มต้นด้วยการเตรียมโฟลเดอร์โครงการและไฟล์ซึ่งรวมถึง: ไฟล์ HTML, jQuery และสุดท้ายเป็นไฟล์ JavaScript ที่เราจะเขียนโค้ดของเรา คุณสามารถเชื่อมโยง jQuery...

เว็บเบราว์เซอร์ที่คุณเลือกเป็นประตูสู่การเข้าถึงอินเทอร์เน็ตทั่วโลกอย่างแท้จริง เว็บมีการเติบโตชี้แจงและเราได้เห็นการเปลี่ยนแปลงอย่างมากในการเรียกดูซอฟต์แวร์เช่นกัน Mozilla ได้ติดตามอย่างต่อเนื่องเมื่อพิจารณาจาก Firefox 10 ที่เพิ่งเปิดตัวซึ่งได้รับการรีวิวเป็นส่วนใหญ่. แต่อย่างที่เราทราบกันดีว่าเว็บเบราว์เซอร์ของคุณมีแนวโน้มที่จะชะลอตัวเมื่อเวลาผ่านไปด้วยการใช้งานซ้ำ ๆ Firefox ไม่ได้ป้องกันสิ่งนี้ แต่มีการปรับแต่งบางอย่างที่คุณสามารถใช้เพื่อปรับประสบการณ์การเรียกดูให้เหมาะสมที่สุด ค่าคีย์ที่เรากำลังมองหารวมถึงความเร็วเริ่มต้นลดเวลาในการโหลดและหน้าเว็บที่เข้าถึงได้ ดูเคล็ดลับของฉันในคำแนะนำด้านล่างหากคุณต้องการปรับปรุงประสบการณ์ Firefox! คำสั่งทางลัดด่วน จุดเริ่มต้นที่ดีคือการใช้แป้นพิมพ์ลัดที่มีประโยชน์บางอย่าง สิ่งเหล่านี้อาจเป็นเรื่องยากที่จะจดจำในตอนแรก แต่การใช้ซ้ำหลายครั้งคุณจะเริ่มใช้งานประจำ และฉันรู้สึกว่าไม่มีวิธีที่ดีกว่าในการเพิ่มความเร็วในการท่องเว็บของคุณกว่าการเรียนรู้คีย์ลัดบางอย่าง. มีเพียงไม่กี่ตัวอย่างเท่านั้นที่อาจเกี่ยวข้องกับความต้องการของคุณ เราไม่จำเป็นต้องมีความรู้เดียวกันดังนั้นคำสั่งเดียวอาจไร้ประโยชน์โดยสิ้นเชิงต่อคนอื่น หากคุณตรวจสอบผ่าน Google คุณจะพบบทความที่มีประโยชน์มากสำหรับทางลัดทั่วไป. 1. ล้างข้อมูลส่วนตัว ความปลอดภัยเป็นสิ่งสำคัญที่สุดที่ควรพิจารณาเมื่อใดก็ตามที่คุณท่องเว็บ แม้กระทั่งทุกวันนี้สิ่งต่างๆก็มีความเสี่ยงน้อยกว่าเมื่อ 5...

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

ข่าวดีสำหรับเพื่อนนักพัฒนาของฉัน; การรวม Git และ GitHub เพิ่งจัดส่งพร้อมกับการเปิดตัว Atom ใหม่ ฟีเจอร์ใหม่นี้มีให้บริการเป็นรุ่นเบต้าอยู่พักหนึ่ง แต่ตอนนี้ใช้ Atom 1.18 แล้วก็พร้อมให้ใช้งานได้กับคนทั่วไปเช่นกัน จากนี้ไปคุณสามารถ ดำเนินการทั่วไปของ Git และ GitHub โดยไม่ต้องออกจากโปรแกรมแก้ไขรหัส. ในฐานะที่เป็น Atom เริ่มต้นเป็น เครื่องมือภายในของ GitHub, ขั้นตอนของการรวม Git และ GitHub นั้นไม่น่าแปลกใจเลย ปรับปรุงเวิร์กโฟลว์การพัฒนาของ...

มาตรวัด เป็นเครื่องมือที่บ่งบอกถึงค่าภายในช่วงที่กำหนด ในคอมพิวเตอร์ “ไฟแสดงสถานะพื้นที่ดิสก์” ใช้เกจมาตรวัดเพื่อแสดงจำนวนเนื้อที่ดิสก์ที่ใช้จากผลรวมที่มี มาตรวัดมีเขตหรือภูมิภาคในช่วงของแต่ละช่วงแยกตามสีของมัน ในการพัฒนาส่วนหน้าเราสามารถใช้ แท็ก HTML5 เพื่อแสดงข้อมูลภายในช่วงที่ระบุ. ในโพสต์นี้เราจะทำ SVG เกจวัดรูปร่างครึ่งวงกลม, และทำให้เคลื่อนไหว ดูตัวอย่าง GIF นี้ที่แสดง รุ่นสุดท้ายจะทำงานใน Firefox อย่างไร: ค่ามิเตอร์ ช่วงคือ 0-100, และมันจะแสดง สามโซนเท่ากัน ในสีเหลืองสีน้ำเงินและสีแดง คุณสามารถเปลี่ยนช่วงและจำนวนของโซนตามความต้องการของคุณ. เพื่อวัตถุประสงค์ในการอธิบายฉันจะทำการคำนวณด้วยตนเองและใช้คุณสมบัติ / คุณสมบัติ...

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