星期五, 1月 25, 2013

【網頁開發】網頁假圖測試工具


在開發編寫網頁的初期,常常會不知道網站的風格, 或是沒有圖片可以代替,
要一堆IT程式開發者先弄出美美的照片, 真的是會搞死人,
因此就多了這套免費OPEN SOURCE的小工具,
只要在開發時將需留下的照片的部分用以下的語法來代替, 等到美編把圖交付之後,
再進行圖片的取代,這樣子程式語法就可以先預作留白, 這還真是個不錯的好方法呢!

<img src="http://fakeimg.pl/300/">
<img src="http://fakeimg.pl/250x100/">
<img src="http://fakeimg.pl/250x100/ff0000/">
<img src="http://fakeimg.pl/350x200/ff0000/000">
<img src="http://fakeimg.pl/350x200/?text=Hello">
<img src="http://fakeimg.pl/350x200/?text=World&font=lobster">


資料來源Fake images please? placeholders all the way

2 則留言:

  1. 這個和之前寫的貓圖片有一樣的功能呢! 請參考這篇: http://diary.tw/tim/927

    回覆刪除
    回覆
    1. 貓圖更讚,至少可愛多了。=^.^=

      刪除