Http status 狀態筆記
HTTP Status 狀態代表的意思網頁接收到伺服器的回應後，都會自動去判讀網頁的狀態，其中的 Http Status 代碼的意思如下： - 200 伺服器回應Data成功。 - 206 取得片段資料，Http Request 中有的 Range 屬性，可以指定要取得那一段Bytes數。 - 301 目標網頁移到新網址(永久轉址)。 - 302 暫時轉址 - 304 已讀取過的圖片或網頁，由瀏覽器緩存 (cache) 中讀取。 - 401 需身分驗證，如 SSL key or htaccess pasword。 - 403 沒有權限讀取，可能是 IP 被阻檔或是伺服器限制。 - 404 伺服器未找到目標網址，檔案不存在。 - 408 Client Request timeout - 411 沒有指定 co..
Read more
使用 CSS 的 ::before 自訂 HTML 列表樣式
今天看到一篇關於 CSS 的自訂列表計數器的相關運用，來分享一下。 以下介紹如何使用 CSS 的 ::before selector 自訂 HTML ordered lists（ol）的編號樣式。 一般 HTML 的 ordered lists（ol）呈現的效果是這樣： aaaa bbbb cccc dddd eeee 我們這裡介紹如何使用 CSS 自訂每一個項目的編號： 步驟練習：
Read moredocument.body.scrollTop IE 和 Firefox 沒作用
今天寫 js 的效果時候，發現 document.body.scrollTop 在 Chrome、Opera 上都可以順利取得瀏覽器的 top 位置， 但是 IE、Firefox 卻完全沒有反應，console.log 出來，捲軸怎麼滾就只是個 0 ，後來問了 Google 大神， 發現有其他的解決辦法。 只要換成 jQuery 的 scrollTop() 就都能正常運作了^^ 記錄下來：
Read moreBootstap nav-scroller 用法紀錄
現在 Bootstrap 非常的流行，只要打好 html 架構後套上 class 就可以呈現出很有質感的效果。 今天用 Bootstrap 製作 nav 導覽列點擊連結移動到同頁面的目標區塊，使它有動態滾動捲軸的效果， 於是找到了 scrolling-nav.js !! 我們來看下方的原始碼
Read moreSass筆記「@mixin」介紹：節省重複撰寫CSS樣式的時間
撰寫 CSS 的時候，時常會遇到一種情況： 在開發多種 CSS 樣式時，會將第一次寫的程式碼複製貼上後，再進行修改， 日後樣式需要整個大修時(例：圓形改方形)，又必須將所有 CSS 重新逐一修正，非常不方便。 使用 Sass @mixin 的話，上述的問題可輕鬆解決，同時還可傳入多個變數進去。 我們先來看下面的 code：
Read more