顯示具有 線上資源 標籤的文章。 顯示所有文章
顯示具有 線上資源 標籤的文章。 顯示所有文章

2011/06/21

google code pretty test

//php 
echo "hello";


//javascript
alert( "hello");


//java
public class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello! World!");
    }
}

//css
body{margin:0;padding:0;}

//mysql
SELECT * FROM my_table WHERE id<30;
//html
<h1>  hello </h1>

今天試了google-code-prettify ,
以常用的是 syntaxhighlighter,
感覺其實差不了多少,
方便就好。

試到 html 時,
因為遇到了'<' 、 '>'就出問題了,
試了好幾次,
找了官網的說明…太簡短又都英文,
想說程式是可以跳出之中那就太厲害了…
後來發現我在耍笨,
在html中應該是避不了'<'、 '>'的吧!
還是得要用來代替'&lt;'、' &gt;' 。
哈!怎麼會犯這麼基本的錯誤。

2010/06/20

joomla 上的 lightbox效果

lightbox也可以應用在joomla,
就看怎麼去安裝進去,
不過在rockettheme上看到一個更方便的東西…RokBox,
不過這是joomla專用的模組。

官方網頁如下:
  1. 說明
  2. demo
可以直接使用於
  1. 圖片
  2. flash
  3. youtube
  4. 網頁
  5. 播放mp3
  6. 播放flv影片
  7. 瀏覽PDF

2010/06/07

cooliris

雖然flash飽受html5的挑戰,
但它一直是網路內容引人入勝的元素之一,
而且flash靠著adobe公司一己之力不斷進步的軟體。
  1. 雖說「一己之力」,但adobe可能有上千個程式員在開發!因為adobe公司把flash非常嚴格的限制在自己的手裡,比起其他程式…算少的。
  2. 比起其他如photoshop、illustrator,flash真的是進步神速。
  3. 至於從macromedia來的dreamweaver…也許進步很多,但我只用他的homesite的功能…就是輸入字母就可以選字的功能,以防我手動輸入錯誤。
跟據以上3點…我覺得flash真是一直在進步、更新的軟體。

2010/05/27

http://www.favicon.cc/

favicon.ico 是一個特別的檔案,
把他放在網站的第一層目錄之中,
就算沒有特別在網站指出ico的路徑,
瀏覽器還是會自動會去找出 favicon.ico來當圖示,
當然這是預設值。
如果在 header 中有指定 ico 的位置,
瀏覽器就會依據網頁給的資料去取得 ico。

讓我們來看看favicon.cc這個網址吧!
可以直接在線上畫出favicon.ico,
並且幫我們存在網站裡面,
可以直接在網頁中指出ico的路徑,
或是下載之後再上傳到網站根目錄。
2種方法都一樣方便。

除了.ico可以作為網站圖示之外,
現在還可以使用.png來做動態圖示,
不過在ie6好像是不支援的。

ico 一直是一個很有趣的圖示,
因為它除了可以當網站的圖示外外,
也可以拿來當作桌面的圖示,
像是可以自已畫一個 ico,
然後當成「我的電腦」的圖示,
像我在當兵的時候就拿自己的大頭當成「我的電腦」,
於是每個使用電腦的人都會知道他正在用的是…小弟我的…電腦。

有一陣子迷上了做ico,
所以下載了軟體,
通常可以畫ico的軟體,
也可以做出滑鼠圖示,
就是「箭頭」、「手指」等的圖案,
不過畫風會很像是像素畫,
如果要畫出smooth一點的圖案,
就要先用向量畫出來,
再轉案即可。

來看幾個我畫過的圖案吧!
也許這個小框框裡面並裝不下什麼雄心大志,
好好的利用也可以展現出獨一無二的巧思,
網路上也有很多特別的文章可以參考。

  1. http://logodesignerblog.com/tag/favicon/