這套是3月日本大阪中之島的穿搭，
我做了部片『中之島漁港みなと食堂！海鮮好好吃！』
用影片跟大家分享一下這個不多人去的餐廳，
有興趣的朋友歡迎去個人檔案看看喔！！ ．
最近影響我心情最大的事件之一！
大概兩個禮拜前Familybros.com登不進去，
因為我對網頁製作真的超菜，
2014年架那...
這套是3月日本大阪中之島的穿搭，
我做了部片『中之島漁港みなと食堂！海鮮好好吃！』
用影片跟大家分享一下這個不多人去的餐廳，
有興趣的朋友歡迎去個人檔案看看喔！！ ．
最近影響我心情最大的事件之一！
大概兩個禮拜前Familybros.com登不進去，
因為我對網頁製作真的超菜，
2014年架那個網站真的花了我超多時間，
但後來都只是發文沒在修改，
所以臨時出狀況完全不知道怎麼辦囧
簡單的說大家比較容易懂，
（我也只懂簡單的說法XD）
是外掛插件出了問題導致狀況發生，
只要把外掛插件關掉就好啦！
平常可以用網站後台關，但我現在登不進去，
所以我只能到我的主機商後台去改了資料夾路徑名稱，
以及PHP的一個地方，這樣可以讓所有外掛關掉。
後來雖然可登進去，但原本抓的所有插件都失效，
導致我們全部文章照片無法載入，
心裡不斷想著要剪片沒時間了啊～
但又想把這紀錄家庭兄弟8年來的網路足跡還原，
(裡面有一堆年輕時我們的穿搭和日本遊記)
接著我浪費了6個小時在找問題遲遲沒進展，
我只好先放棄等著未來某天我有時間再弄，
(但我覺得我一直剪片一定沒時間)
或者像唯庭說的花錢請人重新架站。
雖然資料都在但暫時無法看見了，
我突然有種很惆悵的感覺，
從Blog寫到FB到現在Youtube，
我還是想要所有平台都存在著！
（就算我知道網站只是當自己紀錄而已哈）
在我已經半放棄的狀況下，
剛好和 Dappei創辦人 林士淵聊到天，
(在此挪抬以表尊敬)
他消失於社群平台快一年，
竟是因為看到我出遊照覺得我妹像白癡公主來敲我XD
剛好講到這個，他說可以幫我看一下問題在哪裡，
結果他花不到20分鐘就跟我說，
「是資料夾名稱少加個s」
欸那個如果我是文組沒寫code的就算了，
我好歹工作也都是在寫code，
這樣我超丟臉的啊哈哈哈哈哈哈
（總之我真的很感謝，下一餐我真的要請！！） 我周末花了一點時間稍微小改（真的稍微），
目前照片上傳還有些問題，
但看起來沒問題(繞什麼口令？)，
幸好那個神祕小天地還能存活下來，
現在都在剪片沒時間了大改了啊～～
或許以後會大改版，大家有空可以先去踩踩喔XD
（手機版我直接用模板了要用電腦看電腦版才夠原味嘿嘿）
無名►痞客邦►自架網站►FB►Youtube
大家從哪個時期開始關注我們呢？
這套的層次分別在上身三處，
長版套頭衫內搭高領頸部露出，
身體中間背心、帽外、外套內外堆疊，
長版套頭衫與短外套下襬長度差，
整套呈現上合長下合短的比例，
最後顏色上大面積藍為主中和些層次的雜亂。
感謝大家收看！
php網頁模板 在 家庭兄弟 Facebook 的最讚貼文
家：
最近影響我心情最大的事件之一！
大概兩個禮拜前Familybros.com登不進去，
因為我對網頁製作真的超菜，
2014年架那個網站真的花了我超多時間，
但後來都只是發文沒在修改，
所以臨時出狀況完全不知道怎麼辦囧
簡單的說大家比較容易懂，
（我也只懂簡單的說法XD）
是外掛插件出了問題導致狀況發生，
只要把外掛插件關掉就好啦！
平常可以用網站後台關，但我現在登不進去，
所以我只能到我的主機商後台去改了資料夾路徑名稱，
以及PHP的一個地方，這樣可以讓所有外掛關掉。
後來雖然可登進去，但原本抓的所有插件都失效，
導致我們全部文章照片無法載入，
心裡不斷想著要剪片沒時間了啊～
但又想把這紀錄家庭兄弟8年來的網路足跡還原，
(裡面有一堆年輕時我們的穿搭和日本遊記)
接著我浪費了6個小時在找問題遲遲沒進展，
我只好先放棄等著未來某天我有時間再弄，
(但我覺得我一直剪片一定沒時間)
或者像唯庭說的花錢請人重新架站。
雖然資料都在但暫時無法看見了，
我突然有種很惆悵的感覺，
從Blog寫到FB到現在Youtube，
我還是想要所有平台都存在著！
（就算我知道網站只是當自己紀錄而已哈）
在我已經半放棄的狀況下，
剛好和 Dappei創辦人 林士淵聊到天，
(在此挪抬以表尊敬)
他消失於社群平台快一年，
竟是因為看到我出遊照覺得我妹像白癡公主來敲我XD
剛好講到這個，他說可以幫我看一下問題在哪裡，
結果他花不到20分鐘就跟我說，
「是資料夾名稱少加個s」
欸那個如果我是文組沒寫code的就算了，
我好歹工作也都是在寫code，
這樣我超丟臉的啊哈哈哈哈哈哈
（總之我真的很感謝，下一餐我真的要請！！）
我周末花了一點時間稍微小改（真的稍微），
目前照片上傳還有些問題，
但看起來沒問題(繞什麼口令？)，
幸好那個神祕小天地還能存活下來，
現在都在剪片沒時間了大改了啊～～
或許以後會大改版，大家有空可以先去踩踩喔XD
（手機版我直接用模板了要用電腦看電腦版才夠原味嘿嘿）
．
無名►痞客邦►自架網站►FB►Youtube
大家從哪個時期開始關注我們呢？
．
這套是3月日本大阪中之島的穿搭，
『中之島漁港みなと食堂！海鮮好好吃！』
用影片跟大家分享一下這個不多人去的餐廳，
有興趣的朋友歡迎去看看喔！！
http://familybros.piee.pw/JG32R
．
這套的層次分別在上身三處，
長版套頭衫內搭高領頸部露出，
身體中間背心、帽外、外套內外堆疊，
長版套頭衫與短外套下襬長度差，
整套呈現上合長下合短的比例，
最後顏色上大面積藍為主中和些層次的雜亂。
．
感謝大家收看！
．
__歡迎來這邊找我們聊穿搭__
Youtube ► http://familybros.piee.pw/JG32R
Facebook ► https://www.fb.com/wwwfamilybroscom
Instagram ►https://www.instagram.com/fmbs.wear
Website ►http://www.familybros.com/
Instagram家►https://www.instagram.com/onuswc
Instagram庭►https://www.instagram.com/yeahkwt/
Wear家 ►https://wear.jp/onus/
Wear庭 ►https://wear.jp/waitingk/
Dappei家 ►https://dappei.com/user/familybros
Dappei庭 ►https://dappei.com/user/familybrosWT
.
php網頁模板 在 家庭兄弟 Facebook 的最讚貼文
家：
最近影響我心情最大的事件之一！
大概兩個禮拜前Familybros.com登不進去，
因為我對網頁製作真的超菜，
2014年架那個網站真的花了我超多時間，
但後來都只是發文沒在修改，
所以臨時出狀況完全不知道怎麼辦囧
簡單的說大家比較容易懂，
（我也只懂簡單的說法XD）
是外掛插件出了問題導致狀況發生，
只要把外掛插件關掉就好啦！
平常可以用網站後台關，但我現在登不進去，
所以我只能到我的主機商後台去改了資料夾路徑名稱，
以及PHP的一個地方，這樣可以讓所有外掛關掉。
後來雖然可登進去，但原本抓的所有插件都失效，
導致我們全部文章照片無法載入，
心裡不斷想著要剪片沒時間了啊～
但又想把這紀錄家庭兄弟8年來的網路足跡還原，
(裡面有一堆年輕時我們的穿搭和日本遊記)
接著我浪費了6個小時在找問題遲遲沒進展，
我只好先放棄等著未來某天我有時間再弄，
(但我覺得我一直剪片一定沒時間)
或者像唯庭說的花錢請人重新架站。
雖然資料都在但暫時無法看見了，
我突然有種很惆悵的感覺，
從Blog寫到FB到現在Youtube，
我還是想要所有平台都存在著！
（就算我知道網站只是當自己紀錄而已哈）
在我已經半放棄的狀況下，
剛好和 Dappei創辦人 林士淵聊到天，
(在此挪抬以表尊敬)
他消失於社群平台快一年，
竟是因為看到我出遊照覺得我妹像白癡公主來敲我XD
剛好講到這個，他說可以幫我看一下問題在哪裡，
結果他花不到20分鐘就跟我說，
「是資料夾名稱少加個s」
欸那個如果我是文組沒寫code的就算了，
我好歹工作也都是在寫code，
這樣我超丟臉的啊哈哈哈哈哈哈
（總之我真的很感謝，下一餐我真的要請！！）
我周末花了一點時間稍微小改（真的稍微），
目前照片上傳還有些問題，
但看起來沒問題(繞什麼口令？)，
幸好那個神祕小天地還能存活下來，
現在都在剪片沒時間了大改了啊～～
或許以後會大改版，大家有空可以先去踩踩喔XD
（手機版我直接用模板了要用電腦看電腦版才夠原味嘿嘿）
．
無名►痞客邦►自架網站►FB►Youtube
大家從哪個時期開始關注我們呢？
．
這套是3月日本大阪中之島的穿搭，
『中之島漁港みなと食堂！海鮮好好吃！』
用影片跟大家分享一下這個不多人去的餐廳，
有興趣的朋友歡迎去看看喔！！
http://familybros.piee.pw/JG32R
．
這套的層次分別在上身三處，
長版套頭衫內搭高領頸部露出，
身體中間背心、帽外、外套內外堆疊，
長版套頭衫與短外套下襬長度差，
整套呈現上合長下合短的比例，
最後顏色上大面積藍為主中和些層次的雜亂。
．
感謝大家收看！
．
__歡迎來這邊找我們聊穿搭__
Youtube ► http://familybros.piee.pw/JG32R
Facebook ► https://www.fb.com/wwwfamilybroscom
Instagram ►https://www.instagram.com/fmbs.wear
Website ►http://www.familybros.com/
Instagram家►https://www.instagram.com/onuswc
Instagram庭►https://www.instagram.com/yeahkwt/
Wear家 ►https://wear.jp/onus/
Wear庭 ►https://wear.jp/waitingk/
Dappei家 ►https://dappei.com/user/familybros
Dappei庭 ►https://dappei.com/user/familybrosWT
.
php網頁模板 在 紀老師程式教學網 Facebook 的最讚貼文
HTML/CSS/JavaScript 開發工具總整理
這篇幫您整理出實作 HTML/CSS/JavaScript 時，一些比較酷的工具、函式庫。非常有用！很推薦大家看！我簡單翻譯一下大綱，不過我會推薦以：
(1) 編輯器：教您用那個工具來撰寫 HTML/CSS/JavaScript 會比較好。
(4) 函式庫：補充 JavaScript 原來不足之處。如同加上「金剛飛翼（函式庫）」後的「鐵金剛（JavaScript）」就突然能飛是一樣的。
(3) 前處理器：把常用、好用、可能高達數百行的 CSS/JavaScript 程式碼，濃縮成一個名字，讓您使用後，彈指之間有如寫出數百行 CSS/JavaScript 般。
(2) 框架：原始碼外觀可能完全不像 JavaScript，但寫完後，會由框架轉換成 JavaScript 去執行。讓您不但「寫得少」，還有「功能多」的好處。有點像「前處理器」+「函式庫」的綜合體。
(5) 工具：一些測試、編譯、模板等工具，可以讓你的程式設計工作，更加自動化、更輕鬆。
這樣的順序來研讀。不過我底下的翻譯為了配合原文，無法調整成我認為理想的順序，請大家見諒囉！
原文連結：
https://tutsplus.com/tutorial/essentials-tools-for-a-modern-front-end-development-workflow/
---------
(1) 編輯器（寫碼之用）：
- 「Sublime Text 3」：
這個我們介紹過好幾次了！個人非常推薦！Sublime Text 3 是要錢的，不過它的前一版 Sublime Text 2，則可以「試用」到天荒地老，不另收費！
- 「Light Table」：
它的好處就是一邊編輯，可以一邊看到結果。不必等到用瀏覽器秀出來才知道對錯。不過這個特性個人沒有覺得有多好，我自己不太推。
- 「WebStorm」：
一個將「寫碼、偵錯、看結果」全部整合在一個視窗的工具。是很不錯！但如果您不喜歡掏錢買軟體，這個可能不是你要的。
- 「Vim」：
已經五十歲的一個老牌編輯器！免費、不太好學、但學會後您不會想換其它編輯器。這有點像開慣手排車的人，要他回來開自排車，簡直要了他的命一樣。
- 「Brackets」
也是整合「寫碼、偵錯、看結果」於一身的工具。Adobe 研發、免費。不過整合得沒有 WebStorm 好，很多功能 Sublime Text 2/3 也做得到。所以個人還是認為學 Sublime Text 比較划算。
(2) JavaScript 程式框架（Frameworks）：
所謂「框架」，就是把本來要自己寫兩三百行程式碼才能實現的功能，讓您在彈指之間就寫出來的工具。如果您的程式碼用了「框架」，外觀上有可能看起來一點都不像 JavaScript 原始碼！不過它在底層「展開」後，仍然是 JavaScript 原始碼無誤！只不過你要寫的是那一兩行「未展開」的框架原始碼，而非「展開後」那兩三百行 JavaScript 原始碼就是了。
用框架來寫程式，就像你包餃子是買做好的「餃子皮（框架）」來包，而非買「麵粉（JavaScript）」從頭做起。時間上省了很多！
比較著名的 JavaScript 框架有（可以混用）：
- Backbone：jQuery （一種函式庫，後述）最流行的框架。
- Ember.js：提供一堆很美麗的 Cocoa UI（一種用 JavaScript 寫成的人機界面），還讓你用少少幾行完成。
- AngularJS：Google 提供！主要用來擴充 HTML 的功能之用。著重在功能面上的一個框架。
- Knockout.js：它著重在「資料綁定」。這是 Backbone 比較弱的一環。Backbone 做資料綁定可能要好幾百行，Knockout.js 大概只要十幾行就完成了。
- Meteor：架構在 Node.js（一種跑在伺服器上的 JavaScript，地位等同 PHP）的框架，目的是希望讓 Node.js 的程式師能少寫幾行程式碼。
- Mocha：一種針對「JavaScript」做「單元測試」的框架。類似 Java 裡的 JUnit。競爭對手包括「Jasmine」與「QUnit」。
(3) 前處理器（Preprocessors）:
所謂「前處理器」，就是把一些常用、複雜的 CSS/JavaScript 寫法，賦予它一個簡短名字。然後只要你在 CSS/JavaScript 原始碼內 寫上這個名字，這些前處理器，就會把它展開，還原成原來 CSS/JavaScript 的樣子。這會讓你大大縮短開發時間！著名的前處理器排列如下（大部份人會慣用其中之一即可，雖然也可以混用）：
以下是 CSS 的三大前處理器：
- Sass
- LESS
- Stylus
以下是 JavaScript 的兩大前處理器：
- CoffeeScript
- TypeScript
以下是全方位的前處理器：
- CodeKit
- LiveReload
(4) 函式庫（Libraries）：
所謂函式庫，就是人家幫你寫好的 JavaScript 副程式。想用時，直接拿來呼叫即可。正如「鐵金剛（JavaScript）」本來不會飛，加上「金剛飛翼（函式庫）」後，就有飛的功能了。著名的函式庫如下所示：
- jQuery：它是用來操縱整個 HTML 節點（或稱 DOM 結構）最棒的函式庫！講到操作 DOM，除了 jQuery 外不作第二人想！
- Underscore：它是用來補足 JavaScript 沒提供「顯而易見」函數而被發明出來的。如 find(), shuffle()...等。它與 Backbone 框架緊密結合。用了 Backbone 的人很少沒聽過 Underscore 的大名的。
- D3：它的拿手好戲就是顯示統計圖表！如果你想用 JavaScript 顯示各類統計圖表，D3 絕對不可錯過！
(5) 工具（Tools & Utilities）
- RequireJS：一個 JavaScript 檔案/模組載入器。允許你把 JavaScript 寫成小小模組，然後像樂高積木一樣載入使用。不好學，但學會後很值得。
- Testem：JavaScript 的測試用工具。
- Grunt：一個可以將 JavaScript 的編譯、載入、測試、執行工作，自動化的命令列工具。類似 C 語言世界裡的 make。
- Normalize：可以將你的程式碼，改到連用 IE 低版本瀏覽器來看，效果都跟 Chrome 或 Firefox 一樣的工具。
- HTML5 Boilerplate：它裡面包含了上百個「模板」，可以讓你「拷貝與貼上」，就能擁有強大的網頁功能，不必寫大量程式碼。
- Twitter Bootstrap：由 Twitter 工程師貢獻的大量模板，也是可以讓你「拷貝與貼上」使用它們。
- Foundation 4：與 Bootstrap 是競爭對手、也有大量模板供你拷貝與貼上使用之。
https://tutsplus.com/tutorial/essentials-tools-for-a-modern-front-end-development-workflow/
---
原文已經率先刊登於 G+ 私密社團「紀老師網頁程式設計」。對 HTML/CSS/JavaScript 感興趣的朋友，可以申請加入：
https://plus.google.com/communities/100793154849235819235
（申請制，審核時間 24 小時內）