การเข้ารหัส

ในโพสต์ก่อนหน้าของเราเราใช้ SVG เพื่อสร้างรูปร่าง ในโพสต์นี้ตามที่ชื่อกล่าวเราจะพิจารณา สร้างข้อความด้วย SVG. มีหลายสิ่งที่เราสามารถทำได้กับข้อความนอกเหนือจากข้อความ HTML ธรรมดาที่สามารถทำได้. ลองตรวจสอบดู. การใช้งานขั้นพื้นฐาน แต่ก่อนที่เราจะไปต่อไปเรามาดูกันว่า ข้อความใน SVG เกิดขึ้นในระดับพื้นฐานมาก: นี่คือข้อความกราฟิกเวกเตอร์ที่ปรับขนาดได้ (SVG) ข้อความใน SVG ดังที่คุณเห็นจากตัวอย่างโค้ดข้างต้นนั้นถูกกำหนดด้วยแท็กโลจิคัลที่เพียงพอ, . องค์ประกอบนี้โดยทั่วไปต้องการเพียง x และ Y แอ็ตทริบิวต์เพื่อระบุพิกัดพื้นฐาน. แหล่งที่มาของภาพ: Wikipedia.org และนี่คือลักษณะของข้อความ ตอนนี้ดูเหมือนว่าจะไม่มีความแตกต่างกับข้อความปกติใน...

ในบทช่วยสอนก่อนหน้าของเราเราได้เรียนรู้วิธีใช้ LESS ในทางปฏิบัติโดยใช้แอปพลิเคชันเช่น ChrunchApp เพื่อรวบรวมรหัส ในครั้งนี้เราจะมาแนะนำเคล็ดลับที่มีประโยชน์ที่จะสามารถเพิ่มประสิทธิภาพและประสิทธิภาพการทำงานของเราเมื่อรวบรวม LESS syntax เรากำลังจะตั้งค่าเดสก์ท็อป / สภาพแวดล้อมการทำงานของเราโดยเปิดใช้งานการเน้นไวยากรณ์สำหรับโปรแกรมแก้ไขปัจจุบันของเราโดยใช้เครื่องมือคอมไพเลอร์อัตโนมัติและใช้ Mixins ที่กำหนดไว้ล่วงหน้าจากนั้นซิงโครไนซ์มันทั้งหมดเข้าด้วยกัน. ถ้าคุณพร้อมเรามาเริ่มกันเลยดีกว่า. Disclaimer: เคล็ดลับที่อธิบายด้านล่างมาจากประสบการณ์ของฉันในแต่ละวันในฐานะนักออกแบบเว็บไซต์ ดังนั้นก่อนที่เราจะดำเนินการต่อไปฉันต้องการอธิบายว่าเคล็ดลับอาจเหมาะกับนักออกแบบบางคนและไม่ใช่คนอื่น เช่นเดียวกับเคล็ดลับอื่น ๆ ที่คุณพบบนเว็บ อย่างไรก็ตามฉันหวังว่าคุณจะได้รับประโยชน์จากเคล็ดลับต่อไปนี้. 1. เครื่องมือเน้นข้อความ ดังที่เรากล่าวถึงก่อนหน้านี้เราได้แนะนำคุณสู่ ChrunchApp อย่างไรก็ตามแอพนี้อาจไม่ได้เป็นความชอบของนักออกแบบเว็บไซต์ทุกคน เพราะนักออกแบบแต่ละคนมีสภาพแวดล้อมการทำงานของตัวเองรวมถึงโปรแกรมแก้ไขรหัสที่เลือกไว้. แทนที่จะติดตั้งโปรแกรมแก้ไขรหัสอื่นคุณยังสามารถใช้โปรแกรมปัจจุบันของคุณและเปิดใช้งานการเน้นไวยากรณ์ได้ ดังนั้นในโพสต์นี้ฉันจะแบ่งปันเคล็ดลับในการเพิ่มรหัส LESS...

หนึ่งในคุณสมบัติที่ดีที่สุดของ WordPress อาจเป็นแท็กที่มีเงื่อนไข จะช่วยให้คุณ บอกรหัสให้ทำหน้าที่แตกต่างกันในสถานการณ์ที่เฉพาะเจาะจง. ตัวอย่างเช่นคุณสามารถตรวจสอบว่าผู้ใช้กำลังใช้ Windows หรือ Mac และแสดงเนื้อหาที่แตกต่างกันตามระบบ คุณสามารถเปลี่ยนเส้นทางไปยังโพสต์ได้หากคำค้นหาส่งคืนผลลัพธ์เดียวเท่านั้น คุณตั้งชื่อสถานการณ์แท็กที่มีเงื่อนไขสามารถจดจำได้ทั้งหมด! แม้จะมีความยืดหยุ่นในการพิจารณาการดำเนินการตามสถานการณ์ที่แตกต่างกัน เรียนรู้ง่าย, และยังมีแบบฝึกหัดและแหล่งข้อมูลกระจายอยู่ทั่วเว็บเพื่อให้คุณเชี่ยวชาญได้จริง ที่กล่าวไว้ในบทความนี้เราจะแนะนำรายละเอียดเกี่ยวกับแท็กที่มีเงื่อนไขวิธีการใช้งานและเวลาใช้งานจริง. ในส่วนสุดท้ายของบทความเราจะแสดงตัวอย่างข้อมูลที่เป็นประโยชน์ 10 ประการเพื่อให้คุณได้รับประโยชน์สูงสุดด้วยแท็กที่มีเงื่อนไขดังนั้นให้พวกเขาทั้งหมดทำให้ไซต์ WordPress ของคุณทำงานได้อย่างชาญฉลาดมากขึ้นในสถานการณ์ที่ไม่เหมือนใคร! ถ้า (งบ) ด้วย PHP ถ้า ข้อความที่คุณสามารถถามได้ว่ามีอะไร จริง หรือ เท็จ,...

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

(หมายเหตุจากบรรณาธิการ: โพสต์ของผู้เข้าพักนี้สนับสนุนโดย Yoav Vilner.) คุณเคย เปรียบเทียบโลกดิจิตอลในปัจจุบันกับของปี 1990? หากผู้ที่ชื่นชอบเทคโนโลยีในยุคนั้นอาจได้รับเทคโนโลยีที่เราใช้ทุกวันนี้เขาคงไม่ผิดที่จะเอามันมาเปรียบเทียบกับโลกนิยายวิทยาศาสตร์ที่เขาอ่านในนวนิยายเท่านั้น. ในแต่ละปีที่ผ่านมาเทคโนโลยีที่ครั้งหนึ่งเคยอยู่ในการเข้าถึงของชนชั้นสูงด้านเทคโนโลยีเท่านั้นคือ เข้าถึงผู้ที่มีทักษะด้านเทคนิคได้ จำกัด. ในไม่กี่ปีที่ผ่านมาเราสามารถเห็นการพัฒนาแอพมือถือขั้นพื้นฐานสำหรับทุกคนที่มีแนวคิดและเวลาไม่กี่ชั่วโมง. ดังนั้นในบทความนี้ฉันจะบอกเหตุผลที่ทำให้การพัฒนาแอพพลิเคชั่น ทักษะทั่วไปที่แม้กระทั่งคุณยายก็จะสามารถสร้างแอปได้ ในอนาคตอันใกล้. มาอ่านกันต่อ. เทคโนโลยีและการเข้าถึง ใน ปี 1990 อายุสิบปีสร้างเว็บไซต์ของเขาเอง ถูกมองว่าเป็นลางสังหรณ์ของความยิ่งใหญ่ทางเทคนิค พ่อแม่ของเขาอาจเปรียบเทียบเขากับ Bill Gates และนับถอยหลังอย่างเงียบ ๆ จนกระทั่งลูกชายเศรษฐีจ่ายเงินเพื่อการเกษียณที่สะดวกสบาย. แต่วันนี้? นักเรียนของโรงเรียนประถมสร้างเว็บไซต์...

jQuery 3.0 ซึ่งเป็น jQuery รุ่นใหม่ที่ได้รับการปล่อยตัวออกมาในที่สุด ชุมชนนักพัฒนาเว็บรอขั้นตอนที่สำคัญนี้ตั้งแต่เดือนตุลาคม 2014 เมื่อทีม jQuery เริ่มทำงานกับเวอร์ชันหลักใหม่จนถึงตอนนี้มิถุนายน 2559 เมื่อ รุ่นสุดท้าย ออก. บันทึกประจำรุ่นสัญญา slimmer และเร็วขึ้น jQuery ด้วย เข้ากันได้ย้อนหลัง ในใจ. ในโพสต์นี้เราได้ดูคุณสมบัติใหม่บางอย่างของ jQuery 3.0 เพื่อให้ภาพรวมเกี่ยวกับการเปลี่ยนแนวนอนของ JavaScript. จะเริ่มที่ไหนดี หากคุณต้องการดาวน์โหลด jQuery 3.0...

นักออกแบบเว็บไซต์ส่วนใหญ่คิดว่าพวกเขารู้ CSS ค่อนข้างดี ท้ายที่สุดมีไม่มากไป - ประเภทตัวเลือกไม่กี่คุณสมบัติโหลไม่กี่และกฎการเรียงซ้อนบางอย่างที่คุณแทบจะไม่จำเป็นต้องจำตั้งแต่พวกเขาเดือดลงไปสามัญสำนึก แต่เมื่อคุณลงสู่ระดับ nitty-gritty มีรายละเอียดที่คลุมเครือมากมายที่นักออกแบบจำนวนน้อยเข้าใจอย่างแท้จริง. เมื่อฉันตรวจสอบผลลัพธ์ของการทดสอบ CSS ฟรีที่ฉันเสนอให้ทางออนไลน์ในช่วงหกเดือนที่ผ่านมาฉันค้นพบ คำถามหนึ่งที่เกือบ ไม่มีใคร ได้ถูกต้อง. จากคนหลายพันคนที่ทำการทดสอบ, น้อยกว่า 14% ทำให้ถูกต้อง. คำถามเดือดถึงเรื่องนี้: คุณคำนวณอัตรากำไรขั้นต้นอย่างไร? คำถาม สมมติว่าไซต์ของคุณมีที่เก็บ div, และภายในนั้นเนื้อหา div: ตอนนี้เราจะให้เนื้อหานั้น div ขอบบน: .เนื้อหา...

การออกแบบสถาปัตยกรรมของเว็บไซต์หรือแอปพลิเคชันหรือการตั้งค่าเวิร์กโฟลว์การเข้ารหัสที่มีประสิทธิภาพบ่อยครั้งทำให้เราจัดการกับปัญหาที่เกิดขึ้นซ้ำ ๆ เราไม่จำเป็นต้องแก้ปัญหาการออกแบบซอฟต์แวร์เหล่านี้ตั้งแต่ต้น การแก้ปัญหาในระดับสถาปัตยกรรมสามารถนำกลับมาใช้ ในลักษณะเดียวกับ ตัวอย่างโค้ดในระดับไมโคร. รูปแบบการออกแบบโดยทั่วไป โซลูชั่นที่นำมาใช้ซ้ำได้ สำหรับบางสถานการณ์ที่สามารถทำได้ มีประโยชน์ในการแก้ปัญหาทั่วไปที่เกิดขึ้น, และสามารถช่วยเราปรับปรุงโค้ดของเราได้อย่างมหาศาล. ในขณะที่รูปแบบการออกแบบเป็นวิธีที่ดีในการปรับปรุงกระบวนการพัฒนาของเราโดยใช้สูตรที่ผ่านการทดสอบมาอย่างดีบางครั้งเราอาจผิดพลาดได้ สิ่งเหล่านี้เรียกว่า antipatterns. Antipatterns คืออะไร? ระยะเวลา “antipattern” ถูกประกาศเกียรติคุณในหนังสือที่ชื่อว่า AntiPatterns ในปี 1998 มันหมายถึง โซลูชันที่นำกลับมาใช้ใหม่ซึ่งดูเหมือนว่ามีประโยชน์ในตอนแรก, แต่ต่อมาปรากฎออกมา ทำอันตรายมากกว่าดี. สิ่งนี้อาจเกิดขึ้นได้จากหลายสาเหตุเช่นหากเราไม่ใช้รูปแบบในบริบทการตั้งค่าหรือเวลาที่เหมาะสม (วิธีแก้ปัญหาที่มีประสิทธิภาพในอดีตอาจไม่ได้ผลเสมอในปัจจุบัน) หรือในกรณีอื่นกระบวนทัศน์ทั้งหมด แย่มากตั้งแต่เริ่มต้น....