睡蓮‧池水間

Guest
2012-May-23  
有 0 位會員和 12 位訪客在線上

文章 :: 語言集

文章列表　 全部　 按引用逆序　

類型: 普通 精華 焦點 全部
排序: 預設 時間 標題 評分 閱讀 評論 引用 | 逆序 順序

文章

更多...
  • HTML5預覽 (A Preview of HTML 5)
    Lachlan Hunt　 08/8/3 16:26　 閱讀: 347 | 引用: 1
    HTML5預覽 (A Preview of HTML 5) - 上
    HTML5預覽 (A Preview of HTML 5) - 下
  • HostGator 的 inodes
    睡蓮　 08/11/10 13:40　 閱讀: 435 | 引用: 1
    建立查看inodes工具
    新CPanel界面下的Indoes統計表
  • 使用 CSS3 創建動畫效果
    wlsy　 10/2/1 14:36　 閱讀: 699 | 引用: 1
    概述在 CSS3 中新增了幾個很好玩的東東：CSS Animation，CSS Transition 和 CSS Transform，顧名思義就是通過 CSS 來實現動畫，過渡和變形。它們與 HTML5 中的 canvas 能繪製動畫圖形不同，這些只能應用在已存在的元素上，但這足以讓我很興奮了，我不必要在去寫那些複雜的 JS 代碼，運用它們我能更簡單的創建自己的想要的動畫。應用前景伴隨著 CSS3 的普及，這些特性被各大瀏覽器支持也只是時間上的問題。有消息稱在 Internet Explorer 9 中將更好的支持 HTML5 和 CSS3。所以各位圍觀群眾不必擔心這只是曇花一現。以下是我就目前的瀏覽器支持狀態統計的一個表格：　　　IE8 -　　　chrome & safairfirefox 3.5.5 *(3)opera 10...
  • Opera下的text-shadow
    睡蓮　 08/10/17 20:20　 閱讀: 139 | 引用: 1
    text-shadow是從CSS 2版本開始便已有的屬性，能為字體添加模糊及陰影的效果。到目前為止只有Opera支援得最好，IE和Firefox還不支援，Safari與Konqueror則只能支援一組屬性值。 以下是一組屬性值的取值方式 屬性屬性值 水平延展　　　垂直延展　　　opacity　　　顏色 示例text-shadow:　　2px　　　　 　2px　　　　　　5px　 　　　#ff0000 多組則用逗號隔開 屬性屬性值 　　　　第一組　　　　　第二組　　　　　第三組 示例text-shadow:-1px 1px 5px #ff0000, 2px -2px 10px #336699, -3px 3px 15px #999999 在多組屬性值下的Safari和Konqueror，只對第一組有效，後面幾組無效。 以下是多組屬性值的代碼示...
  • 我的 CSS 3 測試手記
    睡蓮　 09/1/11 17:10　 閱讀: 374 | 引用: 1
    先看看以下的測試成品，可按圖放大觀看：中間白色部份是一個沒有設定寬度的區塊，可以在不同瀏覽器解析度下有不同的寬度。透明的白背景，一般最先想到的是用 opacity 和 IE 的 filter 屬性，帶雙白邊的圓角或許會想到用背景圖片，但在支援 CSS 3 的瀏覽器下，不需使用前述也能有相同的效果，而 XHTML 下的結構性代碼也因 CSS 3 的支援而簡化了不少。此次測試中，至目前為止暫時只有 firefox 3.0.5、safari 3.1.2和 Chrome 1.0.154.36 支援，其中圓角效果是通過私有屬性來達成；opera 9.63在圓角和透明背景上尚未能支援，但在 Opera 10 中除了 border-radius 外將會支援這種透明背景；IE 能支援 CSS 3 的就更少了。現在...
  • smarty實例教程 - 模板設計部份
    大師兄( teacherli )　 08/6/29 23:21　 閱讀: 684
    smarty實例教程 - 模板設計部份 - 1
    smarty實例教程 - 模板設計部份 - 2
    smarty實例教程 - 程序設計部份
    smarty實例教程 - 實例篇(一、使用PHP內置MYSQL函數)
    Smarty實例教程 - 實例篇（二、使用phplib的DB類）
  • 提升網站效能的 CSS Sprites
    睡蓮　 09/4/5 0:20　 閱讀: 810
    近來在為池水間進行網站優化，將XHTML和CSS代碼改良，其中CSS就首次使用了CSS Sprites技術，以提升網站效能。什麼是CSS Sprites？就是將多個圖片匯集到一個大圖片上，然後在CSS裡將每個使用不同背景圖路徑全部劃一改為集成圖片路徑，並給每個背景圖定位。例如下面的無序列表，每一個 li 標籤分別用五個不同背景圖： <ul> <li class="image1"> image1 背景 </li> <li class="image2"> image2 背景 </li> <li class="image3"> image3 背景 </li> <li class="image4"> image4 背景 </li> <li class="image5"> image5 背景 </li> </ul> 在CSS裡給每個 li 設定不同背...
  • Chrome 的 CSS bug
    睡蓮　 11/7/14 1:10　 閱讀: 236
    　　最近為 XOOPS 正體中文站討論區加裝票選模組並在測試站下用不同瀏覽器進行檢視，以測試嵌入於帖子中的票選內容是否正常，郤發現帖子上的標題不見了，由此便得知 Chrome 一直存在的 CSS bug。　　Chrome 的問題很怪異，即使跟 Chrome 同一核心引擎的 Safari ，也不會出現如 Chrome 的 CSS bug，加上只在特定的文字如「關」字並配合 CSS 中的 text-shadow，便會發揮作用，把標題文字「關」起來不讓看得見，只在骨子底下的原始碼裡顯露出來。　　如果閣下有裝 Chrome 瀏覽器的話可以點這裡開啟小視窗(Chrome下請自行用滑鼠將小視窗拉高)，將下面代碼全複製進去測試看看，然後換別的瀏覽器再試。<!DOCTYPE ht...
  • 詳解CSS3中的屬性選擇符
    睡蓮　 08/7/6 18:10　 閱讀: 369
    詳解CSS3中的屬性選擇符 1
    詳解CSS3中的屬性選擇符 2
    詳解CSS3中的屬性選擇符 3
    詳解CSS3中的屬性選擇符 4
  • 解決IE 7、8下的 object 框線問題
    睡蓮　 09/6/1 15:42　 閱讀: 932
    iframe 是最常見的網頁嵌入標籤，但到了XHTML 1.0 Stict 之下，這種標籤便不允許使用了。需要嵌入網頁，可以用object標籤取替之。 object標籤用途廣，除了可嵌入網頁、媒體外，還可取代 img標籤之用等。但IE對object的支援尚不完全，即使是開始支援網頁標準的最新版IE 8，仍有不完美的地方。 例如在取代 iframe 作為網頁嵌入上，標準瀏覽器下可以給object設定為border:none以去除框線，但在IE下是無效。IE的各個版本中，IE 6甚或較低版本的IE5.5可以改為通過在嵌入的網頁裡頭設定html與body為border:none，較高的兩個版本還不行，依然顯示礙眼的框線。 標準瀏覽器IE 6 / IE5.5IE 7IE 8 object { border:none }YNNN h...
  • 53個CSS - 不可或缺的技巧
    睡蓮　 08/7/22 14:10　 閱讀: 229
    53個CSS - 不可或缺的技巧 (1)
    53個CSS - 不可或缺的技巧 (2)
    53個CSS - 不可或缺的技巧 (3)
    53個CSS - 不可或缺的技巧 (4)
    53個CSS - 不可或缺的技巧 (5)
    53個CSS - 不可或缺的技巧 (6)
  • 如何在 IE 中使用 HTML 5 元素
    懌飛　 09/6/20 23:27　 閱讀: 382
    Sjoerd Visscher 發現了一個簡潔的方法樣式在 IE 中作用到未知的元素上 —— 僅需 JS 創建此未知元素即可： document.createElement(elementName) 同理（對於 IE 來說 HTML5 元素即是未知元素），該方法也可順延到 HTML5 的元素上（詳細見：John Resig 寫的 《HTML5 Shiv》 一文）： <html> <head> <style>section { color: red; }</style> <script>document.createElement("section")</script> </head> <body> <section>Hello World!</section> </body> </html> 在 IE 中，為了更方便使用 HTML5 元素，我們可以引入這樣的腳本： (function(){ // from: http://dean.edwards.name/weblog/2007/03/sniff/ if(!/*@cc_on!@*/0) return; ...
  • 用 CSS 3 將你的設計帶入下個高度
    睡蓮　 09/6/27 16:11　 閱讀: 1164
    用 CSS 3 將你的設計帶入下個高度 - 1
    用 CSS 3 將你的設計帶入下個高度 - 2
    用 CSS 3 將你的設計帶入下個高度 - 3
  • Smarty 入門
    jaceju　 08/10/15 2:10　 閱讀: 1043
    Smarty 入門 - 1
    Smarty 入門 - 2
    Smarty 入門 - 3
    Smarty 入門 - 4
    Smarty 入門 - 5
  • 於文章中嵌入自訂的FLV/MP4播放器
    睡蓮　 09/11/11 0:40　 閱讀: 971
    　　在網上隨處閒逛，不難見到大多網站尤其是網誌都有在文章內容上插入 YouTube 影片，有些還看到影片原作者利用 YouTube 空間，將自製而成的影片上傳到 YouTube，然後複製代碼，嵌回到自己的網站去。　　 YouTube 的存在，帶擎了 FLV 格式的盛行，而緊隨其後的會是 YouTube 的高畫質 ─── MP 4 格式。 　　現在，要將自製的 FLV 或 MP4 格式影片直接上傳到自己的網站空間上播放，不需要 YouTube，只要有播放器就能輕易實現，還可按個人喜好設定，在不同的文章內容上使用不同的播放器外觀。　　網上提供不少的免費播放器中，被我看上並做了實際測試的有兩個，一是 Vcastr 的， 另一是 MC Altair，最終應...
  • IE 下 href 的 BUG
    懌飛　 08/11/10 17:59　 閱讀: 249
    在瀏覽器 IE6 、IE7、Firefox2+、Firefpx3+、Opera9.6+、Safari3.1+中測試以下代碼（Demo）：<div id="test"> <a href="#"> test </a> </div> <div id="result"></div> <script type="text/javascript"> (function(){ var test = document.getElementById('test'); alert(test.innerHTML); var result = document.getElementById('result'); result.innerHTML = test.innerHTML; alert(result.innerHTML) })(); </script> 結果會發現，在 IE6、IE7 瀏覽器中第二次彈出的 result.innerHTML 中的 A 元素的 href 值成為了絕對路徑。其實先人們早遇到這些問題（感謝玉伯提供的資料）： * 《getAttribute(“HREF”)...
  • 難以發現的 CSS 問題
    睡蓮　 09/4/6 14:44　 閱讀: 479
    話說昨天在Opera瀏覽器下為池水間進行網站優化和代碼改良時，間隔了一段長時間才去打開firefox檢視一下網站，這下不看猶自可，一看嚇了一跳，在firefox下的池水間變得面目全非，馬上打開其他瀏覽器查看，結果safari也是和firefox一樣有問題，只有opera和IE都正常，這是怎麼回事了？從firefox和safari出現的徵狀來看，似乎是瀏覽器在解析CSS語法上出問題，打開CSS查看了語法，來回檢查了好幾遍，偏偏就沒有找到錯漏之處，連CSS檔的編碼也是正確的utf8。正當百思不得其解之際，我的視線不經意地落在頁腳左邊W3C的CSS驗證連結上，頓時靈光一閃，利用這驗證工具查看，在W3C驗證結果頁面下的CSS立時現形。...
  • CSS 3 變換入門
    Jason Cranford Teague　 10/2/2 1:32　 閱讀: 512
    本文譯者：神飛　　譯文出處：前端觀察 - http://www.qianduan.net/css-transitions-101.html　　儘管人們期望在屏幕上有些改變，但是 CSS 和 HTML 對頁面中的交互能做的實在太少了，而那些還需要用代碼來實現。 　　比如一個鏈接要麼是這個顏色，要麼是那個顏色；一個文本區域要麼這麼大，要麼那麼大；一張圖片要麼是透明的要麼是不透明的；它們是從一個狀態直接變到另一個狀態——中間並沒有過渡。 　　這導致大部分網頁有些生硬，因為元素只會很死板的切換或改變。 　　是的，你可以使用 DHTML、jQuery 或者自己編寫 JS 來實現過度，但是這需要更多的代碼來實現本應該非...
  • HTML 5 新功能演示
    Marcin Wichary　 10/4/29 14:29　 閱讀: 684
    譯者：Direct Guo這是一個 HTML 5 的新功能的演示文檔，幾乎包括 HTML 5 的所有激動人心的新功能的簡介和演示。IE 瀏覽器系列瀏覽器無法瀏覽，firefox、opera 等瀏覽器只能使用部分功能，如果想100％演示成功，請使用最新版的“谷歌瀏覽器（Google Chrome）”，建議使用最新版。英文原版： http://apirocks.com/html5/html5.html中文版演示文檔請看此處： http://directguo.com/html5/
  • IE 7 下慎用 :first-letter 偽元素
    睡蓮　 10/5/30 1:37　 閱讀: 188
    　　不久前在正體中文站替一位網友解決 IE 8下佈景問題時，發現用 IE 7 及 6 版本進入網站，CPU 會飈高，持續載入中的空白畫面久久沒有回應，被逼要中止程式，而 IE 8 及其他瀏覽器就無此問題。( 補註：更正為只有 IE 7版本，IE 6 的於後來經再測試後確定無問題。) 　　是什麼原因導致 CPU 飈高？這是繼上次替網友測試某專業佈景網站所提供的佈景而發現<title>排序問題後的另一個挑戰自己的難題 ... 　　在我的認知裡，會因佈景問題造成 CPU 飈高的，大多是出在 javascript 上，但在網友提供某免費佈景網站的佈景裡，除了引用一條 js 檔不存在的死連結外，根本就沒有用到任何 javascript。眼看 theme.h...

1 2 »

最 新 發 表 及 資 訊 區

最新公告

此為池水間 banner ，需要安裝 Adobe Flash Player 才能觀看內容。

文章分類

最新浮生錄文章

最新留言

最新留言：2012-Jan-6　11:13am
留言編號：76
留言者： wuji888
網主回覆： 有
總留言數： 71

前往萍踪留影

造訪統計

今天：49
昨天：362
本週：1883
本月：11899
總計：433136
平均：311

連結

Powered By XOOPS
Valid XHTML 1.1
Valid CSS 3
除另有註明外，本站內容均採用 Creative Commons 姓名標示-非商業性-相同方式分享 3.0 授權條款授權
登 入