人生學無止境，活到老就要學到老，學習，並不是為了考取高分而被迫學習；學習，應該是懷抱一顆炙熱的心，去探索前所未有的知識，那麼，一切將會變得很有趣！
如果你對網頁設計有興趣，或是從事相關領域的工作，就跟著作者Iggy一起來挖寶吧！
1. Magic of CSS By Adam Schwartz 網址點我
這是關於CSS的教學，你可以學到有關layouts、tables、colors、typography、transitions，而且教學還在持續新增喔！
2. HTML Canvas Deep Dive By Josh Marinacci 網址點我
這是有關HTML的Canvas的教學，包含實務製作的學習，內容包含：
■ HTML Canvas Deep Dive
■ Basic Drawing
■ Hands On: Making Charts
■ Advanced Drawing and Events
■ Animation
■ Making a Game
■ Pixel Buffers and Other Effects
■ 3D Graphics with WebGL and ThreeJS
■ WebGL Hands On with ThreeJS: 3D Car
■ Intro to WebAudio
■ WebCam Access with getUserMedia()
■ Real World Examples and Tools
■ Mobile Devices and Performance Optimization
■ Next Steps
3. Pocket Guide to Writing SVG By Joni Trythall 網址點我
如何畫SVG的教學書，內容包含：
■ Introduction
■ Section 1: Document Organization
■ Section 2: Basic Shapes & Paths
■ Section 3: Workspace
■ Section 4: Fills & Strokes
■ Section 5: The text Element
■ Section 6: Advanced Features
■ Conclusion
4. Learning JavaScript Design Patterns By Addy Osmani 網址點我
這是有關JavaScript設計的模式，教你如何利用設計模式寫出結構完整的JavaScript，內容包含：
■ Introduction
■ What is a Pattern?
■ "Pattern"-ity Testing, Proto-Patterns & The Rule Of Three
■ The Structure Of A Design Pattern
■ Writing Design Patterns
■ Anti-Patterns
■ Categories Of Design Pattern
■ Summary Table Of Design Pattern Categorization
■ JavaScript Design Patterns
■ JavaScript MV* Patterns
■ Modern Modular JavaScript Design Patterns
■ Design Patterns In jQuery
■ jQuery Plugin Design Patterns
■ JavaScript Namespacing Patterns
■ Conclusions
■ References
5. Developing Backbone.js Applications By Addy Osmani 網址點我
這是有關網站前端SPA (single page app)的教學，內容包含：
■ Prelude
■ Target Audience
■ Acknowledgements
■ Credits
■ Target Version
■ Reading
■ Introduction
■ Fundamentals
■ Backbone Basics
■ Exercise 1: Todos - Your First Backbone.js App
■ Exercise 2: Book Library - Your First RESTful Backbone.js App
■ Backbone Extensions
■ Common Problems & Solutions
■ Modular Development
■ Exercise 3: Your First Modular Backbone + RequireJS App
■ Paginating Backbone.js Requests & Collections
■ Backbone Boilerplate And Grunt-BBB
■ Backbone & jQuery Mobile
■ Unit Testing
■ Jasmine
■ QUnit
■ SinonJS
■ Resources
■ Conclusions
■ Appendix
6. WordPress Meet Responsive Design By Chris Coyier, Ian Stewart & Sara Cannon 網址點我
有關WordPress裡的自適應網頁設計教學，內容包含：
■ PREFACE
■ CHRIS COYIER
■ IAN STEWART
■ SARA CANNON
■ RWD RESOURCES
■ A CODE POET BOOK
7. Git From The Bottom Up by John Wiegley 網址點我
初學者必看的教學，內容包含：
■ Introduction
■ Repository
■ the Index
■ Reset
■ Stashing and the reflog
■ Conclusion
■ Further reading
8. The UX Reader By MailChimp 網址點我
這是有關MailChimp的使用者體驗團隊所發表的觀點，內容包含：
■ Introduction
■ Collaboration
■ Research
■ Design
■ Development
■ Refinement
■ Resources
■ Contributors
9. Web UI Best Practices 網址點我
有關Web UI設計的學習，內容包含：
■ INTRODUCTION
■ IT’S NOT UX VS. UI, IT’S UX & UI
■ UNDERSTANDING YOUR USERS & THEIR NEEDS
■ UNDERSTANDING VISUAL HIERARCHY & UI PATTERNS
■ UNDERSTANDING WEB UI ELEMENTS & PRINCIPLES
■ UNDERSTANDING VISUAL ELEMENTS OF UI
■ COLLABORATING ON DESIGN
■ ABOUT UXPIN
10. The Guide to Mockups 網址點我
這是有關Mouckups的教學以及如何運用，內容包含：
■ INTRODUCTION
■ WHAT IS A MOCKUP?
■ THE MAKEUP OF A MOCKUP
■ 3 METHODS FOR CREATING MOCKUPS
■ BEST PRACTICES FOR MOCKUP TOOLS
■ HOW TO USE MOCKUPS IN THE UX DESIGN PROCESS
■ ABOUT UXPIN
11. The Little Book Of Modern Frontend Tooling 網址點我
有關app開發的生命週期與相關知識，內容包含：
■ Introduction
■ Scaffolding
■ Dependency management
■ Build Systems
12. Email Marketing Field Guide By MailChimp 網址點我
有關email行銷規劃重點項目，內容包含：
■ Introduction
■ Create an Email Marketing Plan
■ How HTML Email Works
■ Common Mistakes
■ Designing and Coding
■ Avoiding Spam Filters
■ Testing Your Email Designs
■ Measuring Performance
■ Resources and support
13. Book of Speed By Stoyan Stefanov 網址點我
內容包含：
■ Chapter 1: The Performance Business Case
■ Chapter 2: The Life of Page 2.0
■ Chapter 3: Fewer Page Components
■ Chapter 4: Smaller Components
■ Chapter 5: Optimizing Images
■ Chapter 6: [INCOMPLETE] Parallel downloads
■ Chapter 7: [INCOMPLETE] Optimizing JavaScript and Ajax
■ Chapter 8: [INCOMPLETE] Optimizing CSS
■ Chapter 9: [INCOMPLETE] Psychology of performance
14. Adaptive Web Design By Aaron Gustafson 網址點我
運用HTML、CSS和JavaScript，讓你更進步的教學，內容包含：
■ Front Matter
■ Foreword
■ Chapter 1: Think of the User, Not the Browser
■ Chapter 2: Progressive Enhancement with Markup
■ Chapter 3: Progressive Enhancement with CSS
■ Chapter 4: Progressive Enhancement with JavaScript
■ Chapter 5: Progressive Enhancement for Accessibility
■ Chapter 6: Take It Away
■ Back Matter
15. A Guide to HTML5 & CSS3 By Ashley Menhennett 網址點我
有關HTML5和CSS3的教學指南， 內容包含：
■ Part 1: The Basics of HTML and HTML5
■ Part 2: HTML Elements
■ Part 3: Main HTML5 Specific Elements
■ Part 4: The Basics of CSS
■ Part 5: Main CSS3.0 Specific Properties
16. HTML5 Canvas 網址點我
有關HTML5 Canvas的教學，內容包含：
■ Preface
■ Introduction to HTML5 Canvas
■ Drawing on the Canvas
■ The HTML5 Canvas Text API
■ Images on the Canvas
■ Math, Physics, and Animation
■ Mixing HTML5 Video and Canvas
■ Working with Audio
■ Canvas Games: Part I
■ Canvas Games: Part II
■ Going Mobile!
■ Further Explorations
■ Full Code Listings
■ Index
17. Speaking JavaScript By Dr. Axel Rauschmayer 網址點我
適合初學者學習的JavaScript，內容包含：
■ Praise for Speaking JavaScript
■ Preface
■ JavaScript Quick Start
■ Background
■ JavaScript in Depth
■ Tips, Tools, and Libraries
■ Index
■ About the Author
18. Locking Down WordPress By Rachel Baker, Brad Williams & John Ford 網址點我
有關WordPress的教學書，內容包含：
■ PREFACE
■ RACHEL BAKER
■ BRAD WILLIAMS
■ JOHN FORD
■ TL;DR: SHORT SHOTS OF ADVICE
■ RESOURCES
■ A CODE POET BOOK
19. 11 Things to Do with Every New WordPress Install 網址點我
內容包含：
■ Have a Solid Backup Strategy
■ Take Important Security Measures
■ Delete Default Content
■ Combat Spam
■ Optimize Your Site’s SEO
■ Change the Site Tagline
■ Set Up a Contact Form
■ Don’t Forget Settings
■ Connect Email Lists
■ Start Tracking Metrics with Analytics
■ Make Site Updates Easy
20. UX Design for Start-Ups By Marcin Treder 網址點我
這是寫給新創企業的UX設計電子書，內容包含：
■ THE AGE OF USER EXPERIENCE DESIGN
■ GET TO KNOW YOUR USERS
■ EFFICIENT DESIGN TECHNIQUES
■ GROWTH AND DESIGN HACKING
■ GET IT OPTIMISED
■ TOOLS, TOOLS, TOOLS
原文出處：http://line25.com/articles/free-web-design-ebooks
官方網站：http://www.lccnet.com.tw
FB粉絲團：https://www.facebook.com/lccnetzone
菜鳥救星：https://www.facebook.com/greensn0w
延伸閱讀
聯成電腦資訊分享：畫Wireframe有障礙嗎？千萬別錯過MockFlow！(下)
留言列表