Archive for html

[html] html5 之 placeholder 屬性

看到一個以前沒用過的屬性:placeholder

效果如下:



 

程式碼如下:

<form action="demo_form.asp">
  <input type="text" name="fname" placeholder="First name" /><br />
  <input type="text" name="lname" placeholder="Last name" /><br />
  <input type="submit" value="Submit" />
</form>

 

簡單說就是預設的文字摟

[CSS] blockquote:before 與 blockquote:after

image

今天看到一個 CSS 的用法,如下:

 

即透過以下語法,可自訂 blockquote 的前後樣式

Read more

jQuery 筆記 (三) – 基本使用語法

JQuery 的好處就是可以幫你處理掉許多原本 JavaScript 要自己手調的地方,並加速開發進度,基本上 JQuery 會跟 JavaScript 寫在一起,而非

僅用本文章紀錄 JQuery 的基本語法

[HTML][JS] DOM 概念

由於寫網頁常會需要操控 DOM 物件,且 DOM 物件為 Web UI 的基礎概念

因此用這篇文章來紀錄相關學習筆記

dom-architecture

圖片來源:http://www.w3.org/TR/DOM-Level-3-Core/introduction.html

[設計作品] iFactory Cloud Web UI

最近加入公司的一個 Cloud Solution 的 Case

主要負責 UI Design 的部份

本案屬於製造業的相關雲端服務,主要應用的產業為工具機產業,以下是網站的相關截圖

 

1. 登入頁

1_login