ในฐานะเจ้าของบล็อกการออกแบบ ฉันมักจะอยู่บนเว็บเพื่อค้นหาแรงบันดาลใจ มุมมองใหม่ๆ แนวโน้ม โซลูชันใหม่ๆ และปัญหาอื่นๆ ที่เกี่ยวข้องกับการออกแบบเว็บไซต์ ซึ่งฉันสามารถเป็นประโยชน์ต่อลูกค้าของฉันและกับสิ่งนี้ด้วย! ขณะนี้อินเทอร์เน็ตเต็มไปด้วยไซต์และบล็อกที่เต็มไปด้วยแหล่งข้อมูลสำหรับนักออกแบบและนักพัฒนาส่วนหน้า บทช่วยสอน Photoshop, ฟิลเตอร์, รูปแบบและแปรง, พื้นผิว, องค์ประกอบ, แบบอักษรฟรี และชุดไอคอน, เครื่องมือโครงร่าง, แอปพลิเคชัน, กรอบงาน CSS ฯลฯ
ด้านล่างนี้ฉันได้แสดงเว็บไซต์โปรดของฉันพร้อมคำอธิบายสั้นๆ ว่าเหตุใดฉันจึงชอบใช้เว็บไซต์เหล่านั้น ใช้มันให้เป็นประโยชน์!
| ทรัพยากร | รายละเอียด | ลิงค์ |
|---|---|---|
| Smashing นิตยสาร | นิตยสารออนไลน์สำหรับนักออกแบบและนักพัฒนาเว็บไซต์ที่มีบทความเกี่ยวกับการเขียนโค้ด การออกแบบ UX และอื่นๆ | เข้าเยี่ยมชมเว็บไซต์ |
| CSS-เคล็ดลับ | เว็บไซต์ที่ทุ่มเทให้กับการสอนทุกสิ่งเกี่ยวกับ CSS พร้อมด้วยบทช่วยสอน บทเรียนแบบวิดีโอ และชุมชนที่กระตือรือร้น | เข้าเยี่ยมชมเว็บไซต์ |
| CodePen | ชุมชนออนไลน์สำหรับการทดสอบและจัดแสดงโค้ด HTML, CSS และ JavaScript ที่ผู้ใช้สร้างขึ้น | เข้าเยี่ยมชมเว็บไซต์ |
| อีกแล้ว | ไซต์ที่มอบรางวัลสิ่งที่ดีที่สุดในด้านอุปกรณ์เคลื่อนที่และการออกแบบเว็บไซต์ | เข้าเยี่ยมชมเว็บไซต์ |
| กองมากเกิน | ชุมชนออนไลน์สำหรับการทดสอบและจัดแสดงตัวอย่างโค้ด HTML, CSS และ JavaScript ที่ผู้ใช้สร้างขึ้น | เข้าเยี่ยมชมเว็บไซต์ |
| Dribbble | ชุมชนนักออกแบบแชร์ภาพหน้าจอของงาน กระบวนการ และโครงการของตน | เข้าเยี่ยมชมเว็บไซต์ |
| Behance | แพลตฟอร์มสำหรับครีเอทีฟเพื่อแสดงและค้นพบผลงานสร้างสรรค์ | เข้าเยี่ยมชมเว็บไซต์ |
| ส่วนหน้า | สถานที่ที่นักพัฒนาส่วนหน้าสามารถถามคำถาม แบ่งปันลิงก์ที่น่าสนใจ และแสดงผลงานของพวกเขาได้ | เข้าเยี่ยมชมเว็บไซต์ |
| พืชผล | บล็อกการออกแบบและพัฒนาเว็บไซต์ที่เผยแพร่บทความและบทช่วยสอนเกี่ยวกับเทรนด์และเทคนิคล่าสุดของเว็บ | เข้าเยี่ยมชมเว็บไซต์ |
| W3Schools | เว็บไซต์การศึกษาสำหรับการเรียนรู้เทคโนโลยีเว็บออนไลน์ เนื้อหาประกอบด้วยบทช่วยสอนและข้อมูลอ้างอิง | เข้าเยี่ยมชมเว็บไซต์ |
| เอกสารเว็บ MDN | ชุมชนเปิดของนักพัฒนาที่สร้างทรัพยากรสำหรับเว็บที่ดีขึ้น รวมถึงเอกสารมาตรฐานเว็บและทรัพยากรการเรียนรู้ | เข้าเยี่ยมชมเว็บไซต์ |
| Sitepoint | แหล่งข้อมูลการเรียนรู้ออนไลน์สำหรับนักพัฒนาเว็บที่นำเสนอหลักสูตรเกี่ยวกับ HTML, CSS, JavaScript และอื่นๆ | เข้าเยี่ยมชมเว็บไซต์ |
| บัญชีแยกประเภทการออกแบบเว็บ | บล็อกการออกแบบเว็บไซต์ เผยแพร่บทความเกี่ยวกับเทรนด์ เทคนิค และอื่นๆ | เข้าเยี่ยมชมเว็บไซต์ |
| ฟรอนท์เอนด์มาสเตอร์ | หลักสูตร JavaScript, Node.js และวิศวกรรมส่วนหน้าเชิงลึก | เข้าเยี่ยมชมเว็บไซต์ |
| GitHub | บริการโฮสติ้งบนเว็บสำหรับการควบคุมเวอร์ชันและการทำงานร่วมกัน มันเป็นเครื่องมือสำคัญสำหรับนักพัฒนาทุกคน | เข้าเยี่ยมชมเว็บไซต์ |
hongkiat.com – ทรัพยากร / แรงบันดาลใจ / ข้อมูล
นี่เป็นบล็อกจากนักออกแบบเว็บไซต์ชาวมาเลเซีย Hong Kiat Lim ซึ่งเกือบทุกวัน บล็อกใหม่ ด้วยเนื้อหาตั้งแต่เคล็ดลับและเทคนิค Photoshop, ธีม WordPress ที่ดีที่สุด, อินโฟกราฟิก, ทรัพยากรการออกแบบฟรี ฯลฯ ฯลฯ อ่านได้ดีมาก ระดับสูงและมีลิงก์ไปยังแหล่งข้อมูลภายนอกมากมาย
CoolHompages.com – แรงบันดาลใจ / ทรัพยากร
ชื่อทำให้เข้าใจผิดเล็กน้อย ไซต์นี้ได้กลายเป็นแกลเลอรีที่กว้างขวางมากของเว็บไซต์และการออกแบบทุกประเภท คุณสามารถกรองตามสไตล์และประเภทได้ นอกจากนี้ยังมีความเป็นไปได้ในการดาวน์โหลด (บางส่วน ไม่ใช่ทั้งหมด) การออกแบบ (เป็นเทมเพลต) และใช้เพื่อวัตถุประสงค์ของตนเอง
AgileDesigners.com - ทรัพยากร
ไซต์เต็มไปด้วยเครื่องมือและวัสดุฟรี/ไม่มีค่าลิขสิทธิ์และต้องเสียเงินสำหรับนักออกแบบและนักพัฒนาส่วนหน้า ใครก็ตามที่เป็นสมาชิกของชุมชนสามารถส่งเนื้อหาใหม่ได้ ซึ่งมีการประมวลผลอย่างชัดเจนในหมวดหมู่ต่างๆ ทรัพยากรใหม่ทุกวัน
Inspired-UI.com & ptrns.com แรงบันดาลใจ
วิ่ง บริษัท ยูไอ? ทั้งสองไซต์ทุ่มเทให้กับการออกแบบอินเทอร์เฟซผู้ใช้สำหรับแอปพลิเคชันมือถือและไซต์โดยเฉพาะผ่านทางการนำทางด้านซ้ายมือเพื่อกรองส่วนและหัวข้อต่างๆ
PatternTap.com - แรงบันดาลใจ
หนึ่งในเว็บไซต์ที่ฉันเข้าไปหาแรงบันดาลใจที่เป็นรูปธรรมในการออกแบบเว็บไซต์ Patterntap ได้จัดหมวดหมู่ตัวอย่างส่วนต่างๆ ของไซต์ทุกประเภทได้อย่างสะดวก เลื่อนดูตัวอย่างส่วนหัว ท้ายกระดาษ แบบฟอร์ม หน้า 404, ไอคอน ฯลฯ ฯลฯ เมื่อเร็ว ๆ นี้ คุณยังสามารถกรองสไตล์การออกแบบได้อีกด้วย ทรัพยากรอันทรงคุณค่าสำหรับแรงบันดาลใจ
NotCot.org - แรงบันดาลใจ
NotCot คือคอลเลกชันของสิ่งต่าง ๆ แบบสุ่มที่มีสิ่งหนึ่งที่เหมือนกัน พวกเขาดู 'พิเศษ' หรือ 'ผิดปกติ'; พวกเขาได้รับการออกแบบ กระเป๋าถือ ร่ม แบบจำลองขนาด โลโก้ ของเล่น บรรจุภัณฑ์ อาหาร ภาพถ่าย เฟอร์นิเจอร์ ฯลฯ ฯลฯ ทุกอย่างจบลงแล้ว ไม่ใช่ทุกสิ่งจะสวยงามหรือมีประโยชน์เท่ากัน แต่มันสร้างแรงบันดาลใจได้อย่างแน่นอน!
CartCraze.com - แรงบันดาลใจ
CartCraze เป็นไซต์แกลเลอรีสำหรับไซต์ประเภทหนึ่งโดยเฉพาะ: เว็บช็อป น่าเสียดายที่ไม่สามารถกรองสไตล์ เนื้อหา หรือประเทศได้ แต่การเลื่อนดูร้านค้าบนเว็บหลายร้อยแห่งก็ช่วยได้ แหล่งที่มาของแรงบันดาลใจที่ดีสำหรับนักออกแบบเว็บช็อปเช่นฉัน
eCommerceGallery.com - แรงบันดาลใจ
เช่นเดียวกับ CartCraze ไซต์แกลเลอรีที่มีร้านค้าบนเว็บเท่านั้น สิ่งเหล่านี้สามารถกรองได้โดยใช้แท็กบนผลิตภัณฑ์ที่ขายในร้านค้าบนเว็บ การเลื่อนและคลิกของ Lekker ถือเป็นแรงบันดาลใจที่ดีสำหรับนักออกแบบเว็บช็อปอีกครั้ง
TheFWA.com – แรงบันดาลใจ / รางวัล
FWA ย่อมาจาก 'Favorite Website Awards' ซึ่งเป็นที่รู้จักมานานถึง 13 ปีในฐานะรางวัล Preamp สำหรับเว็บไซต์ที่สวยงามและน่าทึ่ง การได้รับรางวัล 'เว็บไซต์ประจำวัน', 'เว็บไซต์ประจำเดือน' หรือ 'เว็บไซต์แห่งปี' จาก FWA รับประกันชื่อเสียงระดับสูงในโลกแห่งการออกแบบเว็บไซต์ ทุกวัน FWA เลือกไซต์ที่สมควรได้รับภาคแสดง 'ไซต์ประจำวัน' และสิ่งนี้จะแสดงอยู่บนหน้าแรก ไซต์ส่วนใหญ่ที่ได้รับรางวัลมาจากแบรนด์ใหญ่ที่พยายามอย่างเต็มที่เพื่อดึงดูดผู้ชมจำนวนมาก แต่บางครั้งไซต์หรือไซต์ขนาดเล็กจากบริษัทที่ไม่รู้จัก/อิสระ หรือนักออกแบบเว็บไซต์ก็อาจได้รับรางวัล