[開發工具] Emmet 實戰教學
Emmet 是一個可以大幅提升你在開發網頁 Html 編碼速度,使用上也相當的容易,也支援很多主流的編輯器,如 : atom、sublime
Emmet 是一個可以大幅提升你在開發網頁 Html 編碼速度,使用上也相當的容易,也支援很多主流的編輯器,如 : atom、sublime
MAMP 是 Mac 裡幫我們處理開發環境 web-server、php、mysql 都可以幫你一次設定到位,而當環境或開發是執行有誤時,不妨查查看 MAMP 的 log 產出的 error , 也許會找到一些蛛絲馬跡,幫助你排除錯誤
這問題是我近期開發 WordPress 版型時發現的,在編輯文章中,使用了內建 插入圖片 的圖片對齊方式,選取 置中 的對齊方式,可是最終呈現出來的結果都是 靠左 顯示的,稍微查了一下,這貌似是 WordPress 的 Bug
在顯示 文章列表 的頁面中,我們通常需要讓 使用者 可已在更快 在 文章列表 找到想看的文章,我們會只顯示文章的 摘要 來避免頁面內容過於雜亂,而在 WordPress 中這提供了兩種方式,來進行 摘要 的顯示
Microdata 為 HTML5 的一部分,至於 Microdata 等標籤的作用 簡單來說:
我們一般用來顯示資料的 HTML 等標籤是給我們 人 看的 , 而 Microdata 等標籤則相反,是專門為 機器 等各大搜尋引擎觀看而設計的
現今要使用 JavaScript 實現 剪貼簿複製文字 非常的容易
網頁編輯器 有提供 JavaScript 的 API document.execCommand()
, 可以輕易的讓我們進行 文字編輯器 的操作,其中也包含了 剪貼簿複製文字 的操作
為了可以用 陣列(Array) 的方法對 JSON 的物件進行操作,我們必須先把 JSON 物件,轉換為 陣列(Array)
表格 是網頁排版中常見的資料顯示方式,一般我們都是直接用 Html 提供的 <table>
、<tr>
、<td>
等等…,來進行開發與製作,在這裡來介紹如何使用 div 與 css 取代原本 <table>
標籤進行製作: