ทรัพยากรใหม่สำหรับนักออกแบบและพัฒนาเว็บ (พฤศจิกายน 2555)

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

ลองตรวจสอบดู.

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

โปรโต

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

Grid Displayer

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

BootMetro

Windows 8 ใช้ความเรียบง่ายของภาษาการออกแบบ Metro หากคุณต้องการที่จะโอบกอดสไตล์นี้บนเว็บไซต์ของคุณ BootMetro อาจเป็นสิ่งที่คุณต้องการ.

ขีด

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

Jarallax

ชอบเอฟเฟกต์ Parallax ที่คุณเห็นในเว็บไซต์แบบนี้ไหม หากคุณต้องการใช้เอฟเฟกต์ที่คล้ายกันกับเว็บไซต์ของคุณคุณสามารถใช้ Jarallax ซึ่งเป็นไลบรารี่แอนิเมชั่น JavaScript เพื่อสร้างเอฟเฟกต์ Parallax (แทบจะไม่เสียเวลา).

ลมแรง

คุณเบื่อกับเอฟเฟกต์การเลื่อนของแกลเลอรี่ที่เคลื่อนที่ในแนวนอนหรือไม่? จากนั้นตรวจสอบ Windy ซึ่งใช้การแปลง 3D เพื่อเรียกใช้เนื้อหาในลักษณะที่เป็นเอกลักษณ์อย่างแท้จริง ดูตัวอย่างได้ที่นี่.

TiltShift

ในระยะสั้น tiltShift ในการถ่ายภาพเป็นเทคนิคในการทำให้รูปภาพดูเล็กลงเกือบจะเล็กเหมือนจริง ตรวจสอบคอลเลกชันของภาพถ่ายดังกล่าวในโพสต์นี้: “การถ่ายภาพ Tilt-Shift”. หากคุณต้องการใช้เอฟเฟกต์ดังกล่าวในแกลเลอรี่รูปภาพของคุณคุณสามารถใช้ไลบรารี JavaScript นี้ TiltShift.js.

ลำดับ

Sequence.js เป็นปลั๊กอินตัวเลื่อน jQuery Responsive ที่มีเอฟเฟกต์การเปลี่ยนขั้นสูงบางอย่าง ไม่เหมือนกับตัวเลื่อนอื่น ๆ Sequence ไม่ได้มาพร้อมกับธีมในตัวของมันเอง ดังนั้นเราสามารถปรับแต่งรูปลักษณ์และความรู้สึกให้เข้ากับเว็บไซต์ของเราได้อย่างสมบูรณ์.

สันดอน

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