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

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

linter เป็นเครื่องมือที่ขาดไม่ได้ในการพัฒนาเว็บยุคใหม่ มันช่วยให้เราสามารถตรวจสอบข้อผิดพลาดและบังคับใช้แนวทางปฏิบัติที่ดีที่สุดเมื่อเขียนรหัส หากคุณใช้ SublimeText ฉันขอแนะนำให้ติดตั้ง SublimeLinters ในช่วงหลายปีที่ผ่านมา SublimeLinters ได้กลายเป็นชุดเครื่องมือไฟฟ้าใน SublimeText และนำแพคเกจอย่างเป็นทางการที่เชื่อมต่อกับ linters ของภาษาการเขียนโปรแกรมต่างๆ. ในบทช่วยสอนนี้เราจะดูวิธีการติดตั้งและตั้งค่า SublimeLinter มาเริ่มกันเลยดีกว่า. เริ่มต้นใช้งาน วิธีที่ง่ายที่สุดในการติดตั้ง SublimeLinter 4 คือการควบคุม SublimeText Package นับตั้งแต่ใน SublimeLinter 3, แต่ละ linter จะต้องติดตั้งแยกต่างหาก...

ความยาวเปอร์เซ็นต์วิวพอร์ต, หรือ หน่วยของวิวพอร์ต เนื่องจากมีการอ้างถึงบ่อยกว่านั้นคือหน่วย CSS ที่ตอบสนองได้ซึ่งอนุญาตให้คุณกำหนดขนาด เป็นเปอร์เซ็นต์ของความกว้างหรือความยาวของวิวพอร์ต. หน่วย Viewport อาจมีประโยชน์ในกรณีที่หน่วย CSS ตอบสนองอื่น ๆ เช่นเปอร์เซ็นต์เป็น ยากที่จะทำงาน. แม้ว่า เอกสารประกอบของ W3C ในหน่วยวิวพอร์ตมีทุกสิ่งที่สามารถนำไปใช้ในทางทฤษฎีได้มันไม่ได้มีความละเอียดมากนัก ดังนั้นในบทความนี้เราจะมาดูกันว่าหน่วย CSS เหล่านี้เป็นอย่างไร ทำงานในทางปฏิบัติ. วิวพอร์ตความสูง (VH) และความกว้างวิวพอร์ต (VW) W3C กำหนดวิวพอร์ต เช่น...

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

เหตุผลที่เราใช้ Google API เพื่อให้บริการห้องสมุดเช่น jQuery และ Web Fonts ก็คือมันให้บริการที่รวดเร็วผ่านโครงสร้างพื้นฐานที่เชื่อถือได้ของ Google มันถูกใช้เกือบทุกที่และมากจนผู้ใช้บางคนอาจมีแคชเก็บไว้ในเบราว์เซอร์ของพวกเขาซึ่งทำให้ห้องสมุดโหลด แม้ ได้เร็วขึ้น. น่าเสียดายที่ไม่ใช่ในประเทศจีน รัฐบาลจีนได้ปิดการเข้าถึงบริการต่างๆของ Google รวมถึง Google API ในปี 2014 โอกาสที่เว็บไซต์ของคุณอาจ ดูเหมือนจะหักบางส่วน ในประเทศจีนเนื่องจากไม่สามารถเข้าถึงแบบอักษร jQuery และแบบอักษรบนเว็บใน Google ได้. ในบทความนี้เราจะดูวิธีการข้ามกำแพง "ดิจิตอล"...

การสำรวจสิงโตภูเขาตัวใหม่นั้นน่าตื่นเต้นโดยเฉพาะอย่างยิ่งเมื่อคุณพยายามค้นหาว่า Mac OS X รุ่นล่าสุดมีอะไรบ้าง แต่ถ้าคุณเป็นนักพัฒนาเว็บที่ใช้ GIT ในระบบปฏิบัติการก่อนหน้าคุณอาจได้รับข้อความแจ้งข้อผิดพลาดดังนี้ "-bash: git: ไม่พบคำสั่ง" เมื่อคุณลองดำเนินการ คอมไพล์ คำสั่งในเทอร์มินัลของคุณ. ไม่ต้องกังวลนี่คือวิธีที่คุณสามารถแก้ไขปัญหานี้ได้อย่างรวดเร็วในสองขั้นตอน. ขั้นตอนที่ 1 เปิด App Store แล้วดาวน์โหลด "Xcode". ขั้นตอนที่ 2 ติดตั้ง Xcode เรียกใช้และไปที่การตั้งค่าของ Xcode ผ่านทางคีย์ลัดคำสั่ง +...

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

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