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

วันนี้เราจะพูดคุยกันเรื่องกราฟิคเวกเตอร์ที่ปรับขนาดได้ (Scalable Vector Graphic (SVG)) และในขณะที่เราได้กล่าวถึงในโพสต์ก่อนหน้านี้หนึ่งในข้อดีของการใช้ SVG คือมันสามารถถูกออกแบบด้วย CSS. คุณสมบัติการออกแบบ SVG SVG ในส่วนของการจัดแต่งทรงผมนั้นทำงานในลักษณะเดียวกันกับองค์ประกอบ HTML ปกติ แต่ในความเป็นจริงแล้วพวกเขาแบ่งปันคุณสมบัติทั่วไปด้วย อย่างไรก็ตามมีคุณสมบัติอื่น ๆ ที่มีวัตถุประสงค์เฉพาะสำหรับวัตถุ SVG ที่มีสเปคของตัวเองนอกเหนือจาก CSS. ตัวอย่างเช่น, ในองค์ประกอบ HTML ปกติเราสามารถเพิ่มสีพื้นหลังได้ด้วย สีพื้นหลัง หรือ พื้นหลัง คุณสมบัติ...

เว็บไซต์ถูกสร้างขึ้นด้วยชุดลิงก์ชี้ไปที่หน้าและแหล่งที่มาเช่นรูปภาพและสไตล์ มีสองวิธีคือ ระบุ URL ที่เชื่อมโยงไปยังแหล่งข้อมูลเหล่านี้: ใช้เส้นทางสัมบูรณ์หรือเส้นทางสัมพัทธ์. เส้นทางที่แน่นอนหมายถึงปลายทางที่เฉพาะเจาะจงโดยทั่วไปจะเริ่มต้นด้วยชื่อโดเมน (พร้อมกับ HTTP) เช่น www.domain.com/destination/source.jpg. เส้นทางสัมพัทธ์นั้นตรงกันข้าม: ปลายทางของลิงก์ขึ้นอยู่กับตำแหน่งรูทหรือในกรณีส่วนใหญ่ชื่อโดเมนของเว็บไซต์ของคุณ. เส้นทางสัมพัทธ์ทั่วไปจะมีลักษณะดังนี้ด้านล่าง: ตัวอย่างเช่นหากโดเมนเว็บไซต์ของคุณเป็นเช่นนั้น, hongkiat.com เส้นทางภาพจะแก้ไข hongkiat.comimages_2 / ระบุเอกสารฐาน-URL ที่มี HTML-ฐาน element.png. คุณควรเข้าใจสิ่งนี้หากคุณพัฒนาเว็บไซต์มาระยะหนึ่งแล้ว. แต่ส่วนใหญ่คุณอาจไม่เคยได้ยินเกี่ยวกับ ธาตุ. แท็ก HTML นี้มีมาตั้งแต่ HTML4...

jQuery เป็นหนึ่งใน ไลบรารี JavaScript ที่เป็นที่นิยมมากที่สุดวันนี้ API ของมันนั้นใช้งานง่ายมากซึ่งนำไปสู่ช่วงการเรียนรู้ที่ไม่สูงชัน โครงการจำนวนมากใช้รหัส jQuery แทนที่จะใช้ vanilla JavaScript โดยตรงเพื่อนำฟังก์ชันการทำงานแบบไดนามิกมาใช้. แต่ jQuery ก็มีข้อบกพร่องเช่นกัน. มันสามารถนำไปสู่ปัญหาประสิทธิภาพการทำงานบางอย่างถ้าใช้อย่างไม่ระมัดระวัง เหมือนกับภาษาที่ใช้ โพสต์นี้จะแสดงแนวทางปฏิบัติที่ดีที่สุดในการใช้ jQuery ที่จะช่วยให้เราหลีกเลี่ยงปัญหาด้านประสิทธิภาพ. 1. สคริปต์โหลดขี้เกียจเมื่อจำเป็น เบราว์เซอร์เรียกใช้ JavaScript ก่อนที่จะสร้างทรี DOM และวาดพิกเซลบนหน้าจอเนื่องจากสคริปต์สามารถเพิ่มองค์ประกอบใหม่ให้กับหน้าหรือเปลี่ยนเค้าโครงหรือสไตล์ของโหนด DOM บางโหนด...

วันนี้เราจะพูดคุยเรื่อง Sass ต่อไปและนี่จะเป็นส่วนสุดท้ายของซีรี่ส์ Sass ของเรา เวลานี้แทนที่จะเป็นวิธีการทางทฤษฎีนี่จะเป็นประโยชน์มากกว่า เราจะสร้าง vCard ออนไลน์โดยใช้ Sass พร้อมกับเข็มทิศ. แนวคิดก็คือ vCard ควรปรับได้ง่ายสำหรับสีและขนาด ในกระบวนการนี้เราจะใช้คุณสมบัติ Sass และเข็มทิศบางอย่างเช่น ตัวแปร, Mixins, การดำเนินการ, ตัวเลือกของมรดก, กฎซ้อน และ ผู้ช่วยเข็มทิศ. หากคุณพลาดโพสต์ก่อนหน้าของเราจากซีรีส์นี้เราขอแนะนำให้คุณดูพวกเขาก่อนที่จะดำเนินการต่อ. การวางแผนและการวางลวด เมื่อทำงานกับ Sass และ Compass,...

เหมือนกับที่ jQuery ปฏิวัติจาวาสคริปต์วานิลลา, Sass ได้ปฏิวัติ CSS ของ vanilla. นักพัฒนาส่วนใหญ่ที่เรียนรู้ Sass ยอมรับว่าพวกเขาไม่ต้องการกลับไป หลายคนยอมรับว่าปัญหาที่ใหญ่ที่สุดของนักพัฒนาใหม่คือ ทาง พวกเขาใช้ Sass ไม่ใช่ Sass เอง. ฉัน scoured เว็บและรวบรวมบทความนี้จาก แนวทางปฏิบัติที่ดีที่สุดสำหรับการเขียนรหัส Sass ที่ขยายได้และนำกลับมาใช้ใหม่ได้. ข้อเสนอแนะมาจากความคิดเห็นของฉันและจากเว็บไซต์ที่เชื่อถือได้เช่นแนวทาง Sass. แน่นอนคุณไม่จำเป็นต้องใช้คุณสมบัติเหล่านี้ทั้งหมดในเวิร์กโฟลว์ของคุณ แต่อย่างน้อยก็ควรสร้างความบันเทิงให้กับแนวคิดเหล่านี้และพิจารณาถึงประโยชน์ที่อาจเกิดขึ้น. การจัดระเบียบไฟล์ จุดเริ่มต้นที่ดีที่สุดในการพัฒนา...

สไตล์ชีท Cascading (CSS) ฉันคิดว่าภาษาที่ง่ายที่สุดเมื่อเทียบกับภาษาที่เกี่ยวข้องกับเว็บอื่น ๆ ดังนั้นจึงไม่น่าแปลกใจที่จะพบคนจำนวนมากที่เพิ่งเริ่มเรียนรู้วิธีสร้างเว็บไซต์ส่วนใหญ่จะเรียนรู้ภาษานี้และ HTML ก่อน. ในโพสต์นี้เราจะกลับไปที่พื้นฐาน CSS เราจะตรวจสอบวิธีการใช้สไตล์ CSS ในตอนแรกซึ่งสไตล์จะใช้วิธีการประกาศสไตล์บางอย่างเขียนทับกันในขณะที่คนอื่นไม่ได้. ดังนั้นโพสต์นี้มีไว้เฉพาะสำหรับผู้เริ่มต้นที่เพิ่งเริ่มได้รับความท้าทายอาจยังคงทำผิดพลาดและผิดพลาดเมื่อรวบรวมสไตล์ชีทแรกของพวกเขา ดังนั้นเรามาเริ่มกันเลย. ลักษณะเบราว์เซอร์เริ่มต้น Firefox, Chrome, Safari, Opera และ Internet Explorer เป็นเบราว์เซอร์เดสก์ท็อปห้าอันดับแรกในตลาด เบราว์เซอร์เหล่านี้และเบราว์เซอร์อื่น ๆ ทั้งหมดปฏิบัติตามกฎมาตรฐานเพื่อรวมสไตล์เริ่มต้นในตัวเพื่อแสดงองค์ประกอบ HTML. ดังนั้นเมื่อเราใส่องค์ประกอบ HTML...

Google เพิ่งเปิดห้องสมุดชื่อ Material Design Lite ซึ่งเป็นทรัพยากรส่วนหน้าสำหรับนักพัฒนา โดยจะกำหนดรูปแบบเว็บไซต์ใด ๆ โดยอัตโนมัติโดยใช้แนวทางการออกแบบวัสดุด้วย CSS และ JS ที่สร้างไว้ล่วงหน้า. นี่เป็นกรอบงานยอดนิยมสำหรับโครงการ dev ทั่วไป React MDL รวมกรอบงานของ Google เข้ากับห้องสมุด React เพื่อสร้างทรัพยากรส่วนหน้าที่โค้งมน. การออกแบบวัสดุของ Google นั้นชัดเจนว่าอนาคตของ UI / UX ในโลกของ...

อย่างไรก็ตาม, การตั้งค่าสภาพแวดล้อมรันไทม์โลคัล อาจเป็นความเจ็บปวดที่แท้จริงสำหรับผู้เริ่มต้น สิ่งนี้มักจะต้องใช้บรรทัดคำสั่งที่ดีในการเรียนรู้ในขณะที่คุณไป แต่ในตอนแรกสามารถรู้สึกเหมือนสิ่งกีดขวางบนถนน. กับ Repl.it, คุณสามารถฝึกการเขียนรหัสภาษาที่คอมไพล์ในเบราว์เซอร์ของคุณตั้งแต่ Python ถึง C ++ หรือ Swift สำหรับแอป iOS. แอปพลิเคชั่นเว็บนี้คือ เหมือน cloud IDE สำหรับนักพัฒนาเว็บ. อย่างไรก็ตามการพัฒนาส่วนหน้าคือ ไม่ พึ่งพาคอมไพเลอร์ดังนั้นจึงง่ายต่อการเขียนโค้ดในเว็บเบราว์เซอร์. Repl.it เป็นหนึ่งในไม่กี่คน IDEs บนคลาวด์ที่เน้นการเขียนโปรแกรม, เนื่องจากมันมีคอมไพเลอร์ในตัวที่ทำงานจากระบบปฏิบัติการใด ๆ....