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

ปีใหม่ปี 2018 อยู่ที่นี่ ถ้าเราดูความคืบหน้าในการพัฒนาเว็บเมื่อห้าปีที่แล้วมันแตกต่างอย่างสิ้นเชิงกับสิ่งที่เรามีในปัจจุบัน วันนี้มีของใหม่ วิธีการเครื่องมือและแม้แต่กระบวนทัศน์ใหม่ทั้งหมด ที่เปลี่ยนวิธีการที่เราสร้างเว็บไซต์ในวันนี้ - และ VirtualDOM เป็นหนึ่งในนั้น. DOM (Document Object Model) คือ โมเดลต้นไม้ที่กำหนดโครงสร้างของเว็บไซต์. การเลือกการสำรวจและจัดการ DOM อาจเป็นการเลือกที่แพงมากและอาจ ขัดขวางประสิทธิภาพการแสดงผลเว็บไซต์ของคุณ. อย่างไรก็ตามในโพสต์นี้เราจะไม่พูดถึงการทำงานของ VirtualDOM แทนพร้อมกับเครื่องมืออื่น ๆ เราจะพิจารณา ไลบรารีที่อนุญาตให้คุณใช้งาน VirtualDOM ทันที ตรวจสอบพวกเขาออก....

ชุดนี้มาไกลผ่านที่เราได้เห็น เครื่องมือในการพัฒนาเว็บมาและไป; ครั้งหนึ่งพวกเขาเปล่งประกายไม่กี่เดือนต่อมาพวกเขาล้าสมัยด้วยเครื่องมือล่าสุดอื่น ๆ อย่างไรก็ตามเรามีเครื่องมือใหม่ในรายการสำหรับนักพัฒนาของเราในการสำรวจในเดือนนี้ซึ่งรวมถึง ไลบรารี JavaScript ซึ่งเป็นปลั๊กอิน Sketch สำหรับการออกแบบ UI ที่ตอบสนองได้, และเฟรมเวิร์ก CSS สองสามรายการ. คลิกเพื่อดูข้อมูลเพิ่มเติม คลิกเพื่อดูข้อมูลเพิ่มเติม ค้นหาคอลเล็กชันทรัพยากรที่แนะนำทั้งหมดของเราและเครื่องมือออกแบบและพัฒนาเว็บที่ดีที่สุด. iTyped จาวาสคริปต์ ห้องสมุดที่อนุญาตให้คุณนำเสนอ การพิมพ์ ผลกระทบของรายการข้อความ; ลักษณะพิเศษที่คุณอาจเห็นบนเว็บเมื่อเร็ว ๆ นี้ ไลบรารี JavaScript นี้คือ ใช้งานง่ายด้วยตัวเลือกมากมายเพื่อปรับแต่งเอฟเฟกต์....

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

ที่นี่! ในที่สุดเราก็ออกจากปีที่วุ่นวายในปี 2014 และเมื่อเราเริ่มต้นใหม่กับปีใหม่เรามีความหวังความปรารถนาและเครื่องมือใหม่ ๆ ที่จะลองใช้ ในกระทู้นี้เราได้รวบรวม เครื่องมือและปลั๊กอินที่สมบูรณ์แบบจำนวนหนึ่ง เพื่อรับการกลิ้งนี้. จากเครื่องมือทดสอบออนไลน์ที่มีประโยชน์ไปจนถึงบางสิ่งบางอย่างเพื่อให้ง่ายต่อการเข้าถึงรูปแบบการออกแบบโทรศัพท์มือถือมีตัวเลือกไม่กี่ตัวที่จะทำให้ปี 2558 ของคุณเป็นไปอย่างถูกต้อง. Seti UI Seti UI เป็นชุดรูปแบบ Sublime Text เพื่อไม่ให้สับสนกับ Sublime Text Color Scheme ชุดรูปแบบในข้อความ Sublime ส่งผลกระทบต่ออินเทอร์เฟซแอปเช่นแท็บและแถบด้านข้าง Seti UI เป็นธีมที่มีพอร์ต...

หลังจากที่ได้รับการคุ้มครองชุดนี้มานานหลายปีฉันได้เห็นเครื่องมือมาและไป เครื่องมือใหม่สองสามตัวถูกปล่อยออกมาเกือบทุกสัปดาห์. อย่างไรก็ตามในช่วงสองสามสัปดาห์ที่ผ่านมาฉันคิดว่ามันช้าลงเล็กน้อยฉันใช้เวลานานกว่าปกติเล็กน้อย ขุดลงไปที่ Github และแหล่งข้อมูลอื่น ๆ เพื่อค้นหาเครื่องมือใหม่ นั่นฟรีโอเพนซอร์สและควรพูดถึงซีรี่ส์นี้. ในโพสต์วันนี้ฉันมีเครื่องมือหลายอย่างจากเฟรมเวิร์ก JavaScript, เครื่องมือทดสอบและอีกไม่กี่อย่างสำหรับการพัฒนาเว็บไซต์ WordPress ตรวจสอบพวกเขาออก. Kutt แอปพลิเคชั่นที่ย่อ URL ด้วยชื่อโดเมนของคุณเอง. มันถูกสร้างขึ้นบนสแต็คที่ทันสมัยชั้นนำอย่าง Node.js, React และ Redux พร้อมกับหยิบจำนวนหนึ่ง คุณสมบัติที่มีในตัวรวมถึง URL ป้องกันด้วยรหัสผ่าน RESTful API, และสถิติรายละเอียดแฟนซีเพื่อตรวจสอบ...

Resouces Fresh สำหรับซีรี่ส์ Web Developers มี วิ่งมาประมาณ 4 ปีแล้ว, และการบำรุงรักษาซีรี่ส์นี้ทำให้ฉันมีความเข้าใจอย่างลึกซึ้งเกี่ยวกับความคืบหน้าของเว็บในช่วงหลายปีที่ผ่านมา มี เครื่องมือใหม่ออกมาทุกเดือน เพื่อให้การพัฒนาเว็บง่ายขึ้น. ในภาคนี้เราได้รวบรวม เครื่องมือใหม่จำนวนหนึ่ง, ซึ่งรวมถึงห้องสมุด JavaScript, สองสามไลบรารี CSS และการอ้างอิง เพื่อพัฒนาทักษะของคุณ ตรวจสอบพวกเขาออก. คลิกเพื่อดูข้อมูลเพิ่มเติม คลิกเพื่อดูข้อมูลเพิ่มเติม ค้นหาคอลเล็กชันทรัพยากรที่แนะนำทั้งหมดของเราและเครื่องมือออกแบบและพัฒนาเว็บที่ดีที่สุด. คำบรรยายภาพ JavaScript คือ การใช้งานบนเดสก์ท็อป เพื่อความสะดวกในการพกพาบนแพลตฟอร์มที่แตกต่างกันรวมถึงทำงานได้ดีเท่ากับแอพพื้นฐาน...

ปี 2558 เป็นปีที่ยอดเยี่ยมสำหรับเว็บ: เทคโนโลยีเว็บได้รับ นำมาใช้ในหลายรูปแบบนอกเหนือจากการสร้างเว็บไซต์หรือเว็บแอปพลิเคชัน. ขณะนี้มีแอปพลิเคชันมือถือและเดสก์ท็อปจำนวนมากที่สร้างขึ้นโดยใช้ HTML, CSS และ JavaScript สิ่งนี้เกิดขึ้นได้จากลักษณะการพกพาของเทคโนโลยีเว็บและไลบรารีเช่น React.js, Angular และ Node.js. ดังนั้นในวันนี้ของชุดนี้เราได้รวบรวมไลบรารี JavaScript และ CSS จำนวนหนึ่งไว้ด้วยกัน. คลิกเพื่อดูข้อมูลเพิ่มเติม คลิกเพื่อดูข้อมูลเพิ่มเติม ค้นหาคอลเล็กชันทรัพยากรที่แนะนำทั้งหมดของเราและเครื่องมือออกแบบและพัฒนาเว็บที่ดีที่สุด. Slider แบน jQuery UI มาพร้อมกับคอลเลกชันของเว็บอินเตอร์เฟสทั่วไปรวมถึง Slider -...

หลังจากทำสิ่งนี้มานานกว่าหนึ่งปีส่วนที่ยากที่สุดเกี่ยวกับการเขียนกองทรัพยากรรายเดือนสำหรับนักออกแบบและนักพัฒนาคือการแนะนำ ในขณะที่เราอยู่ในหัวข้อนี่คือสรุปยอดทรัพยากรที่ดีที่สุดและสดใหม่สำหรับนักพัฒนาเว็บเช่นคุณ. ในภาคนี้เรากำลังมองหาที่พิเศษ เครื่องมือค้นหาเพื่อค้นหาตัวอย่างโค้ด, มีไหวพริบมาก อ้างอิงถึงปัญหาที่อยู่ในโมดูล Flexbox, และเครื่องมือในการพัฒนาเพื่อการจัดการที่ดีขึ้น สีแบบอักษรและการไล่ระดับสี. Animator ไล่โทนสี การไล่ระดับสี CSS3 ช่วยให้เราสามารถสร้างการไล่ระดับสีที่จินตนาการบนเว็บไซต์ของเราโดยไม่จำเป็นต้องโหลดภาพใด ๆ เราสามารถรวมเข้ากับ CSS3 Animation เพื่อให้เอฟเฟกต์น่าสนใจยิ่งขึ้น แต่ถ้ารหัสนั้นมากเกินไปสำหรับคุณให้ใช้เส้นทาง Gradient Animator ที่ง่ายกว่าเพื่อสร้างหนึ่งด้วยอินเทอร์เฟซที่ดี. คู่มือท่องเที่ยว SVG คู่มือท่องเที่ยว SVG รวบรวมโดย Joni Trythall...