歡迎來到小豬圈!

2012-11-12

使用 <img> 或 CSS/background-image 的時機

  • <img>:
    • 適用於“屬於內容”一部份的圖片,像是旅遊的文章與其相片
    • 使用 alt 屬性,有利於無障礙設計
  • CSS/background-image:
    • 適合用於“不屬於內容”一部份的圖片,像是清單圖示、裝飾用圖
    • 可以用於“以圖代文”,參考 css Zen Garden 裡用底圖取代標題文字的作法
    • 可以使用 CSS sprites 減少下載次數與頻寬
    • CSS2 還無法縮放圖片大小 (CSS3/background-size)

2012-09-07

在 Google Calendar 顯示農曆日期


  • 剛剛才知道 Google 日曆可以顯示農曆(陰曆)。到“設定”裡選擇“非公曆”即可。

2012-07-31

CSS height:100% 無法佔滿畫面整個高度

  • 結論:連 html 與 body 都要設定 height:100%
  • <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html>
      <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <style type="text/css">
    html
    {
      height:100%;
    }
    body
    {
      height:100%;
      margin:0;
      padding:0;
    }
    div
    {
      border:1px solid black;
      background:green;
      height:100%;
    }
        </style>
      </head>
      <body>
        <div>long long long long long long long long text with break</div>
      </body>
    </html>

表格(table, td) 的 overflow 屬性無作用

  • 直接記結論如下:
  • table 要加上 table-layout:fixed 的屬性
  • table 要設定寬度 width 的屬性,僅有 td 設定寬度是不夠的!
  • 如果連有空格分隔的段落也要隱藏,則加上 white-space:nowrap
  • 「overflow:hidden」!

2012-07-13

Flash 11.3 頻當機

2012-07-06

SQLite 預設時區為GMT

  • 若將 SQLite 資料庫裡的時間欄位,設為自動填入目前的時間(如下例),則預設時區一律是 GMT(+00:00) ,而非 php.ini 所設定的時區。
  • CREATE TABLE table_name
    (
      col_name DATETIME DEFAULT CURRENT_TIMESTAMP
    );
    
  • 解決方案之一是從 PHP 裡轉換:
  • <?php
    $get_datetime_form_sqlite = '2009-03-21 13:14';
    
    $myDateTime = new DateTime($get_datetime_form_sqlite, new DateTimeZone('GMT'));
    echo $myDateTime->format(DateTime::ISO8601);
    //output: 2009-03-21T13:14:00+0000
    
    $myDateTime->setTimezone(new DateTimeZone('Asia/Taipei'));
    echo $myDateTime->format(DateTime::ISO8601);
    //output: 2009-03-21T21:14:00+0800
    
  • 另外就是做 SQL 查詢時轉換:
  • SELECT datetime(col_name, 'localtime') FROM table_name;
    

標籤分類

Blog Archive

Labels

Google Analytics Tracking Code

About Me

My photo
Keelung, R.O.C, Taiwan
一個不學無術、混吃等死的傢伙…