codex ของนักพัฒนา
ชีวิตของนักพัฒนาเว็บ / นักออกแบบอาจเป็นเรื่องยาก มันยากที่จะหาเครื่องมือรูปภาพบทเรียนที่เหมาะสม ... ฉันหวังว่าคอลเลกชันของลิงค์นี้จะช่วยให้คุณง่ายขึ้นเล็กน้อยสำหรับคุณ
“ สิ่งจำเป็นที่ยิ่งใหญ่ทั้งสามเพื่อให้ได้สิ่งที่คุ้มค่าในขณะที่: การทำงานหนัก, การติดมันและสามัญสำนึก” - Thomas A. Edison
มีส่วนช่วย
มีลิงค์ที่เป็นประโยชน์ในการแบ่งปันหรือไม่? คำแนะนำ? ดูความผิดพลาดหรือลิงก์ที่เสีย? ส่งคำขอดึง!
แรงบันดาลใจ
ทรัพยากรสำหรับเมื่อคุณต้องการแรงบันดาลใจ
เว็บไซต์เพื่อให้แนวคิด / แรงบันดาลใจบางอย่าง
- awwwards - คอลเล็กชั่นเว็บไซต์ที่ยอดเยี่ยม
- httpster - คอลเล็กชั่นเว็บไซต์ที่ยอดเยี่ยมอีกแห่งหนึ่ง
- Thebestdesigns - Showcase ของเว็บไซต์ที่สวยงาม
- ผู้ชนะ CSS - รายการการออกแบบที่ผ่านการตรวจสอบ
- Site Inspire - เว็บไซต์ของเว็บไซต์ใหม่
- OnePagelove - การออกแบบที่ยอดเยี่ยมสำหรับเว็บไซต์หนึ่งหน้า
- CSS Design Awards - เว็บไซต์ที่สวยงามในตัวของมันเอง เว็บไซต์นี้มีรายการการออกแบบที่ได้รับรางวัลรวมถึงเว็บไซต์ของวัน
- Dribble - สถานที่สำหรับนักออกแบบที่จะอวดผลงานของพวกเขา
- CSS Awards - งานแสดงเว็บไซต์ที่ผ่านการตรวจสอบอีกครั้ง
รหัสตัวอย่าง
- Codepen - สนามเด็กเล่นสำหรับแรงบันดาลใจและตัวอย่าง
- Codemyui - รหัสตัวอย่าง + บทช่วยสอน!
- Codyhouse - HTML, CSS, JS Nuggets
- codepad.co - สถานที่สำหรับนักพัฒนาเพื่อแบ่งปันและบันทึกตัวอย่างรหัส
สินทรัพย์
คอลเลกชันรูปภาพไอคอนแบบอักษร .. etc เพื่อให้เว็บไซต์ของคุณป๊อป
ภาพ
- Picjumbo - ภาพถ่ายสต็อกฟรี
- Unsplash - ภาพถ่ายสต็อกฟรีมากขึ้น!
- ใหม่สต็อกเก่า - ภาพถ่ายวินเทจฟรี - ซีเปียจำนวนมาก
- ห้องสมุดรูปแบบ - คอลเล็กชั่นพื้นหลังที่สนุกสนาน
- รูปแบบที่ละเอียดอ่อน - ที่ตั้งของพื้นหลังฟรีและบอบบาง
- Death to Stock Photos - ภาพถ่ายรายเดือนส่งอีเมลถึงคุณ
- Placehold - สร้างภาพตัวยึดตำแหน่งสำหรับเว็บไซต์ของคุณ
- Wocintech Chat - ภาพถ่ายสต็อกฟรีที่เป็นตัวแทนของผู้หญิงและคนที่ไม่ใช่ไบนารีที่มีสีสัน
- Placekitten - ภาพตัวยึดธีมลูกแมวสำหรับนักพัฒนา
ไอคอน
- Font Awesome - ไอคอนยอดเยี่ยม
- Flaticon - คอลเลกชันขนาดใหญ่ของไอคอนฟรี: PNG, SVG, EPS, รูปแบบ PSD
- ไอคอนไอออนิก - ไอคอนไอออนิกสะอาด
- ไอคอนง่าย ๆ - ไอคอน SVG สำหรับแบรนด์ยอดนิยม ดูแลโดย Dan Leech
- The Noun Project - ไอคอนที่ยอดเยี่ยมอีกมากมาย
- ไอคอนขนนก - คอลเลกชันโอเพนซอร์ซของไอคอน Beautiul
แบบอักษร
- Google Fonts - อาจเป็นสถานที่ที่ได้รับความนิยมมากที่สุดในการค้นหาแบบอักษร
- ขณะนี้ Google Fonts มี UI ที่ใหม่กว่าและสะอาดกว่าสำหรับห้องสมุดตัวอักษร: Google Fonts 2.0
เครื่องมือ
เครื่องมือที่มีประโยชน์ในการช่วยในการพัฒนา
เครื่องมือสำหรับสี
- Colorpicker - ส่วนขยายโครเมี่ยมที่มีประโยชน์มากสำหรับการจับสีบนหน้า
- Colorzilla - เครื่องมือสีที่มีประโยชน์อีกอย่าง (Avaiable for firefox ด้วย)
- CSS3GEN - เครื่องกำเนิดไฟฟ้าไล่ระดับสีที่ยอดเยี่ยมและใช้งานง่าย
- Spectral - สร้าง Swatch สี
เครื่องมือสำหรับการนั่งร้านส่วนหน้า / 'bootstrapping'
- Bootstrap - เฟรมเวิร์กยอดนิยมสำหรับการออกแบบเว็บไซต์และแอพพลิเคชั่นที่ตอบสนอง
- Bootswatch - ธีมที่ดีในการดูลุคของ Bootstrap
- startBootStrap - ชุดรูปแบบ bootstrap โอเพนซอร์สฟรี
- มูลนิธิ - เฟรมเวิร์กยอดนิยมอีกประการหนึ่งสำหรับการพัฒนาเว็บ
- Bulma - กรอบ CSS ที่ทันสมัยตาม FlexBox
- Skeleton - สะอาดเปลือยเปล่า
- USEMANTIC - ระบบกริดของเหลวที่เรียบง่าย
- Flatui - เฟรมเวิร์ก HTML และ CSS ที่เซ็กซี่มากสำหรับการออกแบบแบน
- Materialize - กรอบส่วนหน้าแบบทันสมัยที่ได้รับแรงบันดาลใจจากการออกแบบวัสดุของ Google
- Tachyons - สร้างแอพตอบสนองที่รวดเร็ว 100% ด้วย CSS น้อยมาก
- Colormind - สร้างชุดสีสำหรับโครงการของคุณโดยใช้ ML - เจ๋งมาก
เวิร์กโฟลว์และสร้างเครื่องมือ - เพื่อให้ชีวิตของคุณง่ายขึ้น
- Gulp - นักวิ่งงานเพื่อทำให้งานที่น่าเบื่อและซ้ำซากเหล่านั้นเป็นไปโดยอัตโนมัติ
- Grunt - นักวิ่งงานยอดนิยมอีกคนหนึ่ง
- Webpack - ชุดบูชาแบบแยกส่วนสำหรับการรวมรหัสเป็นชิ้นที่สะดวกสบาย
- Yeoman - เครื่องมือนั่งร้านสำหรับการสร้างเว็บแอพที่ทันสมัย
ร่วมมือ
เครื่องมือที่มีประโยชน์ในการอนุญาตให้ทำงานร่วมกัน
- Cloud9 - รหัสและทำงานร่วมกับผู้อื่นในคลาวด์
- JSFIDDLE - JS Fiddle มีคุณสมบัติการทำงานร่วมกันที่ยอดเยี่ยมจริงๆแม้ว่าฉันไม่ได้ใช้บ่อยเกินไป
- CodePen - CodePen ยังมีตัวเลือกการทำงานร่วมกัน (แม้ว่าฉันเชื่อว่ามันสำหรับผู้ใช้มืออาชีพ ATM)
- GIST - แชร์รหัสอย่างรวดเร็ว ทำหน้าที่เหมือนแผ่นจดบันทึกสำหรับรหัส
- Slack - ผู้ทำงานร่วมกันต้องสื่อสารอย่างรวดเร็ว Slack ดูเหมือนจะเป็นแอพแชทที่ได้รับความนิยมมากที่สุดในหมู่ทีม Dev
วัสดุการอ่านที่ยอดเยี่ยม
แหล่งข้อมูลการอ่านที่ยอดเยี่ยมเพื่อให้ทันกับเทรนด์/ข่าวล่าสุด
- รายการแยกออก - บทความพัฒนาที่ลึกซึ้งและให้ข้อมูล
- ปานกลาง - แพลตฟอร์มบล็อกที่มีทุกหัวข้อเท่าที่จะจินตนาการได้ หากต้องการปรับแต่งการค้นหาของคุณเพียงพิมพ์คำถามของคุณลงในแถบค้นหา
- CSS Tricks - บล็อก/บทช่วยสอนที่ยอดเยี่ยมสำหรับรหัสใด ๆ ที่เกี่ยวข้อง
- Smashing Magazine - เว็บไซต์ที่เต็มไปด้วยบทความ dev และการออกแบบที่มีประโยชน์
- Front End Developer Weekly - ข่าว Dev Front -End, เครื่องมือ .. ETC ส่งอีเมลถึงคุณทุกสัปดาห์
ใบอนุญาต
I, Vinny Aceto, สละความสนใจที่ได้รับการปกป้องและมีลิขสิทธิ์ทั้งหมดรวมอยู่ในโครงการนี้
