ทรัพยากรใหม่สำหรับนักออกแบบและพัฒนาเว็บ (ตุลาคม 2555)

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

ตรวจสอบพวกเขาออก.

ตรวจสอบทรัพยากรที่สดใหม่ของเรา (ตามเดือน):

• ตุลาคม 2555
• พฤศจิกายน 2012
• ธันวาคม 2012

CSSS

CSSS ซึ่งย่อมาจาก "SlideShow System ที่ใช้ CSS" เป็นกรอบงานที่สร้างขึ้นโดย Lea Verou (รู้จักกันในนามกูรู CSS) ในสาระสำคัญกรอบนี้ช่วยให้คุณสร้างสไลด์การนำเสนอด้วย HTML และ CSS มาตรฐานเว็บ สไลด์โชว์นี้รองรับแป้นพิมพ์ลัดเช่น ←, →, ↓ และ ↑ เพื่อเลื่อนดูภาพนิ่ง.

ถ้าคุณทำ CSS และ HTML กรอบงานนี้ฉันคิดว่าการแทนที่ (ดีกว่า) สำหรับซอฟต์แวร์ราคาสูงเช่น MS PowerPoint.

BonsaiJS

Bonsai เป็นห้องสมุดกราฟิก JavaScript ที่มีน้ำหนักเบาพร้อม API ที่ใช้งานง่าย เราสามารถใช้ไลบรารีนี้เพื่อวาดรูปร่างที่เรียบง่ายเช่นสี่เหลี่ยมผืนผ้าสามเหลี่ยมวงกลมหรือกราฟิกที่มีความซับซ้อนลึก ไลบรารีนี้ยังสามารถใช้เพื่อส่งมอบการแสดงผล Scalable Vector Graphic (SVG) ในเบราว์เซอร์ที่ไม่รองรับซึ่งเป็นทางเลือก.

นอกจากนี้ Bonsai ยังมีคุณสมบัติบางอย่างรวมถึงภาพเคลื่อนไหว, กิจกรรมและตัวกรองเพื่อให้กราฟิกเหล่านี้ทำหน้าที่โต้ตอบได้มากขึ้น.

รูปแบบการตอบสนอง

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

ชุดเครื่องมือ Effin

นี่อาจเป็นสิ่งที่คุณต้องช่วยพัฒนาเว็บไซต์ของคุณ Effin Toolsets คือชุดของเครื่องมือที่มีประโยชน์มากมายสำหรับนักพัฒนาเว็บที่รวมไว้ในที่เดียว.

หนึ่งในเครื่องมือในชุดนี้ที่ฉันพบว่ามีประโยชน์มากก็คือ Entifier, เครื่องมือนี้จะเปลี่ยนอักขระเหล่านี้, < และ >, ลงในรหัส HTML ของตนเพื่อให้ข้อมูลโค้ดของคุณแสดงผลอย่างถูกต้องภายใน

 แท็ก.
 
 
Susy
 
Susy เป็นตารางตอบสนองสำหรับเข็มทิศ เช่นเดียวกับกรอบกริดที่ตอบสนองอื่น ๆ ที่นั่นประกอบด้วยหลายสไตล์ที่กำหนดไว้ล่วงหน้า แต่เนื่องจากมันถูกสร้างขึ้นด้วย Sass และเข็มทิศกรอบงานนี้จึงสามารถกำหนดค่าได้มากขึ้น.
 
Susy ช่วยให้คุณสามารถปรับแต่งหมายเลขคอลัมน์ความกว้างคอลัมน์รางน้ำและช่องว่างภายในทำให้เป็นตารางของคุณเองที่เหมาะกับเว็บไซต์ของคุณ Susy จะทำงานหนักทั้งหมด: การคำนวณ. หากคุณเป็นคนที่ชอบทำงานกับ Sass และ Compass ส่วนขยายนี้เหมาะสำหรับคุณอย่างแน่นอน.
 
 
การนำทางแบบเลื่อนลงไม่สิ้นสุด
 
เมนูแบบเลื่อนลงเป็นองค์ประกอบทั่วไปที่เราพบในเว็บไซต์ การสร้างการนำทางแบบเลื่อนลงนั้นไม่ง่ายอย่างที่คิด. Harry Roberts ของ CSS Wizardry โชคดีที่ได้แบ่งปันเขา “รหัสมายากล” เพื่อสร้างการนำทางแบบไม่มีที่สิ้นสุด (ซึ่งยอดเยี่ยม).
 
 
เรียบร้อยเรียบร้อยแล้ว
 
Neat เป็นกรอบกริดตอบสนองที่ช่วยให้คุณเรียกใช้เว็บไซต์ที่ตอบสนองได้อย่างง่ายดาย มันถูกสร้างขึ้นบน Sass และ Bourbon ชุดของ mixins ที่มีประโยชน์สำหรับ Sass เฟรมเวิร์กนี้เป็น Ruby gem สามารถติดตั้งผ่าน Terminal หรือ Command Prompt ด้วยบรรทัดคำสั่งนี้ อัญมณีติดตั้งเรียบร้อย.
 
 
Typicons
 
ไอคอนจะมีไม่เพียงพอ Typicons เป็นชุดของไอคอนตัวอักษรที่มีประมาณ 88 ตัวอักษร คุณสามารถเพิ่มไอคอนเหล่านี้ผ่าน @ font-face กฎและนำไปใช้กับเว็บไซต์ของคุณด้วยองค์ประกอบหลอก CSS หรือฝังพวกเขาโดยตรงด้วยตัวอักษร HTML ของพวกเขา.
 
ด้วยการใช้ webfont เพื่อส่งมอบไอคอนของคุณคุณสามารถได้ประโยชน์จากการไม่จำเป็นต้องปรับใช้ CSS sprite และปรับตำแหน่งพื้นหลังเพื่อแสดงไอคอนหน้าจอความละเอียดสูงพร้อมและในทางเทคนิคมันลดคำขอ http และใช้แบนด์วิดท์ต่ำกว่าไอคอนบิตแมป.
 
 
annotator
 
ห้องสมุดนี้ช่วยให้คุณสามารถเพิ่มความคิดเห็นแท็กและมาร์คลงในเนื้อหาเว็บของคุณและพร้อมกับ AnnotateIt คุณสามารถเก็บบันทึกย่อของคุณได้ฟรี.
 
 
สนามบิน
 
เมื่อคุณอยู่ที่สนามบินคุณจะเห็นกระดานข้อมูลการบินพร้อมข้อความพลิกมัน ด้วยปลั๊กอิน jQuery, สนามบินเราสามารถสร้างเอฟเฟกต์ข้อความแบบเดียวกัน.
 
 
ข้อสรุป
 
นั่นคือทั้งหมดในเดือนนี้ คุณลองสิ่งเหล่านี้แล้วหรือยัง คุณชอบอันไหน คุณพบสิ่งดีๆอื่น ๆ สำหรับนักออกแบบ / นักพัฒนาเว็บไซต์ที่เราพลาดไปจากรายการนี้หรือไม่?.
 
อย่าลังเลที่จะแบ่งปันพวกเขาในช่องแสดงความคิดเห็นด้านล่าง, และเราต้องการได้ยินความคิดของคุณเช่นกัน.