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

การเขียน CSS นั้นค่อนข้างง่ายเมื่อคุณเข้าใจไวยากรณ์และวิธีการจัดโครงสร้างหน้า แต่การเรียนรู้ CSS เพื่อสร้างรหัส modular, semantic และ reusable เป็นหัวข้ออื่นทั้งหมด. มีเทคนิคต่าง ๆ มากมายที่คุณสามารถใช้ได้เช่น SMACSS หรือ ITCSS แต่เป็นโมเดลที่บังคับคุณในทิศทางที่แน่นอน แต่คุณอาจต้องการ MaintainableCSS ซึ่งเป็น คู่มือออนไลน์เต็มไปด้วยเคล็ดลับและกลยุทธ์ สำหรับ การเขียนโค้ด CSS ระยะยาวที่ดีขึ้น. คู่มือนี้ไม่มีค่าใช้จ่ายใด ๆ และยังใช้งานได้บน GitHub...

หมายเหตุจากบรรณาธิการ: โพสต์นี้เขียนโดย Vlad Shvets สำหรับ Hongkiat.com วลาดทำงานให้ Vectr กล่าวถึงในเนื้อหา. ทุก บริษัท นักแปลอิสระหรือมืออาชีพอิสระ ต้องการโลโก้. เมื่อคุณตัดสินใจว่าถึงเวลาที่จะเริ่ม บริษัท คำถามการออกแบบโลโก้จะเกิดขึ้นทันที พวกเราบางคนจะใช้บริการของ นักออกแบบมืออาชีพ, อย่างไรก็ตามคนอื่น ๆ ที่เพิ่งเริ่มทำตัวเปียกกับธุรกิจอย่างแน่นอน จะไม่สามารถจ่ายได้. ในขณะที่เราเผชิญมันไม่ช้าก็เร็วเราก็ต้องทำ ออกแบบโลโก้ด้วยตัวเอง. และจากนั้นเราก็ตกใจ แน่นอนว่ามันคงไม่ยากขนาดนั้น แต่ จะเริ่มที่ไหนดี? ฉันจำเป็นต้องซื้อซอฟต์แวร์ราคาแพงหรือไม่? วิธีการจับคู่สี?...

สีเขียวมีความหมายเชิงบวกสำหรับคนส่วนใหญ่และโลโก้สีเขียวเป็นที่นิยมอย่างมากในขณะนี้ สีเขียวเป็นสัญลักษณ์ของการอนุรักษ์สิ่งแวดล้อมและความรักของเราที่มีสีเขียวทอดยาวไปถึงอียิปต์โบราณที่สีเป็นสัญลักษณ์ของการฟื้นคืนชีพและความเป็นอมตะ (พระเจ้าโอซิริสเป็นสีเขียวผิวควร). วันนี้ บริษัท ที่เป็นมิตรกับสิ่งแวดล้อม บริษัท web 2.0 ร้านอาหารออร์แกนิคบาร์น้ำผลไม้สลัดบาร์และ บริษัท ผลไม้ล้วน แต่มีโลโก้สีเขียวที่ดี โลโก้สีเขียวเป็นที่นิยมและ บริษัท เหล่านี้กำลังผลักดันแนวโน้ม. ด้านล่างคือตัวอย่างโลโก้สีเขียวที่สร้างสรรค์ 30 ชิ้น ตัวอย่างประกอบด้วยโลโก้ บริษัท กาแฟออร์แกนิกไฟ LED ที่ไม่ทำลายสิ่งแวดล้อมและ 'การรวมที่สะอาด' นักออกแบบด้านล่างได้ประสบความสำเร็จในการนำสีเขียวมาใช้กับการให้คำปรึกษากายภาพบำบัดและแม้แต่การเขียนโปรแกรม (ดู Code Fish และ...

ในเว็บที่ทันสมัยเราเห็นจำนวนสถานที่เพิ่มขึ้นสำหรับการป้อนข้อมูลของผู้ใช้ เหล่านี้รวมถึงตะกร้าสินค้าเกมบนเว็บแบบโต้ตอบและแบบฟอร์มลงทะเบียนเว็บไซต์แน่นอนที่สุด ดูเหมือนว่าไม่เพียง แต่นักออกแบบควรจะมุ่งเน้นไปที่การออกแบบหน้า แต่ความสวยงามของรูปแบบก็มีบทบาทที่สำคัญไม่แพ้กัน. พิจารณาว่าคุณกรอกข้อมูลกี่รูปแบบในช่วงเวลาแห่งประวัติศาสตร์อินเทอร์เน็ตของคุณ มีตัวอย่างมากมายจากฟอรัมกระดานข้อความบล็อกและอื่น ๆ อีกมากมาย ในบทความนี้เราจะมาดูเทคนิคที่ยอดเยี่ยมในการออกแบบฟอร์มในหน้าของคุณ. ก็ควรพิจารณาบางรายการที่นี่จากมุมมองวัตถุประสงค์ แม้ว่ารูปแบบการเข้าสู่ระบบและการลงทะเบียนจำนวนมากจะทำงานได้ดีกับไซต์ประเภทหนึ่ง แต่ก็ยังไม่มีการตัดสินขั้นสุดท้ายสำหรับสิ่งที่เป็น “ดีที่สุด” สารละลาย. ใช้สัญชาตญาณการออกแบบของคุณเพื่อใช้บิตและชิ้นส่วนจากแบบฟอร์มที่คุณต้องการ. พิจารณาหลายอินพุต ในการเริ่มต้นสิ่งต่าง ๆ ให้พิจารณาแบบฟอร์มการติดต่อขนาดเล็กจาก Foundation Six Web Design ใช่นี่ไม่ใช่รูปแบบการเข้าสู่ระบบดังนั้นจึงอาจมีการเบี่ยงประเด็นเล็กน้อย อย่างไรก็ตามการออกแบบหน้าเว็บของพวกเขานั้นน่าประทับใจมากและแสดงให้คุณเห็นว่าความคิดสร้างสรรค์เล็ก ๆ น้อย ๆ สามารถทำได้....

มีโครงการโอเพนซอร์ซออนไลน์นับล้านที่เปิดตัวโครงการใหม่ทุกวัน นักพัฒนาจากพื้นหลังทั้งหมดแห่กันไปที่โอเพ่นซอร์สเพราะเป็นวิธีที่ดีที่สุดในการขยายโครงการใหม่ด้วย รายงานข้อผิดพลาดของ crowdsourcing และการแก้ไขรหัส. กระนั้นด้วยโครงการหลายล้านโครงการคุณจะแหวกเสียงอย่างไร Libraries.io เป็นวิธีการแก้ มันคือ พื้นที่เก็บข้อมูลการค้นหาออนไลน์ฟรี ที่ดึงผลลัพธ์มาจาก 1.8 ล้าน โครงการโอเพ่นซอร์สและการนับ Libraries.io เชื่อมต่อกับผู้จัดการแพ็คเกจยอดนิยมเช่น npm, bower, Packagist และ WordPress ที่กำลังเติบโตของรายการปลั๊กอิน. โครงการสามารถจัดเรียงโดยเฉพาะ ผู้จัดการแพคเกจโดยภาษาการเขียนโปรแกรมโดยใบอนุญาตโอเพนซอร์ส หรือโดย คำหลักบางคำ. ตัวอย่างเช่นคุณสามารถกรองโครงการลิขสิทธิ์ MIT ทั้งหมดหรือคุณสามารถค้นหาด้วยแพ็คเกจ JavaScript...

การพัฒนาเว็บ สามารถข่มขู่สำหรับผู้เริ่มต้นที่สมบูรณ์ มีบทความและวิดีโอฟรีมากมายที่จะช่วยให้คุณเรียนรู้ได้ แต่เนื้อหาและระดับรายละเอียดแตกต่างกันไป. นั่นเป็นเหตุผล MarkSheet เป็นทรัพยากรที่มีค่า เว็บไซต์ที่น่าทึ่งนี้สอน HTML, CSS และ Sass ขั้นพื้นฐาน ตั้งแต่เริ่มต้น, เริ่มจากพื้นฐานของอินเทอร์เน็ตและอินเทอร์เน็ต. ทุกคำแนะนำนั้นเต็มไปด้วยข้อมูลและเนื้อหานั้นทันสมัยอย่างน่าประหลาดใจ นอกจากนี้เว็บไซต์นี้ได้รับการออกแบบมาอย่างสวยงามอ่านง่ายและมอบประสบการณ์ที่มีคุณภาพสำหรับทุกคนที่หวังจะเรียนรู้การเข้ารหัสเว็บไซต์. หน้าแรกจะแสดงสารบัญแบบเต็ม สี่ส่วน พร้อมบทเรียนที่แตกต่าง: แนะนำเว็บ (3 บทเรียน) HTML5 (13 บทเรียน) CSS3 (29 บทเรียน) Sass...

ทุก ๆ ปีนักศึกษากลุ่มออกแบบจำนวนมากจะสำเร็จการศึกษาและเริ่มอาชีพในตลาด บางคนลงจอดในสถานที่ที่เหมาะสมซึ่งดูแลพวกเขาอย่างมืออาชีพและกำหนดเส้นทางอาชีพที่มั่นคงสำหรับอนาคตที่ประสบความสำเร็จ จากนั้นก็มีนักออกแบบที่ไม่โชคดีมากนักที่ไม่พบแนวทางแบบมืออาชีพที่พวกเขามองหา. เพื่อช่วยให้นักออกแบบเหล่านี้รับมือกับการตัดสินใจในอาชีพของพวกเขาได้รับการสนับสนุนอย่างแท้จริงผ่านหนังสือเว็บไซต์และบล็อกและแม้กระทั่งการถกเถียงในประเด็นที่อยากจะเป็นนักแปลอิสระหรือไม่เริ่มจากองค์กรขนาดเล็กหรือองค์กรขนาดใหญ่ เพื่อเริ่มเครือข่ายมืออาชีพ ฯลฯ. อย่างไรก็ตามแง่มุมหนึ่งของ ความลังเลใจอย่างมืออาชีพ, ซึ่งได้รับการสังเกตจากนักออกแบบใหม่ ๆ จำนวนมากไม่ได้ถูกกล่าวถึงบ่อยนักกล่าวคือเป็นแจ็คของธุรกิจการค้าทั้งหมดและเป็นนักออกแบบทั่วไปที่มีทักษะหลากหลายหรือเป็นผู้เชี่ยวชาญในสาขาอาชีพเฉพาะด้านการออกแบบ. เราจะหมุนบทความของเรารอบ ๆ หัวข้อนี้และจะกล่าวถึงแง่มุมต่าง ๆ ในรายละเอียด. รูตของอาร์กิวเมนต์ การออกแบบในปัจจุบันเป็นแนวคิดที่กว้างขวางมากโดยมีหลายร้อยสาขาและสาขาย่อยผุดขึ้นมาจากแกนกลางของมัน เมื่อถามถึงอาชีพของคุณแม้แต่ความคิดที่ไม่เกี่ยวข้องที่สุดก็จะถาม “คุณเป็นนักออกแบบประเภทไหน?” แทนที่จะพอใจกับ "ฉันเป็นนักออกแบบ". มีแนวโน้มสองประเภทที่เห็นได้ในวงจรชีวิตของนักออกแบบ นักออกแบบบางคนเรียนรู้ทักษะที่เฉพาะเจาะจงและเมื่อการเรียนรู้ของพวกเขาถึงระดับอิ่มตัวพวกเขา พัฒนาความอยากรู้เพื่อเรียนรู้ทักษะที่เกี่ยวข้อง เกินไป. ในทางกลับกันนักออกแบบบางคนเรียนรู้ทักษะการออกแบบจำนวนมากในช่วงเริ่มต้นอาชีพของพวกเขาและเมื่อพวกเขาเลื่อนขึ้นบันไดอาชีพพวกเขามีแนวโน้มที่จะ ชั้นของทักษะพิเศษและมุ่งเน้นไปที่ทักษะเฉพาะอย่างใดอย่างหนึ่ง...

หน้าต่างคำกริยาส่วนใหญ่ดูเหมือนจะ กวนใจและรบกวนผู้เข้าชม กับ เลือกในฟิลด์ และ ข้อเสนอที่ไม่พึงประสงค์. โมเดอเรเตอร์เหล่านี้มักจะครอบครองหน้าทั้งหมดดูแย่มากและไม่มีวิธีที่ชัดเจนในการปิดหน้าต่าง ขอบคุณ, iziModal.js เป็นสิ่งที่ตรงกันข้าม. มันเป็นหนึ่งในปลั๊กอินหน้าต่างโมดอลที่เก๋ที่สุดที่ฉันเคยเห็นและมันทำให้ฉันตื่นเต้นที่ได้มีปฏิสัมพันธ์กับโมดัลอีกครั้ง. iziModal.js เป็น ปลั๊กอิน jQuery ดังนั้นคุณต้องการ สำเนาของไลบรารี jQuery สำหรับสิ่งนี้ในการทำงาน แต่มัน ค่อนข้างเบา และคุณยังสามารถ รวมถึงห้องสมุดภายนอก จาก CDNJS. หมายเหตุปลั๊กอินนี้มาพร้อมกับ มาก ของตัวเลือกที่แตกต่างกัน. คุณสามารถผ่านตัวเลือกไปที่ จัดสไตล์ขนาดโมดัลประเภทกรอบและภาพเคลื่อนไหว....