IT工程師數位筆記本

創業不易。從想出創意到最終產品上市，你需要既要做好產品開發和設計，又要管理好項目和效率，此外還需要做好業務開發和營銷，前后端兼顧還不行，創業就是逆水行舟不進則退，你還需要不斷去學習新東西。

這么多事情可謂千頭萬緒，怎么樣才能更快更好地完成呢？俗話說，工欲善其事必先利其器，如果能夠有好的工具輔助的話就可以事半功倍。而本文介紹的 300 多個網站和應用正是這樣的好資源，更關鍵的是，這些通通都是免費的。

→ 業務+營銷 ←

A. 免費網站、LOGO、托管

• HTML5 UP:響應式HTML5與CSS3網站模板.
• Bootswatch:Bootstrap免費主題.
• Templated:CSS與 HTML5網站模板.
• Wordpress.org: 免費建站工具.
• Strikingly.com Domain:免費建站.
• Withoomph: LOGO設計.
• Hipster Logo Generator:時髦LOGO設計.
• Squarespace Free Logo:LOGO設計.
• Hive:無限量云服務.
• Invoice to me: 開發票.
• Free Invoice Generator: 開發票.
• Slimvoice:開發票.

B. 取名

• The Name App_
• Naminum:_
• Short Domain Search:找短域名.
• Wordoid:選域名.
• Hipster Business Name:起名.
• Impossibility: 取域名.
• Lean Domain Search: 選域名.

C. 寫作 / 博客

• Hemingway:_
• Grammarly:糾正語法錯誤.
• ZenPen:簡版寫作工具.
• Liberio:電子書生成與發布工具.
• Editorial Calendar:博客管理.
• Story Wars:寫故事.
• Headline Analyzer:（wordpress插件）頭條新聞分析器.
• WP Hide Post:（wordpress插件）控制博客項目可視性.
• Social Locker:（wordpress插件）讓訪客通過推特為內容付費.
• Egg Timer:時間標記設置.

D. 尋找（趨勢）內容（創意）

• Portent:內容創意生成器.
• Google Trends:趨勢搜索.
• Buzzsumo:內容流行度分析.
• Hubspot Blog Topic Generator:博客創意定制.
• Swayy:發現互動最好的內容.
• Google+ What’s Hot| Twitter Trending | Quora| Reddit

E. SEO + 網站分析器

• Open Site Explorer:全面鏈接分析工具.
• [A h r e f s:]網站鏈接分析（網址：https://a h r e f s.com/）.
• Quick Sprout:網站分析.
• Wordpress SEO by Yoast:WordPress 網站優化.
• SEO Site Checkup:SEO問題檢查.
• Hubsport Marketing Grader:營銷改進.
• SimilarWeb:網站統計分析.
• Alexa Ranking:網站排名分析.
• SERPs Rank Checker:關鍵字排名及SERP 檢查器.
• Keywordtool.io:Google Keyword Planner替代.
• Google Analytics| Keyword Planner| Webmaster Tools| Trends
• Nibbler:網站測試.
• Browseo:看搜索引擎如何搜你的網站.
• Broken Links:尋找失效鏈接等.
• Copyscape:尋找你的網頁的復制品（找盜版）.
• Woorank:網站審核及SEO工具.
• Google Pagespeed Insights:網站表現檢查.
• Pingdom Website Speed Test:網站加載時間測試.
• GTMetrics:網站性能分析.
• Moz Local:檢查網站在搜索中的列目.
• XML Sitemaps:網站地圖生成器.
• W3C validator: 標記語言合法性檢查.
• Shopify E-commerce Report:電子商務報告.

F. 圖像優化

• TinyJPG | TinyPNG圖像壓縮.
• Kraken:圖像優化.
• ImageOptimizer:圖像縮放、壓縮、優化.
• ImageOptim:圖像優化.
• Smush.it:Wordpress圖像優化插件.

G. 圖像編輯

• Canva:圖形設計.
• Skitch:evernote插件.
• Easel.ly:可視化圖形.
• Social Image Resizer Tool:社交媒體圖像優化.
• Placeit:產品模具模板.
• Recite:把名言變成可視化杰作.
• Meme Generator:_ meme生成器._

H. 郵件工具

• Contact form 7:Wordpress收集郵件地址插件.
• Mailchimp:可向2000訂閱者發送12000封郵件.
• ManyContactsBar:網站通信錄表格.
• Hello Bar:獲取更多訂閱者.
• Sumome List Builder:收集郵件地址.
• Scroll Triggered Box:提升轉化率 —僅限 Wordpress網站.
• Sumome Scroll Box:攔截郵件地址.

I. 社交媒體、社區管理、調查

• WriteRack:Twitter工具.
• Spruce:Twitter圖像工具.
• Click To Tweet:內容分享.
• MyTweetLinks:Twitter流量提升.
• Latergram: _ Instagram帖子規劃安排._
• Wordpress Pin it Button for Images:增加“Pin It”按鈕.
• SharedCount:跟蹤URL分享、喜歡、推特等.
• Justunfollow:粉絲工具.
• SocialRank:粉絲工具.
• Klout:瀏覽器擴展，社交媒體影響力評分.
• Ritetag:hashtag即時分析.
• Social Analytics:URL交互，支持大部分社交網絡.
• Riffle:Twitter用戶檔案.
• Buffer Free Plan:社交媒體統籌發帖.
• Bitly:短鏈接創建、分享與跟蹤.
• Flament:分享工具條.
• Addthis:分享工具.
• Sumome Share:分享工具.
• Digg Digg:Wordpres分享插件.
• Disqus:社區工具.
• Typeform:在線調查.
• Tally:在線調查.

J. A/B 測試與 GROWTH HACKING

• Petit Hacks:用戶獲取、維系、收入提升.
• Optimizely:優化平臺.
• Hello Bar:A/B測試工具.
• GrowthHackers:GROWTH HACKING.

→ 設計、編碼 ←

A. 設計資源

• Freebbble*: *優質免費資源.
• Dribbble:免費資源.
• Graphic Burger:設計資源.
• Pixel Buddha:職業設計資源.
• Material Design UI Kit:Google Material Design用戶界面設計工具.
• Premium Pixels:創意工具.
• Fribbble:Gilbert Pellegrom策展的PSD資源.
• Freebiesbug:PSD資源.
• 365 Psd:PSD資源.
• Dbf:Dribbble Behance最佳免費設計資源.
• Marvel:著名設計師的免費資源.
• UI Space:手工制作的優質資源.
• Free Section of Pixeden:免費設計資源.
• Free Section of Creative Market:周一免費.
• Teehan+Lax:DiOS 8 GUI PSD (iPhone 6).
• Teehan+Lax:iPad GUI PSD.
• Freepik:圖像資源.
• Tech&All:PSD與科技新聞
• Tethr:最好看的IOS設計工具包.

B. 顏色拾取器

• Material Palette:可導出到 Material Design調色板.
• New Flat UI Color Picker:_
• Flat UI Colors:扁平化顏色.
• Coolors:顏色主題.
• Skala Color:_
• Couleurs:_
• Material UI Colors:Material ui調色板，支持Android, Web & iOS.
• Colorful Gradients:漸變色.
• Adaptive Backgrounds:選取主色.
• Brand Colors:著名品牌采用的顏色.
• Paletton:_
• 0 to 255:顏色校驗.
• Colour Lovers:_
• Adobe Color CC:顏色組合，來自Kuler 社區.
• Bootflat:扁平化設計色.
• Hex Colorrrs:Hex轉RGB.
• Get UI Colors:_
• Coleure:_
• Colllor:_
• Palette for Chrome:從任何圖像生成調色板.

C. 靈感

• MaterialUp:Material design設計靈感.
• FLTDSGN: 最佳扁平化設計展示.
• Site Inspire:Web設計靈感.
• UI Cloud:全球最大的UI設計數據庫.
• Moodboard:情緒板設計.
• Crayon:營銷策劃.
• Land-Book:產品登陸頁圖集.
• Ocean:設計師反饋分享社區.
• Dribbble:設計師作品展示.
• Behance:設計展示.
• Pttrns:移動UI模式.
• Flat UI Design:扁平化設計.
• Awwwards:設計創意獎.
• The Starter Kit:開發者及設計師資源.
• One Page Love:單頁網站設計靈感.
• UI Parade:UI設計工具與設計靈感
• The Best Designs:web設計.
• Agile Designers: 設計資源.
• Niice:A search engine with taste.

D. 圖庫

• Stock Up:最佳素材圖片大全.
• Pexels:最佳圖片大全.
• All The Free Stock:_
• Unsplash:高畫質圖片.
• Splashbase:搜索發現免費圖片視頻.
• Startup Stock Photos:_
• Jay Mantri:_
• Moveast:._
• Travel Coffee Book:旅游圖片.
• Designers Pics:_
• Death to the Stock Photo:每月免費資源.
• Foodie’s Feed:高分辨率.
• Mazwai:高清視頻.
• Jéshoots: 現代圖片.
• Super Famous:荷蘭設計師Folkert Gorter的圖片.
• Picography: 高清圖.
• Pixabay:高清圖.
• Magdeleine:高清圖.
• Snapographic:_
• Little Visuals:每周電郵免費圖片.
• Splitshire:_
• New Old Stock:免費公共資源.
• Picjumbo:_
• Life of Pix:高清圖.
• Gratisography:高清圖.
• Getrefe:_
• IM Free:免費資源集.
• Cupcake:Jonas Nilsson Lee的圖集.
• The Pattern Library:模式庫.
• Public Domain Archive:_
• ISO Republic:高清圖.
• Stokpic:_
• Kaboompics:獲取免費圖片的最佳方式.
• Function: _
• MMT:Jeffrey Betts的免費圖片.
• Paul Jarvis:高清圖.
• Lock & Stock Photos:_
• Raumrot:高清圖.
• Bucketlistly:旅行圖片.

• 其他： 免費數字圖片 |Morguefile | Public Domain Pictures |Stockvault | ImageFree | Rgbstock |Dreamstime | Free Images |Free Range Stock | Free Photos Bank.

• 其他部分免費圖片庫:

• 這里 | 這里 | 這里 | 這里 | 這里 | 這里 | 這里 | 這里 |這里 | 這里.,

• → Deal Jumbo: (這里 | 這里 | 這里 | 這里 | 這里 | 這里 | 這里 | 這里 |這里 |這里.),

• → Dribbble: (這里 | 這里 | 這里 | 這里 | 這里 | 這里 | 這里 |這里 | 這里.),

• → Graphic Burger: (這里 | 這里 | 這里 | 這里 | 這里 | 這里 | 這里.)

E. 排版

• TypeGenius:字體選擇.
• Font Squirrel:*100%免費商業字體.
• FontFaceNinja:字體選擇瀏覽器擴展.
• Google Fonts:字體優化
• Beautiful Web Type:來自Google web字體目錄的最佳字體.
• DaFont:免費可下載字體歸檔.
• 1001 Free Fonts:_
• FontPark:全球最大的字體歸檔.
• Font-to-width:字體大小調整.

F. 圖標

• Fontello:圖標字體生成器.
• Flat Icon:超過16000種字形向量圖標搜索引擎.
• Material Design Icons:Google提供的750種開源字形.
• Font Awesome:標志字體與CSS工具包.
• Glyphsearch:圖標搜索.
• MakeAppIcon:App圖標一鍵生成.
• Endless Icons:扁平化圖標.
• Ico Moon:_ 4000+向量圖標._
• The Noun Project:數千來自不同藝術家的字形圖標.
• Perfect Icons:社會化圖標創建工具.
• Icon Finder:圖標搜索.
• _圓角圖標: _Doodle Set | Flat Set | Vector Line Set
• Icon Sweets:60 向量Photoshop圖標.

G. 有用的東西

• UI Names:UI隨機名生成.
• UI Faces:UI頭像尋找與生成.
• UI Blurbs:模型的用戶介紹.
• Copy Paste Character:點擊拷貝.
• Window Resizer:查看在不同分辨率下的表現.

→ 工作、生產力 ←

A. 幫助提高專注度的背景音樂

• Noisli: 背景噪聲與顏色生成器.
• Noizio:放松音樂.
• Defonic:聲音合成.
• Designers.mx:設計師精選曲目.

B. 避免干擾

• Self Control: Mac: 自我控制.
• Cold Turkey:Windows: 自我控制.

C. 組織、協作

• Trello:跟蹤一切.
• Evernote:印象筆記，你的大腦.
• Dropbox:免費網盤.
• Wetransfer:文件傳輸.
• Drp.io:文件托管.
• Pocket:先存后看.
• Mailtoself:iOS擴展，從任何app發郵件給自己.
• List.ly:發現并創建清單.
• Markticle: 閱讀標記.

D. 數字游民、遠程辦公

• Nomadlist:遠程工作生活的最佳城市.
• Where Nomads at:尋找全球的數字游民.
• Nomad Jobs:最好的初創企業的最好的遠程工作.
• What’s It Like:助旅游者找出何時出發.

→ 發現、學習 ←

A. 發現工具、初創企業

• Product Hunt:發現最好的產品.
• Angellist:_
• Beta List:發現并解除明日的初創企業.
• StartupLi.st:發現、跟蹤、推薦初創企業.
• Startups List:不同地方的最佳初創企業推薦.

B. 尋找聯合創始人

• Assembly:_
• CoFoundersLab:_
• Founder2be:_

C. 學習

• Skillshare:_
• Khan Academy:_
• Coursera:._
• Codeacademy:編程學習.
• 如何創業: As an Audio Podcast或 As Online Course
• Startup Notes:請著名創始人講課的創業學校.
• The How:向創業者取經.
• Launch This Year:發布產品指南.
• Closed Club:從失敗的創業案例中吸取教訓.
• Startup Talks:初創企業相關視頻.
• Rocketship.fm:學習成功創業者的經驗.
• reSRC.io:免費編程學習資源.

D. 有用的新聞簡報

• Email1K:令郵件列表翻番的30天教程.
• Design for Hackers:設計教學郵箱.
• Startup Digest:初創企業所需的各種個性化的新聞簡報.
• Mattermark Daily:為投資者與創始人定制的新聞簡報.
• ChargeWhatYou’reWorth:自由職業定價教程.
• Product Psychology:用戶行為學習.
• UX Newsletter:用戶體驗相關新聞簡報.
• UX Design Weekly:用戶體驗設計鏈接.

E. 有用的東西

• Foundrs:聯合創始人股權計算器.
• Ad Spend Calculator:初創企業要不要買廣告？
• HowMuchToMakeAnApp:移動應用成本計算.
• App vs. Website: 開發app還是做網站？