Toolkit - หน้า 31

แถบเลื่อนที่วางซ้อนไว้ช่วยให้คุณทำการเปรียบเทียบระหว่างสองภาพโดยปกติจะเป็นรูปแบบก่อนหลังโดยที่ทั้งสองภาพซ้อนทับกัน ตัวเลื่อนที่สามารถจัดการได้สามารถลากโดยผู้ใช้เพื่อแสดงภาพก่อนหน้าน้อยลงและภาพหลังมากขึ้นและในทางกลับกัน. มันเป็นวิธีที่สมบูรณ์แบบสำหรับบางสถานการณ์เช่นการดูเอฟเฟ็กต์ที่รุนแรงของบรรยากาศของดาวอังคารหรือการเปลี่ยนแปลงของภูมิทัศน์เมืองในช่วงครึ่งศตวรรษ. สำหรับนักออกแบบมันเป็นวิธีที่ยอดเยี่ยมในการสะท้อนให้เห็นถึงจำนวนการเปลี่ยนแปลงเทคนิคหรือวิธีการที่มีอยู่ในภาพต้นฉบับ มีไลบรารี JS ต่างๆที่คุณสามารถใช้เพื่อวัตถุประสงค์ในการเปรียบเทียบ นี่คือ 5 ของพวกเขา. Twentytwenty Twentytwenty เป็นเครื่องมือภาพที่ทำให้ง่ายต่อการสังเกตความแตกต่างระหว่างสองภาพ เครื่องมือนี้ใช้ jQuery และ jquery.event.move ในการทำงาน มันใช้งานง่ายมากเพียงแค่ซ้อนสองรูปลงในคอนเทนเนอร์แล้วโทร twentytwenty (); สำหรับภาชนะ. แล้ว: $ ( "# ภาชนะ") twentytwenty (). ยี่สิบยี่สิบตอบสนองและทำงานได้กับอุปกรณ์ทั้งหมดและถ้าคุณใช้กรอบงานพื้นฐานนี้จะทำงานนอกกรอบ....

เมื่อคุณมีความรู้พื้นฐานพอสมควรแล้วก็ถึงเวลาเริ่มต้น สร้างแอปพลิเคชั่นเว็บของคุณเองด้วย AngularJS. AngularJS ทำให้การสร้างแอปที่ใช้ Javascript ง่ายขึ้นโดยใช้สิ่งที่เรียกว่า สั่ง, ซึ่งทำงานร่วมกันกับมาร์กอัป HTML ของคุณ. หากการสร้างเว็บแอปพลิเคชันจากพื้นดินดูเหมือนจะทำให้คุณไม่ต้องกังวล นักพัฒนาบางคนใจดีมากมี ปรับใช้เฟรมเวิร์กส่วนหน้าเล็กน้อยเพื่อรองรับ AngularJS. เช่นเดียวกับกรอบทั่วไปพวกเขามาพร้อมกับองค์ประกอบของเว็บที่สร้างไว้ล่วงหน้า สิ่งเหล่านี้ทำให้การใช้เฟรมเวิร์กเป็นเครื่องมือที่สมบูรณ์แบบสำหรับทุกคนที่ต้องการใช้งานเว็บแอปพลิเคชันและทำงานได้อย่างรวดเร็ว. นี่คือ 5 เฟรมเวิร์กที่คุณสามารถใช้เพื่อเริ่มแอปพลิเคชันบนเว็บด้วย AngularJS. 1. AngularUI Bootstrap AngularUI Bootstrap, ตามชื่อที่ถูกสร้างขึ้นบนหนึ่งในเฟรมเวิร์กเอนด์ที่ได้รับความนิยมสูงสุดนั่นคือ Bootstrap เฟรมเวิร์กนี้ประกอบด้วยชุดของส่วนประกอบ Bootstrap...

องค์ประกอบ UI ที่น่าสนใจเคล็ดลับเครื่องมือ (หรือที่เรียกว่า infotips) ทำให้กล่องเล็ก ๆ ปรากฏขึ้นเมื่อ เคอร์เซอร์ของเมาส์อยู่เหนือข้อความหรือรูปภาพที่มีข้อมูล เกี่ยวกับองค์ประกอบที่ถูกโฮเวอร์ ในแง่ของประสบการณ์การใช้งานคำแนะนำเครื่องมือให้ผู้ใช้แหล่งข้อมูลที่เร็วที่สุดและง่ายที่สุด โดยไม่ต้องคลิกอะไรเลย. แม้ว่าวิธีที่ง่ายที่สุดในการเพิ่มเคล็ดลับเครื่องมือในข้อความของคุณคือการใช้แท็ก HTML หรือ TITLE =””, alt =””. อย่างไรก็ตามมีบางอย่างที่เจ๋งจริงๆ เคล็ดลับการออกแบบและสไตล์ของเครื่องมือที่คุณสามารถสร้างด้วย JavaScript และ CSS ใช้สคริปต์คำแนะนำเครื่องมือ ลองมาดูกัน. CSS Balloon.css - Balloon...

ฉันรัก Google Chrome ความเรียบง่ายความเร็วและประสิทธิภาพนั้นยอดเยี่ยมไม่ต้องสงสัย แต่บางครั้งความเรียบง่ายเกินไปก็เป็นปัญหาเช่นกันโดยเฉพาะอย่างยิ่งสำหรับนักออกแบบเว็บไซต์ที่ต้องพึ่งพาโปรแกรมเสริม Firefox อย่างนักพัฒนาเว็บ ฉันเดินออกไปจาก Chrome ใช่เพียงเพราะมันไม่มี addon ย้อนกลับไปในปี 2008. แต่ตอนนี้ทุกอย่างเปลี่ยนไปอีกครั้ง ไม่แปลกใจเลยที่คนอื่น ๆ จะชื่นชอบ Chrome และพวกเขาตัดสินใจที่จะสร้างส่วนขยายของ Chrome ซึ่งมีฟังก์ชั่นคล้ายกับ Firefox Addon ฉันขุดลงไปในส่วนขยายเหล่านั้นและพอใจกับมันมากฉันจึงตัดสินใจรับ 40 ส่วนขยายซึ่งมีประโยชน์อย่างยิ่งสำหรับนักออกแบบเว็บไซต์ และแบ่งปันกับพวกคุณ. ดังนั้นที่นี่มีไว้สำหรับคุณเพิ่มประสิทธิภาพ Chrome และเพิ่มประสิทธิภาพการทำงานของคุณ....

ประมาณ 5 เดือนที่แล้วเรานำรายการ RSS ไอคอนที่ดีที่สุดมาให้คุณ 5 เดือนต่อมาไอคอน RSS ฟรีที่ยอดเยี่ยมจำนวนหนึ่งได้ล้างอินเทอร์เน็ตและรายการที่ดีที่สุดก็ไม่ได้ดีที่สุดอีกต่อไป หากต้องการค้นหาไอคอน RSS ที่น่าสนใจยิ่งขึ้นเราได้รวบรวมข้อมูลอินเทอร์เน็ตอีกครั้ง เราได้ตรวจสอบแม้แต่ชุดไอคอนฟรีดังนั้นเราจึงไม่พลาดไอคอน RSS ที่ยอดเยี่ยม. นี่คือบางส่วน ไอคอนฟีด RSS ที่ยอดเยี่ยมจริงๆสำหรับบล็อกหรือเว็บไซต์ของคุณ. รายการทั้งหมดหลังจากกระโดด. Psdbox.pl นิตยสารยอดเยี่ยม ออกแบบโดย Dirceu Veiga จากบราซิลโดยเฉพาะสำหรับ Smashing Magazine เป็นของขวัญสำหรับผู้อ่าน. ชุดไอคอนการ์ตูน...

คริสต์มาสอยู่ห่างออกไปไม่กี่สัปดาห์! และกำหนดเวลาในการซื้อของคริสต์มาสก็ใกล้เข้ามาแล้ว นี่เป็นเวลาที่เราออกแบบชุดรูปแบบคริสต์มาสสำหรับเว็บไซต์ของเราเพื่อต้อนรับการเฉลิมฉลองสิ้นปี ข่าวดีก็คือที่นี่ที่ hongkiat.com เรามีโพสต์ที่เต็มไปด้วยทรัพยากรมากมาย (และของแถม) เพื่อเร่งกระบวนการออกแบบของคุณ. วันนี้เราได้รวบรวมรายการของ ชุดไอคอนคริสต์มาสคุณภาพฟรี 40 ชุด มีวัตถุประสงค์เพื่อเพิ่มความเร็วและเติมชีวิตชีวาให้กับโครงการออกแบบคริสต์มาสของคุณและมีส่วนโบนัสพิเศษในตอนท้ายของโพสต์ด้วย ขอให้สนุกกับคอลเล็กชั่นต่อไปนี้และขอให้ทุกคนมีความสุขในวันคริสต์มาส! แหล่งข้อมูลลาออกที่เกี่ยวข้องกับคริสต์มาสเพิ่มเติม: ทรัพยากรการออกแบบคริสต์มาส: ซานตาคลอส ทรัพยากรการออกแบบคริสต์มาส: วอลเปเปอร์, ธีม, ไอคอน, เวกเตอร์และอื่น ๆ ไอคอนคริสต์มาสและปีใหม่ [Freebie] ไอคอนคริสต์มาสและปีใหม่ มาถึงคุณโดย hongkiat.com ชุดไอคอนนี้สร้างโดย GraphicsFuel...

เรากลับมาพร้อมกับอีก คอลเลกชันของฟรีการออกแบบที่ยอดเยี่ยม สำหรับนักออกแบบ เรามั่นใจว่าคุณจะมีเวลาที่ยากลำบากในการติดตามแนวโน้มการออกแบบ (เราใช้มันอย่างรวดเร็ว) ดังนั้นนี่คือคอลเล็กชันของสินทรัพย์ที่คุณอาจจะรัก. เรามี ไอคอนแบบอักษร PSD และแม่แบบ mockups ชุด UI และปลั๊กอินที่มีประโยชน์ คุณอาจชอบถ้าคุณออกแบบวัสดุ หากคุณไม่ชอบสิ่งที่คุณเห็นหรือลองดูการรวบรวมอื่น ๆ ของเราเพื่อรับของสมนาคุณเพิ่มเติมที่คุณจะต้องชอบ: ของแจกและสินค้าสำหรับนักออกแบบเว็บไซต์ - ธันวาคม ของแจกและสินค้าสำหรับนักออกแบบเว็บไซต์ - ตุลาคม ของแจกและสินค้าสำหรับนักออกแบบเว็บไซต์ - กันยายน ไอคอน 50 ไอคอนห้องสมุด...

หากคุณรักเครื่องมือและแหล่งข้อมูลที่คุณสามารถพบได้บนเว็บไซต์โดยเฉพาะอย่างยิ่งของแจกฟรีและสินค้าสำหรับนักออกแบบเว็บไซต์นี่คือการรวบรวมใหม่ที่คุณจะรัก. เรามีอินเทอร์เฟซผู้ใช้แบบกราฟิกแบบกลมขึ้น mockups เพื่อแสดงผลิตภัณฑ์ของคุณเทมเพลต PSD สำหรับเว็บไซต์การสร้าง. Khet อันทันสมัยหลายรายการไอคอนที่สามารถแก้ไขได้โดยสิ้นเชิงแบบอักษรที่ดูดีและอื่น ๆ. ที่นี่มีมากขึ้น: ของแจก & สินค้าสำหรับนักออกแบบเว็บไซต์ - ก.พ. 2015 ของสมนาคุณและสินค้าสำหรับนักออกแบบเว็บไซต์ - พฤษภาคม 2015 ของแจก & สินค้าสำหรับนักออกแบบเว็บไซต์ - มีนาคม 2015 Foundry: สินทรัพย์เวกเตอร์หลายรายการ แกลเลอรี่ที่สมบูรณ์ขององค์ประกอบการออกแบบที่ทำในรูปแบบ SVG...