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

โปรแกรมอ่าน RSS ของโรงเรียนเก่ายังคงเป็นที่นิยมเพราะปล่อยให้ผู้คน ดูแลสิ่งที่พวกเขาชอบ, ทั้งหมดในที่เดียว. เครื่องอ่านแพนด้า มีความคิดเดียวกัน แต่ใช้ขั้นตอนต่อไปด้วย ฟีด RSS ที่กำหนดเอง สำหรับ บล็อกการออกแบบยอดนิยม dev และเทคโนโลยี. มันปรับแต่งได้อย่างเต็มที่ดังนั้นคุณสามารถเปลี่ยนฟีดที่จะปรากฏในแดชบอร์ดของคุณและใช้พื้นที่เท่าใด. นอกจากนี้ฟีดแบบกราฟิกจะคล้ายกับ Dribbble, รวมถึงภาพตัวอย่างขนาดย่อ, เพื่อให้คุณสามารถเรียกดูโพสต์ล่าสุดในเครือข่ายการออกแบบกราฟิกที่คุณชื่นชอบ. Panda Reader สามารถใช้งานได้ฟรี ส่วนขยายของ Chrome และเป็น เว็บแอป. คุณ ไม่จำเป็นต้องมีบัญชีใด ๆ...

น่ารำคาญแค่ไหน กล่องการแจ้งเตือน JS เริ่มต้น? พวกเขารู้สึกเหมือนเป็นที่ระลึกจากยุคอดีตดั้งเดิมของการพัฒนาเว็บ. ทุกวันนี้เราสามารถทำ ข้อความแจ้งเตือนไม่สร้างความรำคาญ ที่แบ่งปันข้อมูลเดียวกัน แต่ อย่ารบกวนประสบการณ์ของผู้ใช้. และนั่นคือสิ่งที่คุณสามารถทำได้ overhang.js. ปลั๊กอิน jQuery ฟรีนี้สามารถ เพิ่มแถบการแจ้งเตือนที่กำหนดเอง หล่นลงมาจากด้านบนของหน้าจอ พวกเขากำลัง วางตำแหน่งผ่าน CSS และ เคลื่อนไหวด้วย JavaScript, เพื่อให้พวกเขาสามารถเลื่อนลงจากจุดคงที่ที่ด้านบน โดยไม่คำนึงถึงความยาวหน้า. คุณสามารถสร้างข้อความได้ ปิดอัตโนมัติหลังจากระยะเวลาหนึ่ง, หรือคนอื่น ๆ ที่...

คุณเสียเวลาไปกับของเล่นมากน้อยแค่ไหนในขณะที่เลือกโทนสีที่เหมาะสมสำหรับงานออกแบบของคุณ? ด้วย Open Color คุณจะสามารถเข้าถึง โทนสีที่กำหนดไว้ล่วงหน้าทำขึ้นเป็นพิเศษสำหรับการออกแบบหน้าจอ. สี ช่วงสเปกตรัมทั้งหมดที่มีสีหมองคล้ำและสดใสมาก ตัวเลือก นักออกแบบสามารถทำงานร่วมกับตัวเลือกสีเหล่านี้และรวมเข้าด้วยกันโดยไม่ต้องยุ่งยากในการออกแบบ โทนสีของตัวเองตั้งแต่เริ่มต้น. Open Color เป็นเครื่องมือโอเพ่นซอร์สที่สมบูรณ์ฟรีและเป็นโฮสต์ใน GitHub เพื่อให้ทุกคนเข้าถึงได้ ตัวเลือกสีเหล่านี้คือ ทำขึ้นเป็นพิเศษสำหรับนักออกแบบ UI และใช้งานได้ดีสำหรับทุกโครงการบนเว็บและแอพมือถือ. ไซต์ยังมีทรัพยากรจานสีฟรีที่คุณสามารถดาวน์โหลดเพื่อนำเข้าจานสีในเวิร์กโฟลว์การออกแบบของคุณ คุณจะพบ จานสีสำหรับ Sketch, Photoshop, Illustrator และ InkScape กับคนอื่น ๆ...

อินพุตช่วง HTML5 ใหม่ ยอดเยี่ยมสำหรับปริมาณและการเลือกแบบไดนามิกเช่นวันที่ แต่แถบเลื่อนช่วงเริ่มต้น ไม่รองรับมือจับหลายอัน. เข้าสู่ MultiRange, polyfill สร้างขึ้นเพื่อรองรับการจัดการหลาย ทำงานได้อย่างถูกต้องและรองรับเบราว์เซอร์หลักทั้งหมด. มันคือ เครื่องมือฟรี และเป็นวิธีที่ดีที่สุดในการ เพิ่มการจัดการหลายอย่างโดยกำเนิด, โดยไม่ต้องใช้ปลั๊กอิน polyfill นี้มี สองทรัพยากร: ไฟล์ JS และ ไฟล์ CSS. พวกเขา ทำงานทั้งในอินพุตช่วง และคุณสามารถ ดาวน์โหลดทั้งคู่ จาก repo...

โดยทั่วไปผู้คนจะสูญเสียการติดตามเมื่ออ่านเนื้อหาที่ยาวมาก ด้วยเหตุนี้ในสื่อสิ่งพิมพ์เช่นนิตยสารและหนังสือพิมพ์เนื้อหาจะแบ่งออกเป็นหลายคอลัมน์เพื่อให้อ่านง่าย. การสร้างคอลัมน์บนเว็บเป็นเรื่องราวที่แตกต่างอย่างสิ้นเชิง มันค่อนข้างยาก อันที่จริงไม่นานมานี้คุณอาจต้องแบ่งเนื้อหาออกเป็นบางส่วนด้วยตนเอง divs และลอยไปทางขวาหรือซ้ายจากนั้นระบุความกว้างการขยายระยะขอบขอบเขตและอื่น ๆ. แต่ตอนนี้สิ่งต่าง ๆ ได้ง่ายขึ้นด้วย โมดูล CSS3 หลายคอลัมน์. เป็นชื่อที่แสดงถึงชัดเจนโมดูลนี้ช่วยให้เราสามารถแบ่งเนื้อหาออกเป็นเค้าโครงคอลัมน์ที่เราเห็นในหนังสือพิมพ์หรือนิตยสาร. รองรับเบราว์เซอร์ ขณะนี้รองรับหลายคอลัมน์ในเบราว์เซอร์ทั้งหมด - Firefox 2+, Chrome 4+, Safari 3.1+ และ Opera 11.1 - ยกเว้นตามที่คาดการณ์ไว้ Internet...

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

เว็บสแต็ค มีการพัฒนามานานหลายทศวรรษด้วยความก้าวหน้าทางเทคโนโลยีและภาษาแบ็กเอนด์ ปัจจุบันเว็บที่ได้รับความนิยมสูงสุดสองแห่งคือ LAMP และ MEAN พวกเขาพึ่งพาเทคโนโลยีที่แตกต่างกันสองอย่างสำหรับภาษาแบ็กเอนด์ฐานข้อมูลและสภาพแวดล้อมเซิร์ฟเวอร์ คำว่า "stack" หมายถึง เทคโนโลยีที่ซ้อนทับกันเพื่อสร้างสภาพแวดล้อมของเว็บเซิร์ฟเวอร์. ในบทความนี้ฉันต้องการอธิบายให้ทั้งสองเว็บสแต็คโดยดูที่ตัวเลือกเทคโนโลยีของพวกเขาทั้งข้อดีและข้อเสีย สแต็คแต่ละตัวอยู่ที่ไหน และโครงการประเภทใดที่จะได้ประโยชน์มากที่สุดจากตัวเลือกทั้งสอง หากคุณเพิ่งเริ่มใช้เทคโนโลยีเว็บหรือต้องการเรียนรู้เกี่ยวกับสแต็คทั้งสองนี้คู่มือนี้มีทุกสิ่งที่คุณต้องการ. การพัฒนาหลอดไฟแบบดั้งเดิม นักพัฒนาส่วนใหญ่ควรรู้เกี่ยวกับ LAMP stack แบบดั้งเดิมเพราะมันมีมาตั้งแต่เว็บก่อน. โคมไฟ หมายถึง Linux, Apache, MySQL และ PHP. แต่ละชุดเหล่านี้เป็นชุดซอฟต์แวร์ส่วนบุคคลที่รวมกันเพื่อสร้างโซลูชันเซิร์ฟเวอร์อเนกประสงค์. เหตุผลที่ดีที่สุดที่จะยึดติดกับ LAMP...

ส่วนที่ยากที่สุดเกี่ยวกับ การฝังวิดีโอ ได้รับความกว้างและความสูงที่ถูกต้อง ตัวเลขเหล่านี้ กำหนดอัตราส่วนภาพ และเมื่อพวกเขาปิดคุณจะ รับเครื่องเล่นวิดีโอที่ไม่คม. นี่คือ จริงสำหรับองค์ประกอบที่ฝังตัวทั้งหมด เช่น iframes และวิดเจ็ตสื่อสังคมออนไลน์ และสิ่งเหล่านี้อาจยิ่งซับซ้อนมากขึ้นด้วยการออกแบบที่ตอบสนองได้เพราะปกติแล้ว องค์ประกอบที่ไม่ตอบสนอง. แต่ด้วย Reframe.js, คุณสามารถทำได้ องค์ประกอบใด ๆ ที่ตอบสนองต่ออัตราส่วนภาพใด ๆ. นี่อาจเป็นหนึ่งในปลั๊กอิน JS ที่ง่ายและมีค่ามากที่สุดบนเว็บ มันเป็นจริง สร้างโดย Dollar Shave Club ซึ่งมีหน้า...