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

คริสต์มาสเป็นช่วงเวลามหัศจรรย์ของปีเมื่อทุกคนกลายเป็นเด็กอีกครั้ง ความคิดในการหาของขวัญใต้ต้นคริสต์มาสซานต้าและกวางเรนเดียร์บินของเขาอาหารค่ำวันคริสต์มาสและงานเลี้ยงฉลองในครอบครัว - มันเป็นช่วงเวลาที่ยอดเยี่ยมที่สุดของปี (เชิงพาณิชย์หรือไม่). หากคุณกำลังมองหา ให้ดูวันหยุดในการออกแบบเว็บไซต์ของคุณ, คุณรู้ว่าคุณอยู่ที่เว็บไซต์ที่ถูกต้อง ฉันใช้เวลามากในการรวบรวมข้อมูลต่อไปนี้ แบบอักษรชุดรูปแบบคริสต์มาสชุดไอคอนสอน Photoshop / Illustrator และเวกเตอร์ สำหรับการใช้งานของคุณ ข้อควรระวังนิ้วของคุณกำลังจะเหนื่อยจากการเลื่อนลง. หากคุณชอบสิ่งที่คุณเห็นโปรดคลิกที่ลิงค์เพื่อไปยังสารพัดที่คุณต้องการดาวน์โหลดพวกเขาและอาจจะต้องขอบคุณนักออกแบบที่ดีที่เสนอแหล่งข้อมูลเหล่านี้ให้คุณฟรี. คริสต์มาสแบบอักษร แบบอักษรฟรีที่ได้รับแรงบันดาลใจจากคริสต์มาสจะเข้ากันได้ดีกับทั้งงานฝีมือและงานกราฟิก ตกแต่งด้วยเกล็ดหิมะหลอดไฟของเล่นขนมและของขวัญ - องค์ประกอบที่ยอดเยี่ยมในการออกแบบคริสต์มาส. คริสต์มาส ผู้สร้าง: Kingthings ตัวอักษร Ice & Snow ผู้สร้าง:...

ซอฟต์แวร์ของ Adobe มีชื่อเสียงระดับโลกโดยนักออกแบบทุกวัย แต่ไม่มีอะไรมากไปกว่า Photoshop. แผงการแก้ไข PhotoShop เป็น shebang ทั้งหมดที่มีทุกสิ่งที่คุณต้องการในการสร้างการออกแบบที่กำหนดเอง. และตอนนี้มีฟรี โปรแกรมแก้ไขเว็บแอป, เรียกว่า LayerStyles, สิ่งที่เลียนแบบตัวแก้ไขเลเยอร์ Photoshop ในเบราว์เซอร์ของคุณ มันช่วยให้คุณ สร้างโค้ด CSS แบบไดนามิก ราวกับว่าคุณกำลังทำงานใน Photoshop. หากคุณไปที่ หน้าตัวสร้าง คุณสามารถคนจรจัดกับมันเพื่อดูว่ามันทำงานอย่างไร. หน้าต่างมาด้วย ห้าแผงสไตล์ที่แตกต่าง ที่เลียนแบบ Photoshop...

ญี่ปุ่นซึ่งเป็นบ้านของสุนทรียศาสตร์ที่งดงามและผู้เบิกทางของความเรียบง่าย จากแฟชั่นไปจนถึงสถาปัตยกรรมพวกเขาดูเหมือนจะเข้าใจทุกอย่าง ฉันชอบอะนิเมะและมังงะญี่ปุ่นเป็นพิเศษ: วิธีที่พวกเขาผสมผสานการเล่าเรื่องและงานศิลปะได้ประทับตลอดไปอย่างที่ฉันต้องการเล่าเรื่องราวของตัวเอง. อย่างไรก็ตามประวัติความเป็นมาที่น่าประทับใจของพวกเขามาจากการหยุดร้องเสียงกรี๊ด (!) เมื่อคุณดูเว็บไซต์ของพวกเขา พวกมันรกอย่างไม่น่าเชื่อด้วย ไม่คำนึงถึงกฎการออกแบบขั้นพื้นฐานหรือการนำทางเข้าสู่การพิจารณา. พวกเขาค่อนข้างเตือนความทรงจำของหนังสือพิมพ์ฉบับดั้งเดิมของปีกลายเต็มไปด้วยข้อความ. แต่ทำไมถึงเป็นเช่นนั้น? ลองวิเคราะห์รูปแบบของเว็บไซต์เหล่านี้แล้วแยกย่อย แต่ก่อนอื่นมาดูที่เว็บไซต์ญี่ปุ่นบางแห่งแล้วดูว่าคุณและฉันอยู่ในหน้าเดียวกันโดยมีข้อสังเกตเดียวกัน คุณพร้อมไหม? Rakuten Kakaku สารที่หนา livedoor Hatena Sankei ตอนนี้ฉันค่อนข้างมั่นใจว่าเราได้สังเกตสิ่งเดียวกันเกี่ยวกับการออกแบบเว็บญี่ปุ่น วิธีตัดเรื่องสั้น: เว็บไซต์ภาษาญี่ปุ่นมีเนื้อหาหนักมาก. หนักการใช้พื้นที่ว่างอย่างหนัก. ไฮเปอร์ลิงก์และ URL จำนวนตัน (สีน้ำเงิน)!. โฆษณามากมายและโฆษณามากมาย. เกือบจะไม่มีภาพหรือถ้ามีก็เป็นภาพที่เล็กมาก....

ไม่ใช่ทุกโครงการที่ต้องการ กรอบใหญ่. ทั้ง Foundation และ Bootstrap เป็นเฟรมเวิร์กส่วนหน้าที่สนับสนุนอย่างยอดเยี่ยม. บางครั้งเป็นโครงการเว็บ แค่ต้องการอะไรที่เรียบง่าย. และนั่นคือสิ่งที่ Cutestrap มอบ. Cutestrap อธิบายว่าตัวเองเป็น “บางสิ่งบางอย่างในระหว่าง normalize.css และกรอบการเป่าเต็ม”. นี่คือคำอธิบายที่ดีเพราะมัน ไม่สไตล์แผ่นกระดูกเปลือย และมัน ไม่สุดเหวี่ยง ทั้ง. สไตล์ชีทหลักรวมประมาณ 8KB ซึ่งก็คือ เล็กกว่าสิบเท่า กว่าสไตล์ชีทย่อของ Bootstrap (เฉลี่ย 110KB-120KB)....

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

มีคุณสมบัติ CSS3 มากมายที่เปลี่ยนวิธีที่เราตกแต่งเว็บไซต์ซึ่งหนึ่งในนั้นคือการไล่ระดับสี CSS3 ก่อนที่จะถึง CSS3 เราต้องการภาพเพื่อสร้างเอฟเฟกต์การไล่ระดับสีอย่างแน่นอน ตอนนี้เราสามารถส่งเอฟเฟกต์ (และดีกว่า) เดียวกันโดยใช้ CSS เท่านั้น ในโพสต์ก่อนหน้าของเราเราได้พูดถึงการไล่ระดับสีสองประเภทที่สามารถทำให้สำเร็จด้วย CSS3: รัศมีและ การไล่สีเชิงเส้น. คราวนี้เราจะดูพี่น้องของพวกเขา: การไล่ระดับสีซ้ำ. ทำซ้ำขั้นพื้นฐาน ทำซ้ำการไล่ระดับสี เป็นหลักนามสกุล ไวยากรณ์คล้ายกับที่เรากำหนด Radial และ Linear gradients เฉพาะที่เป็นชื่อที่แสดงถึงมันจะทำซ้ำสีในทิศทางที่กำหนด ในการทำซ้ำการไล่ระดับสีเชิงเส้นเราสามารถใช้ฟังก์ชันนี้: ซ้ำเชิงเส้นลาด, ในขณะที่ทำซ้ำการไล่ระดับสีรัศมีหรือรูปไข่เราใช้ฟังก์ชั่นนี้:...

จนถึงตอนนี้เราได้พูดถึงคุณสมบัติใหม่มากมายใน CSS3. นอกเหนือจากนั้นมีคุณสมบัติอื่น ๆ อยู่เล็กน้อยซึ่งปัจจุบันไม่รวมอยู่ในข้อกำหนดอย่างเป็นทางการของ CSS3 ที่ควรลองใช้ซึ่งหนึ่งในนั้นคือ กล่องสะท้อนให้เห็นถึง คุณสมบัติที่ริเริ่มโดย Webkit. คุณสมบัตินี้สามารถสะท้อนวัตถุที่ระบุ. การสะท้อนขั้นพื้นฐาน การใช้งานพื้นฐานค่อนข้างง่าย สมมุติว่าเราต้องการการสะท้อนใต้วัตถุจริง เราสามารถเขียน: img -webkit-box-reflect: ด้านล่าง; เครดิต: แปดสัปดาห์แห่งบรูซตัวอย่างนี้แสดงให้เห็นว่าเราสะท้อนภาพอย่างไร ด้านล่าง (ตำแหน่ง) วัตถุ แต่ในกรณีนี้เรายังสามารถสะท้อนภาพของ ขวา, ซ้าย, และ ข้างบน. การสะท้อนกลับ สาขา...

มี CSS Preprocessor จำนวนน้อย, LESS, Sass, Stylus และ Swith CSS มีเพียงไม่กี่ชื่อ. ตัวประมวลผลล่วงหน้า CSS, ดังที่เราได้กล่าวไว้บ่อยครั้งมีจุดประสงค์เพื่อให้การเขียน CSS เป็นแบบไดนามิกมีระเบียบและมีประสิทธิผลมากขึ้น แต่, คำถามคือคำถามใดที่ทำงานได้ดีที่สุด? แน่นอนว่าเราจะไม่ดูพวกเขาทุกคนแทนเราจะเปรียบเทียบเพียงสองคนที่เป็นที่นิยมมากขึ้น: Sass และน้อยลง. ในการตัดสินใจเราจะเปรียบเทียบสองในเจ็ดปัจจัย: ปัจจัยที่มีประสิทธิภาพดีกว่าจะได้หนึ่งจุด ในกรณีที่เสมอกันจะได้รับหนึ่งคะแนน. เอาล่ะ. การติดตั้ง เริ่มจากขั้นตอนพื้นฐานกันก่อน, การติดตั้ง. ทั้ง Sass...