Gulp主要用於前端自動化，什麼是前端自動化呢?自動化主要是幫你完成一些事情，使工作流程簡單化，像是css、js、image的小化、預處理器編譯、livereload...等。
而Gulp是建立在nodejs(開發平台)上的一個套件，然後再利用npm(打包管理工具)安裝相關plugin。
我們現在就開始操作吧!!
- Jan 19 Tue 2016 15:19
-
前端自動化偵測 - Gulp
- Oct 23 Fri 2015 18:10
-
Codepen - 漢堡選單
今天因為有點私人時間又嘗試做一下自己的小作品。
主要為漢堡選單動畫實現與sass練習。
當點選漢堡選單中間區塊會被push左移，按header仍不變，而漢堡圖不會因此被遮住且變換成交叉。
- Sep 18 Fri 2015 15:46
-
問題解決-RWD IOS文字被放大
在前幾天突然想到一個問題。
一般來說我們習慣性會把<script>寫在head裡，但這樣容易造成網頁讀取過慢的問題，或是有些不需要一開始就載入的js也在一開始被讀取了，但js加在<head>和加在<body>裡有什麼差別嗎?
而今天很巧的又碰到一個問題!!習慣性的，我們會把網頁header與footer各自變成.php檔，再用include的方式載入頁面中，剛好最近要將一個舊案子做RWD，為了方便我就把meta用jquery在header.php內帶入，雖然在多方測試下手機顯示都是ok的，但在ios上卻發現文字會被莫名的放大!!
一再地請教Google大神還是被打巴掌，結果就決定用最原始方法把meta直接放在每頁的head裡，然後竟然就成功了!!!
在查過<script>位置放置不同的差別後，也許就是因為
- Sep 07 Mon 2015 17:18
-
RubyGems SSL Error更新問題
一直以來用sass寫程式也有一段時間了，最近想要更新版本卻發生了悲劇!!
今天打開了cmd(命令提示字元)，很快的輸入gem update結果悲劇就發生了!!
SSL_connect returned=1 errno=0 state=SSLv3 read server certificate B: certificate verify failed
我相信大家如果遇到這問題一定會很困擾，於是我請教了Google大神，但小女英文真的不是很好，加上範例太過複雜，所以就繼續搜尋了其他方法，而在Google大神的庇護之下，終於最後被我找到了，也順利解決問題!!
此錯誤是由變化rubygems.org基礎設施產生，因為RubyGems的特定情況下（命令提示字元）是需要以捆綁代碼內的信任證書，允許RubyGems的建立與服務器的連接，舊證書是由CA提供，而新證書則由其他者提供，因此證書容易產生問題。
- Aug 05 Wed 2015 10:56
-
PHP array進階
這篇文章受密碼保護，請輸入密碼後查看內容。
- Aug 05 Wed 2015 10:34
-
PHP - OOP(Object-Oriented Programming)物件導向基本概念
這篇文章受密碼保護，請輸入密碼後查看內容。
- Aug 04 Tue 2015 17:48
-
PHP基本語法與function
- Jul 27 Mon 2015 17:20
-
離線作業(1)-manifest設定
- Jul 23 Thu 2015 19:38
-
RWD基本攻略
RWD(Responsive Web Design)就是所謂的自適應網頁，能根據使用者使用的裝置不同(各種尺寸、不同解析度)而去改變網頁的顯示及排列方式，讓使用者擁有舒適的使用者體驗。
● RWD的優點:
1. 只需維護一份Html，可降低管理的成本。
2. 不須另外開發App，大大降低成本。
3. 跨平台。
- Jul 22 Wed 2015 20:33
-
網頁基礎架構-超級新手篇
拿到設計圖後，最簡單的就是將最基本的架構建構起來，然後思考所需用到的套件!
所以基本架構一定要先建立好!包含基本的SEO需求!
● web page基本架構如下:
<!DOCTYPE html>
<html>
- Jul 22 Wed 2015 19:17
-
Metadata對於FB分享功能的設定
有效的Metadata設定，可於分享時提供正確圖與資訊。
Facebook需使用開放圖形協定(Open Graph protocol)中的Metadata設定才可以更精準抓到相關資訊。
1
