為文章列表項目以基數偶數區分加入 odd 與 even 的 class 已達到更客製化的前端效果:

閱讀全文»

excerpt (摘要)

<?php the_excerpt();?>

閱讀全文»

每個 JavaScript 物件都會有 第二個 JavaScript 的物件與之關聯，而這個第二個的 JavaScript 物件就被稱呼為 “物件原型”

閱讀全文»

本篇目標:

• 初步認識 Gulp (安裝與使用)
• 建立前端自動化安裝環境
• 自訂屬於自己的 Gulp 開發環境

閱讀全文»

當你是透過你所收尋的關鍵字找到這篇文章的同時，恭喜～你已經找到了答案的關鍵 ! 你需要藉由 Dom 元素 的 座標 來判斷說你指定的 Dom 元素 存在於畫面的哪個位置，來完成你開發上的應用。

閱讀全文»

最近在製作webform表單時，我要做到讓一個input標籤裡的value的值，禁止讓客戶自行更改的input欄位!

像圖所示的效果:

閱讀全文»

RWD為響應式網站（Responsive Web Design）的縮寫，為2012年以來，最流行的前端技術之一

通過 CSS3 的 Media Query ，可以讓網頁在不同尺寸的裝置下，都可以套用不一樣的CSS Style，讓每個不同裝置同樣瀏覽網頁，都可以用最佳的畫面來瀏覽。

而為了要開發RWD的網頁與簡化撰寫 CSS 流程，進而有了 SASS、LESS 等工具來協助開發，但是難免開發久了，不免都還是會覺得又臭又長。利用 SASS 的Mixin 功能，搭配本篇特殊結構，可以讓開發模板的時間更為簡潔。

閱讀全文»

CMS系統(drupal,joomla,wordpress…)在網站開發上,與傳統的開發上有著極大的差異,html架構並不是單純就前端這邊來刻出自己想要的html架構,絕大部分是由後端php產生出來的!

如果你剛好跟小弟一樣!是從CMS開始進入到網頁前端(web frontend)這個大家庭,那你一定要參考這篇文章,可以讓你不會像過去的我走上許多 CSS 亂拼亂湊的冤妄路!!

閱讀全文»