ออกแบบเว็บไซต์ - หน้า 16

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

มีเครื่องมือและทรัพยากรที่ยอดเยี่ยมใหม่จำนวนมากเพื่อมอบนักออกแบบและนักพัฒนาเว็บที่ใช้ประโยชน์จากงานของพวกเขาเป็นพิเศษ เดือนนี้เรามีบางอย่างที่ยอดเยี่ยม เครื่องมือและทรัพยากรฟรี คุ้มค่าที่จะลองเริ่มจากปลั๊กอินเพื่อสร้างเอฟเฟ็กต์ภาพสวย ๆ ไปยังปลั๊กอินสำหรับเนื้อหาและรูปภาพที่เลื่อนด้วยการเปลี่ยนแปลงที่ยอดเยี่ยมอย่างแท้จริง. ลองตรวจสอบดู. ตรวจสอบทรัพยากรที่สดใหม่ของเรา (ตามเดือน): โปรโต การออกแบบเว็บไซต์ที่ตอบสนองได้กลายเป็นแนวปฏิบัติมาตรฐานในการสร้างเว็บไซต์ สิ่งนี้ทำให้ นี้ เครื่องมือที่เป็นประโยชน์จริง ๆ เพื่อให้งานสำเร็จลุล่วง Proto นั้นสร้างขึ้นบน SCSS เพื่อสร้างต้นแบบที่ตอบสนองต่อรูปแบบได้อย่างรวดเร็วโดยจัดเตรียมคลาส CSS ที่กำหนดไว้ล่วงหน้าพร้อมใช้งานกำหนดตารางที่ตอบสนองและบางคลาสของอุปกรณ์เฉพาะ. Grid Displayer หากคุณกำลังทำงานกับเฟรมเวิร์ก Responsive Design เช่น Bootstrap หรือ...

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

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

รู้สึกเหมือนปีใหม่เป็นเพียงเมื่อวาน อย่างไรก็ตามเราอยู่ที่นี่ตอนนี้ อาจ และถึงเวลาแล้วที่เราจะแบ่งปันทรัพยากรใหม่กับนักพัฒนาเว็บเพื่อนของเรา. ในรอบนี้เรามีการอ้างอิงที่ดีที่คุ้มค่าในการทำบุ๊กมาร์กเครื่องมือที่จะช่วยคุณตรวจสอบความผิดพลาดของ HTML, รหัสย่อสำหรับการเขียนโน้ตดนตรี, ไลบรารี JS สำหรับจัดการตารางตอบสนองและระบบกริดตอบสนอง. รหัสย่อ CanIUse CanIUse เป็นแหล่งข้อมูลที่ครอบคลุมเพื่อติดตามการสนับสนุนเบราว์เซอร์สำหรับคุณสมบัติเว็บที่ทันสมัย นี่คือปลั๊กอิน WordPress ที่แสดงตาราง CanIUse สำหรับคุณสมบัติที่ระบุโดยใช้รหัสย่อที่ใช้งานง่าย เมื่อเปิดใช้งานคุณสามารถเพิ่มตัวอย่างเช่น, [ciu-display feature = "audio"] เพื่อแสดงผลลัพธ์สำหรับการสนับสนุนองค์ประกอบเสียง HTML5 ในตาราง. jQuery FileAPI ปลั๊กอิน...

PHP แม้จะมีความเข้าใจผิดและการดูแคลนอยู่จนถึงวันนี้ยังคงเป็นหนึ่งในที่สุด ทางเลือกยอดนิยมของนักพัฒนาสำหรับการสร้างเว็บแอปพลิเคชัน. และเนื่องจากมีการเปิดตัว PHP 7 ภาษา PHP ได้นำความก้าวหน้ามาสู่ปัจจัยด้านความเร็ว. ฉันขุดเข้าไปใน PHP ในสองสามสัปดาห์ที่ผ่านมาและพบว่ามีหลายสิ่งที่ควรแบ่งปัน ดังนั้นรอบนี้จะเกี่ยวกับ ทรัพยากร PHP รวมทั้ง; เฟรมเวิร์ก PHP ที่จะช่วยให้คุณสร้างแชทบ็อตดำเนินการแอปพลิเคชันที่ขับเคลื่อนด้วยเหตุการณ์เช่นใน Node.js, สร้าง CLI เชิงโต้ตอบเช่นเดียวกับทรัพยากรการเรียนรู้จำนวนหนึ่ง เพื่อเพิ่มทักษะ PHP ของคุณ. มาเริ่มกันเลย. Botman BotMan เป็น...

ด้วย CLI (Command Line Interface) เราสามารถทำได้ ปรับปรุงและพัฒนาเวิร์กโฟลว์อัตโนมัติ. และนั่นเป็นสาเหตุที่ในภาคนี้เราได้รวม CLI จำนวนมากที่คุณสามารถติดตั้งบนเครื่องคอมพิวเตอร์ของคุณหรือเรียกใช้บางสิ่งบนเซิร์ฟเวอร์ ยิ่งไปกว่านั้นเรายังรวมถึงบางส่วน เครื่องมือ PHP, โปรแกรมเสริมของเบราว์เซอร์และไลบรารี JavaScript. ตรวจสอบพวกเขาออก. คลิกเพื่อดูข้อมูลเพิ่มเติม คลิกเพื่อดูข้อมูลเพิ่มเติม ค้นหาคอลเล็กชันทรัพยากรที่แนะนำทั้งหมดของเราและเครื่องมือออกแบบและพัฒนาเว็บที่ดีที่สุด. Guetzli เข้ารหัสใหม่จาก Google ที่ ช่วยให้การบีบอัดภาพลดลงสูงสุดถึง 35% จากขนาดเริ่มต้นในขณะที่รักษาคุณภาพ มันค่อนข้างเป็นความก้าวหน้าเนื่องจากตัวเข้ารหัสโอเพนซอร์สที่คล้ายกันเช่น JPEGOptim และ jpegtran...

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