- 展開標籤雲
-
2018年09月21日
DOM 概念[轉載IT邦幫忙]
關鍵字：JavaScript、dom、HTML、node
由於寫網頁常會需要操控 DOM 物件，且 DOM 物件為 Web UI 的基礎概念
因此用這篇文章來紀錄相關學習筆記 -
2017年09月25日
UI 設計師必知的 iPhone X 設計細節！[轉載自INSIDE]
關鍵字：UI、IPHONE、X、design、ios、web、CSS、HTML、layout、Margins、鍵盤、Home Indicator、Safe Area、Landscape
原文刊登於 Medium ，INSIDE 經授權轉載。作者Taylor，UI及數位產品設計師，專精於iOS、Android及Web等平台，光讀HIG是不夠的，這裡幫你整理一些更細節的資訊，讓你省去向開發者問東問西的時間。
-
2016年11月15日
使用視頻作為網頁背景的技術探討[轉載自WEB駭客]
使用視頻作為網頁背景是件很酷的事情，但也是件困難的事情。CSS裡background-image屬性只能使用圖片、SVG、顏色或漸變色。但從技術講，我們是可以偽造出一種效果，讓視頻以背景的角色出現在其它HTML元素後面。這其中的難點是視頻要填充整個瀏覽器頁面，而且要響應瀏覽器窗口大小的變化。
-
2016年08月10日
如何讓公司的平面設計師交出可以用的 Web 圖？[轉載自嫁給RD的UI Designer]
在演講的 QA 時間，有幾位 F2E 跑來問我這個問題，看來這是許多人心中的痛啊…甚至連圖都不讓設計師切了、直接自己來，卻還是狀況連連…如何讓公司的平面設計師交出可以用的 web 圖呢？
問了這幾位 F2E 他們用什麼軟體切圖，答案是 Illustrator ，聽到的當下就覺得不妙。我非常不支持拿 Illustrator 做任何給螢幕用的檔案，切圖不便、對 PX 的支援度也很差，Illustrator 是印刷用軟體。當公司只給你平面設計師、沒有 UI 的時候，所有 Mockup 都出自平面設計手中，F2E 要如何自力救濟？
-
2016年06月08日
[轉載] 前端工程的極致精品： AngularJS 開發框架介紹
關鍵字：AngularJS、google、JavaScript、HTML、ASP.NET MVC
有好長一段時間，一直在尋尋覓覓一套好用的前端 JavaScript 框架，看過了 ExtJS、BackboneJS、EmberJS、KnockoutJS、… 與各家比較後，最後終於情定 AngularJS 這套。其優異的框架設計像是 宣告式語法 (Directives)、DOM Templates、雙向資料繫結 (Two Way Data-Binding)、相依性注入 (Dependency Injection) 與關注點分離等特性，都深深地打動著我，但神奇的是，在台灣竟然看不到幾篇關於 AngularJS 的文章，這感覺就跟我三年前毅然決然踏入 ASP.NET MVC 的領域一樣，不過，不管別人用不用，我是用定了！
-
2015年09月21日
谷歌、亞馬遜相繼宣佈遮罩Flash廣告，又一個時代行將結束？
谷歌已經正式宣佈，在預設情況下，Chrome將不再自動播放Web頁面上非必要的Flash內容（主要是線上廣告），而像嵌入式視頻播放器這樣的必要Flash內容將不受影響。
一段時間以來，谷歌一直自動將通過AdWords和類似的第三方工具上傳到Google Display Network的Flash檔轉換成HTML5，但無法轉換的也仍然會顯示。不過，在9月1日之後，Display Network廣告商需要手動將這些廣告轉換成HTML5，否則Chrome將在這些廣告的顯示位置上顯示一個灰框。在這種情況下，惡意廣告將無法對用戶 造成傷害。
Adobe Flash是一個廣受攻擊者歡迎的目標，後者會利用這項技術的漏洞顯示惡意廣告和其他視頻內容。當然，在Chrome中阻止Flash廣告並不能從根本上解決惡意廣告問題。他們可能會尋找新的方法，侵入HTML5廣告或以其他Flash內容為目標。
不過，谷歌並沒有提及安全方面的原因。他們聲稱，作出這種改變主要是為了提升Chrome的性能和Web頁面的載入速度。谷歌此舉引發了連鎖反應，亞馬遜隨後也宣佈停止在其網站上顯示Flash廣告，並將谷歌Chrome針對Flash廣告的策略調整作為他們採取這一舉措的主要原因。
另外，在7月份的時候，Facebook安全部門也曾在Twitter上發洩他的不滿：
Adobe，現在是時候宣佈Flash的廢止日期了。
此後不久，Mozilla也宣佈，其Firefox流覽器默認將攔截Flash。實際上，早在2010年，時任蘋果CEO賈伯斯就發表了一篇反對Flash的宣言，解釋iOS軟體停止支援Flash的原因。此舉曾使許多網站爭相支援Flash替代標準，如HTML5。
美國互動廣告局（IAB）發佈了一份新的廣告格式規範草案。他說：
HTML5正快速變成創建可以跨多種螢幕工作的、有吸引力的廣告的首選方案。 -
2013年12月31日
CSS排版不得不知的祕訣(四)
-
2013年12月04日
最佳的方法「Reset CSS」
-
2013年11月13日
CSS排版 inline-block與inline
-
2013年11月04日
CSS排版不得不知的祕訣（範例三）
-
2013年10月14日
CSS3 快速便利完成顏色設定與透明度設定
-
2013年10月08日
CSS排版不得不知的祕訣（範例二）
