เครื่องมือใหม่สำหรับการออกแบบและพัฒนาเว็บไซต์: มีนาคม 2013

ผู้เขียน: Monica Porter
วันที่สร้าง: 14 มีนาคม 2021
วันที่อัปเดต: 15 พฤษภาคม 2024
Anonim
ShipConstructor 2013 Release Highlight - Part Views
วิดีโอ: ShipConstructor 2013 Release Highlight - Part Views

เนื้อหา

เดือนนี้มีโครงสร้างที่เป็นระเบียบและเป็นระเบียบในการดำเนินการ เรามีสูตรและฟังก์ชั่นที่เกี่ยวข้องกับถั่วและสลักเกลียว MVC ของน้ำแรกและกริดเพิ่มเติมพร้อมด้วยวิดเจ็ตสำหรับควบคุมพวกมัน ตอนนี้ทุกอย่างควรอยู่ในสถานที่ที่เหมาะสม

ไลบรารีประจำสัปดาห์ซึ่งเป็นสิ่งที่อยู่ในใจคือ Formula.js - ฟังก์ชันที่ทำให้ Excel และ Google Docs ถูกบันทึกใน JavaScript มันสำคัญมากเพราะเมื่อคุณคิดถึงเรื่องนี้ใครบ้างที่ไม่มีผลลัพธ์ที่กำหนดโดยสเปรดชีต และตอนนี้พลังที่เซลล์เหล่านั้นปรับใช้ได้ถูกปล่อยออกมาบนเว็บ

ศักยภาพในการจัดระเบียบนี้สะท้อนด้วยสายตาโดย Extra Strength Responsive Grids และ jQuery Nested ในขณะเดียวกันรูปแบบ MVC ที่อยู่เบื้องหลัง Sails และ Backbone ก็เป็นอีกวิธีหนึ่งในการเพิ่มแนวคิดและฟังก์ชันที่เว็บใช้ ทำให้ย่อยง่ายขึ้น

การสร้างสมดุลให้กับล็อตเล็ก ๆ น้อย ๆ นั้นเรามีเพียงสิ่งเดียวนั่นคือการทำงานร่วมกัน Draftin.com นำพื้นฐานแห่งอารยธรรมมาสู่ศิลปะการเขียนออนไลน์ และด้วยความมั่นใจมากพอที่จะเตือนเราว่าการสร้างความหมายใหม่เป็นสิ่งที่มนุษย์สร้างขึ้น สิ่งที่หลีกหนีจากกล่องและหมวดหมู่อย่างรวดเร็ว ความจริงที่ทำให้กล่องและหมวดหมู่ใหม่มีความจำเป็น


01. เรือใบ

ราคา: ฟรี

หากคุณสนใจที่จะสร้างเว็บแอปพลิเคชันโดยเฉพาะผู้ที่เน้นการสื่อสารแบบเรียลไทม์และการสื่อสารกับผู้ใช้หลายคนคุณอาจต้องการดู Sails ซึ่งเป็นเฟรมเวิร์ก MVC ใหม่ล่าสุดสำหรับ Node.js

รูปแบบ MVC เป็นที่ชื่นชอบและ Sails สร้างขึ้นจากสิ่งนี้เช่นเดียวกับ Express Framework ซึ่งเป็นโหนดที่แข็งแกร่ง มีอะไรใหม่ มี JSON API ที่สร้างขึ้นโดยอัตโนมัติสำหรับโมเดลของคุณ ตัวควบคุมของคุณมีการทำงานของ CRUD พื้นฐานตามมาตรฐาน และหากยังไม่เพียงพอระบบจะมาพร้อมกับมาตรการรักษาความปลอดภัยแบบบูรณาการในรูปแบบของ "นโยบาย" ที่ปรับแต่งได้

Sails ให้ความรู้สึกเหมือนเป็นแอปที่สร้างมาอย่างดี สิ่งที่ตอบแทนความสนใจของคุณเผยให้เห็นวิธีใหม่ ๆ ในการบรรลุเป้าหมายการพัฒนาร่วมกัน

02. ร่าง

ราคา: ฟรี

นักเขียนแม้ว่าพวกเขามักจะมีลักษณะคล้ายฤๅษี แต่ก็ต้องการบรรณาธิการจริงๆ และหากไม่สามารถรับบรรณาธิการได้ก็ต้องมีผู้ทำงานร่วมกัน และถ้าพวกเขาไม่สามารถรับสิ่งนั้นได้อย่างน้อยก็ช่วยให้มีสภาพแวดล้อมที่ดีในการทำงาน แบบร่างให้ข้อมูลทั้งหมดข้างต้น

โปรแกรมแก้ไขข้อความ / มาร์กดาวน์บนเบราว์เซอร์ซึ่งซิงค์กับสิ่งที่ชอบของ Dropbox และ Google ไดรฟ์ Draft ช่วยให้คุณแชร์ได้ในคลิกเดียวเพื่อให้บรรณาธิการสามารถแฮ็กชิ้นส่วนที่ยอดเยี่ยมจากผลงานชิ้นเอกของคุณได้ทำให้คุณมีชุดร่างเวอร์ชัน และงานที่เสร็จแล้วสามารถโพสต์ในไลค์ของ WordPress ได้อย่างง่ายดาย

อินเทอร์เฟซมีความคมชัดและใช้งานง่ายลักษณะการทำงานร่วมกันทำงานเหมือนเครื่องจักรและไม่เสียค่าใช้จ่าย สิ่งเพิ่มเติมที่คุณสามารถขอ?


03. สูตร js

ราคา: ฟรี

ผู้คนชื่นชอบสเปรดชีตของตน กล่องเล็ก ๆ ทั้งหมดสูตรเหล่านั้นทั้งหมด พลังทั้งหมดนั้น ตอนนี้คุณสามารถนำประสบการณ์ที่ยอดเยี่ยมนี้มาสู่ผู้ใช้ของคุณด้วย Formula.js ที่น่าทึ่งซึ่งเป็นการใช้งาน JavaScript ของฟังก์ชันที่ทำให้ Excel / Google Docs เป็นเครื่องมือในการจัดระเบียบ

มีการอ้างอิงจำนวนมากที่จำเป็นในการทำให้ Formula.js ทำงานได้ แต่มันก็เป็นความสำเร็จที่น่าประทับใจไม่น้อยไปกว่ากัน และยังคงดำเนินต่อไป คุณสมบัติส่วนใหญ่จากทั้งสองแพลตฟอร์มได้รับการพอร์ต (การเงินตรรกะคณิตศาสตร์และอื่น ๆ ) โดยเหลือเพียงไม่กี่คนที่หลงทางให้พิชิต แอปพลิเคชั่นที่เป็นไปได้นั้นครอบคลุมจิตใจที่หลากหลาย


04. กริดที่ตอบสนองต่อความแข็งแรงเป็นพิเศษ

ราคา: ฟรี

หากคุณรู้สึกงงงวยกับจำนวนประชากรที่เพิ่มขึ้นของเฟรมเวิร์กกริดที่ตอบสนองต่อสิ่งนี้จะไม่ช่วยอะไรได้มากนัก อย่างไรก็ตามหากคุณเป็นคนประเภทที่ชอบคนจรจัดด้วยเลย์เอาต์การซ้อนกริดการซ้อนชั้นเรียนในองค์ประกอบ div ของคุณราวกับว่าจะไม่มีวันพรุ่งนี้ Extra Strength Responsive Grids (ESRG) ก็เหมาะสำหรับคุณ

มาพร้อมกับอีควอไลซ์ js ที่ยอดเยี่ยม ESRG ใช้ชื่อคลาสที่มีความหมายเช่น ครึ่งตาราง และ กริดไตรมาส เพื่อให้ชีวิตง่ายขึ้น นอกจากนี้ยังเปิดใช้งาน SASS ดังนั้นหากคุณใช้พรีโปรเซสเซอร์ก็สามารถรองรับคุณได้เช่นกัน แพคเกจทั้งหมดค่อนข้างเนียนและดูแข็งแรงดังนั้นหากคุณมีความสนใจในกริดของไหลมากกว่าที่จะใช้ ESRG เพื่อหมุน

05. jQuery ซ้อนกัน

ราคา: ฟรี

มีโซลูชันการจัดเรียงหน้าเว็บจำนวนหนึ่งซึ่งแต่ละวิธีมีวิธีการทำงานของตนเองเพื่อให้ได้เนื้อหาที่ไม่มีช่องว่าง แต่ไม่มีใครสามารถจัดการอาคารผนังที่ครอบคลุมซึ่ง jQuery Nested ประสบความสำเร็จได้

มันทำงานอย่างไร? หน้านี้ถูกแบ่งย่อยด้วยขนาดกริดความกว้าง / ความสูงขั้นต่ำที่ปรับแต่งได้จากนั้นองค์ประกอบต่างๆจะถูกกำหนดโดยจำนวนคอลัมน์หรือแถวเหล่านี้ ถัดไปหน้าจะถูกจัดเรียงเพื่อให้ปิดสนิทที่สุดเท่าที่จะเป็นไปได้ แต่แนวทางนี้มีช่องว่างเสมอ ซอสลับที่นี่คือ Nested ปรับขนาดกล่องเพื่อเติมเต็มช่องว่างที่ไม่สามารถหลีกเลี่ยงได้ วิธีง่ายๆ แต่มีประสิทธิภาพ

06. ชาร์ฟังค์

ราคา: ฟรี

การทำงานกับข้อมูลสตริงในระดับอักขระต่ออักขระบางครั้งก็เป็นส่วนสำคัญของอัลกอริทึมการทำงาน JavaScript ไม่ได้ช่วยสนับสนุนสิ่งนี้ได้อย่างยอดเยี่ยมโดยเฉพาะอย่างยิ่งเมื่อคุณก้าวออกจากตัวอักษรโรมัน Joe Larson จึงได้สร้าง CharFunk: ห้องสมุดเล็ก ๆ ที่ยอดเยี่ยมสำหรับการเล่นข้อมูลตัวอักษร

ตอนนี้สิ่งต่างๆเช่นการค้นหาอักขระเพื่อดูว่าเป็นตัวอักษรหรือตัวเลขนั้นง่ายพอ ๆ CharFunk.isDigit (' u0E54'); ซึ่งแน่นอนว่าเป็นความจริงเพราะนี่คือเลขสี่ของไทย นิพจน์ทั่วไปและการปรับแต่งสตริงผลลัพธ์จะแสดงผลที่ตรงไปตรงมามากเช่นกัน API มีขนาดเล็กไม่มีการพึ่งพาและค่อนข้างตรงไปตรงมา Unicodinator ของ Larson ก็คุ้มค่าที่จะลองดูเช่นกัน

07. Backbone.js 1.0.0

ราคา: ฟรี

อาจเป็นเฟรมเวิร์ก MVC ที่สำคัญที่สุดในแง่ของการใช้งานและศักดิ์ศรีในที่สุด Backbone.js ก็มาถึงรุ่น 1.0.0 แล้ว ไม่ใช่การกระโดดข้ามไปที่นี่จาก 0.9.x แต่นับเป็นความสำเร็จครั้งสำคัญในแง่ที่ว่าตอนนี้นักพัฒนาซอฟต์แวร์มีความมั่นใจที่จะบอกว่านี่เป็นโซลูชันสำหรับผู้ใหญ่

ด้วยเหตุนี้จึงเป็นเรื่องน่าประหลาดใจที่ Backbone ยังคงอยู่ในแพ็คเกจ 6.3kb แน่นอนว่าคุณต้องใช้ขีดล่างและเทมเพลตก็ขึ้นอยู่กับคุณเช่นเดียวกับการออกแบบแอปพลิเคชันโดยรวมของคุณ แต่ด้วยการให้ Collections, Models, Views และ Routes แต่ปล่อยให้การใช้งานขึ้นอยู่กับแต่ละบุคคลเท่าที่จะทำได้ Backbone ยังคงเป็นเครื่องมือที่ช่วยให้ใช้งานได้แทนที่จะเป็นเฟรมเวิร์กแบบ proscriptive นี่คือจุดแข็งที่ยอดเยี่ยมของมัน

08. โคดิโอเบต้า

ราคา: ฟรีในช่วงเบต้า (โครงการสาธารณะฟรีเสมอ)

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

อนาคตนั้นรวมถึงอินเทอร์เฟซการเข้ารหัสทางสังคมสำหรับการชอบ Git และ UX แบบ "Google เอกสาร" โครงการสาธารณะฟรีและสามารถแยกได้ด้วยการคลิกปุ่ม ในขณะที่สิ่งต่างๆเกิดขึ้นคุณจะต้องรู้ว่ามีผู้ใช้อยู่เพื่อค้นหาโครงการของเขา / เธอ แต่อาจมีการเปลี่ยนแปลงได้เมื่อแง่มุมทางสังคมมีผลอย่างสมบูรณ์ นี่อาจเป็นโครงการที่มีประโยชน์สำหรับการเรียนรู้การทำงานร่วมกันหรือการเขียนโค้ดบนกีบ

09. วาง IMG

ราคา: ฟรี

วาง IMG ดึงรูปภาพจาก 500px และ Flickr โดยให้บริการเป็นเนื้อหาที่ดาวน์โหลดได้หรือลิงก์ที่ฝังได้ หัวข้อสามารถกรองตามหมวดหมู่เช่น "ธรรมชาติ" และ "ผู้คน" ในขณะที่รูปลักษณ์สามารถลดลงเป็นสีดำและสีขาวหรือสีซีเปียได้ มันทำให้เลย์เอาต์จำลองเหล่านั้นน่าเชื่อมากขึ้นโดยแทบไม่ต้องใช้ความพยายามเลย

เพียงแค่เลือกความสูงและความกว้างหัวเรื่องและตัวกรองจากนั้นสร้าง URL / 500/350 / คน และคุณไป นอกจากนี้ยังมีปลั๊กอินสำหรับแพ็คเกจ CMS ขนาดใหญ่ WordPress และ Drupal

10. การแบ่งปันการใช้งานเบราว์เซอร์แบบโต้ตอบ (IBUS)

ราคา: ฟรี

ในฐานะนักพัฒนาบางครั้งคำถามอาจเกิดขึ้นได้ว่าคุณสมบัติที่คุณชื่นชอบซึ่งเป็นประสบการณ์นักฆ่านั้นมีค่าสำหรับคุณมากกว่าส่วนแบ่งการตลาดหรือไม่ ราคาของการตัดสินใจเหล่านั้น (ตัวอย่างเช่นไม่รองรับ IE ที่ต่ำกว่าเวอร์ชัน 8) ในขณะนี้สามารถวัดปริมาณได้อย่างรวดเร็วและง่ายดายด้วย burtdev.net

เพียงแค่มองไปที่สถิติเหล่านั้นก็น่าสนใจทีเดียว iPad เกือบจะเพิ่มความสำคัญของ Safari เป็นสองเท่า อันที่จริงมันสนุกมากที่ได้ลองดูว่าคุณสามารถกำจัดอะไรได้บ้างในขณะที่ยังเข้าถึงผู้ใช้ในเปอร์เซ็นต์ที่สมเหตุสมผล แน่นอนคุณต้องผูกสิ่งนี้เข้ากับการเปลี่ยนแปลงคุณลักษณะ แต่คุณอาจจะมาพร้อมกับรายการช้อปปิ้ง

ชอบสิ่งนี้ไหม อ่านสิ่งเหล่านี้!

  • วิธีสร้างแอป
  • ซอฟต์แวร์ออกแบบกราฟิกฟรีสำหรับคุณตอนนี้!
  • แบบฝึกหัด Illustrator: ไอเดียที่น่าลองวันนี้!
  • แบบอักษรสำหรับเว็บที่เราชื่นชอบและไม่เสียค่าใช้จ่ายสักบาท
ที่แนะนำ
สมุดร่างที่ดีที่สุดที่จะทำให้คุณเป็นศิลปินที่ดีขึ้น
อ่านเพิ่มเติม

สมุดร่างที่ดีที่สุดที่จะทำให้คุณเป็นศิลปินที่ดีขึ้น

การเลือกสมุดร่างที่ดีที่สุดจากหนังสือที่มีอยู่มากมายให้ความรู้สึกเหมือนเป็นงานใหญ่เพราะสิ่งที่คุณเลือกมีผลต่องานของคุณอย่างแท้จริง สมุดร่างที่มีกระดาษหนาและหนากว่าเหมาะสำหรับศิลปินที่ใช้สีน้ำและปากกาม...
การออกแบบสำหรับผู้ใช้
อ่านเพิ่มเติม

การออกแบบสำหรับผู้ใช้

บทความนี้ปรากฏครั้งแรกในฉบับที่ 237 ของนิตยสาร. net ซึ่งเป็นนิตยสารที่ขายดีที่สุดในโลกสำหรับนักออกแบบและพัฒนาเว็บไซต์ภายในอาชีพการออกแบบเป็นเรื่องปกติที่จะเห็นความฉลาดเกินกว่าเหตุผลดีของเราเอง สิ่งนี้...
โครงการข้างเคียงที่น่าประทับใจนี้รู้ดีว่ากี่โมงแล้ว
อ่านเพิ่มเติม

โครงการข้างเคียงที่น่าประทับใจนี้รู้ดีว่ากี่โมงแล้ว

ไม่มีอะไรที่เหมือนกับโครงการด้านดีที่จะทำให้คุณเฉียบคม ไม่ว่าจะเป็นการออกแบบฟอนต์ฟรีของคุณเองหรือสร้างสำรับไพ่ที่กำหนดเองโครงการด้านข้างสามารถกระตุ้นความกระตือรือร้นของคุณสอนทักษะใหม่ ๆ ให้กับคุณและบา...