Jeul CCC

2013年2月22日星期五

HTML <input> size Attribute

HTML <input> 設定同樣 size，單位是 character，但在不同瀏覽器顯示的寬度卻不同，找到兩種解法：

使用 CSS width Property^{[參考來源]}
使用 FIXED space font^{[參考來源]}，例如
input {font-family: monspace}

前端工程開發實務 -- 很棒的教學課程
w3schools: HTML Reference -- 所有 HTML 標籤列表
The Elements of Meaningful XHTML --

eval

有些 (還是大部份？) 指令檔語言都有 eval 函數，例如 JavaScript、bash，把臨時產生的字串當成程式碼執行。也就是當成程式碼的字串，可以臨時去別的地方抓過來，可以用任何處理字串的方式處理過。

eval 是 evaluate 或 evaluation 的縮寫。

例如下面用戶端 JavaScript 範例：


try {
    alert("Result: " + eval(prompt("Enter an expression:", "")));
}
catch(exception) {
    alert(exception);
}

瀏覽器開啟後會提示使用者輸入程式碼 (prompt)，然後透過 eval 去執行，最後顯示結果。

使用 Ubuntu 12.10

安裝：參考 VAIO S13 安裝 Ubuntu 12.10
安裝 hime 輸入法

右上角

系統設定值...

亮度與鎖定

鎖定 (關：不鎖定螢幕)
從暫停狀態下喚醒需要密碼 (不選)

始動應用程式：Dash 尋找「始動應用程式」。[詳細參考]
Web App 整合功能

http://www.openfoundry.org/tw/foss-news/8777-ubuntu-1210-web-app-
unity-webapps-gmail, unity-webapps-googleplus：不曉得是不是網頁開啟時加上去的

音檔

raw file

播出來：play -f s -r 8000 -s w test.raw
轉換成 wave 檔：sox -t raw -r 8000 -s -w -c 1 test.raw test.wav
畫出波形：octave

wave file

播出來：play test.wav

MPlayer 音樂播放去除人聲

Audacity 音樂檔編輯
聲音處理軟體Audacity & 語音分析軟體Praat

影像處理

sudo apti-get instsall gimp
或
sudo apt-get install pinta (這個是基於 mono 的)

註：gpaint 連 undo 也沒有。小畫家等級的程式似乎都沒有 cropping 功能，rgbprint 似乎是不錯的簡易版，mtPaint 預設黑背景及紅前景有些奇怪。kolourpaint 是基於 KDE 的。

Dropbox

安裝：「Ubuntu 軟體中心」搜尋「dropbox」

Dropbox Uploader：參考 Dropbox Uploader Bash Script: Useful For Servers, Raspberry Pi And More

Google Drive

Google 硬碟目前還沒有官方的用戶端程式
How To Use Google Drive on Linux: 2 Unofficial Solutions

舊文章：

參考：

Linux 安裝與使用

Linux 架 tftp server

Ubuntu 12.10 架 tftp server，放 tftp 檔案目錄用 /tftp

步驟如下：
sudo apt-get install tftpd-hpa
sudo chmod 777 /var/lib/tftpboot
cd /
sudo ln -s /var/lib/tftpboot

或者
sudo chmod 777 /srv/tftp
cd /
sudo ln -s /srv/tftp /tftpboot

然後檔案放到 ~/tftpboot 就可給 tftp client 取用

停用 tftpd
sudo service tftpd-hpa stop

啟用 tftpd
sudo service tftpd-hpa start

設定檔：/etc/default/tftpd-hpa

需要加參數 --create？

2013年2月21日星期四

HTML 表格排序：使用 tablesorter

想要讓網頁表格依某一欄排序，不想在伺服器端動手腳，看 jQuery 能不能在瀏覽器端達成。網路搜尋 jQuery 表格排序，得到的答案就是要加用 tablesorter plugin，那就來用看看。

使用 tablesorter 很簡單，前提是表格必須要有 <thead></thead> 及 <tbody></tbody> 讓 tablesorter 知道表頭跟表身在哪裡。除此之外只需要文件載入後呼叫 tablesorter()，並可作預設排序欄位等設定。tablesorter 會自動偵測大部分的資料格式，例如數字、日期、IP 位址等。

網頁 <head> 區範例如下：

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.tablesorter.js"></script>
<script>
$(document).ready(function() {
$("table").tablesorter({ // 呼叫 tablesorter
sortList: [[0,0]] // 預設排序：第一欄，由小而大
});
});
</script>

2013年2月6日星期三

CSS vertical-align

垂直對齊。例如文字跟圖片擺在同一行時，預設是 baseline 對齊，像是這樣：

An

image with a default alignment.

如果想要中間對齊，可加「style="vertical-align: middle;"」，結果如下：

An

image with a default alignment.

其它垂直對齊方式可見參考 1。

參考：

http://www.w3schools.com/cssref/pr_pos_vertical-align.asp
http://www.w3schools.com/css/tryit.asp?filename=trycss_vertical-align

2013年1月14日星期一

VAIO S13 安裝 Ubuntu 12.10

VAIO S13 筆電，型號 SVS13123CW，GPT 格式硬碟預裝 Windows 8 64-bit，UEFI 模式開機。要再安裝 Ubuntu 12.10 64-bit，讓它可以雙開機 (dual boot)。

註：Ubuntu 32-bit 不支援 UEFI，64-bit 的才支援。~~另外，需要 64-bit 作業系統才能用到已升級為 8GB 的記憶體。~~
註：已經將 BIOS 的 Secure Boot 關閉，這樣不影響 Windows 8 正常開機。

按照 Installing Ubuntu Quickly and Easily via Trial and Error 的步驟安裝 Ubuntu 12.10 64-bit，下面是安裝紀錄：(事實上可以再簡化，如後面說明)

8GB 隨身碟 (4G 應該也可以)，用 UNetbootin 製作成 Live USB。
Live USB 開機 (ASSIST 開電，或電源鍵開電 F2)，選擇「Try Ubuntu without installing」。
執行桌面上的「Install Ubuntu 12.10」，按照一般方式安裝到硬碟，選擇「將 Ubuntu 與 Windows 8 安裝在一起」，會從 Windows 磁碟分割切出 ext4 跟 swap 分割，沿用原本的 EFI 分割。
重開機後是 Windows 8，此時看磁碟分割並沒有變化。再用 Live USB「Try Ubuntu」開機，安裝並執行 Boot Repair，使用「Recommended repair」。
重開機還是 Windows 8，但去看磁碟分割多了兩個。再用 Live USB 開機跑一次 Boot Repair 的「Recommended repair」，重開機還是一樣 Windows 8。
使用 http://askubuntu.com/a/150640 替換 Windows 開機管理程式的方式，解決了問題，看到 GRUB2 選單。(啟用 Secure Boot 這項替換會消失)

上述步驟 3.、4. 跟 6. 應該可以一併執行，而 5. 是多餘的。也就是安裝完 Ubuntu 後，執行 Boot Repair 並替換 Windows 開機管理程式，然後才重開機，如下：

a. Ctrl-Alt-T 開啟終端機視窗
b. 安裝並執行 Boot Repair (需要連上網際網路)

sudo add-apt-repository ppa:yannubuntu/boot-repair && sudo apt-get update
sudo apt-get install -y boot-repair && boot-repair

選「Recommended repair」

c. 替換 Windows 開機管理程式

mkdir mnt
sudo mount /dev/sda3 /mnt
cd mnt/EFI/Microsoft/Boot
sudo mv bootmgfw.efi bootmgfw.efi.old
sudo cp ../../ubuntu/grubx64.efi bootmgfw.efi

註：如果 Live USB 是安裝 Ubuntu-Secure-Remix 64-bit，則應該不需要連上網際網路安裝 Boot Repair，直接執行 boot-repair。
註：試過將 EFI/Boot/bootx64.efi 替換成 EFI/ubuntu/grubx64.efi 沒效。
註：試過《Dual-boot Windows 8 and Ubuntu 12.10 on UEFI hardware》用 EasyBCD 來製作 Windows 8 的開機選單，結果會出現 \NST\AutoNeoGrub0.mbr 找不到的問題。
註：發生過掛載 /dev/sda3 沒看到檔案，重新掛載就可以了
註：發生 Windows 8 開機後發現 C: 碟有問題，重新整理後重開機到一半螢幕沒顯示，使用「重新整理」還是怪怪的，最後「重設」將 Windows 8 重灌後恢復，不會動到 Ubuntu 的磁碟分割。
2013/01/17 補充：Windows 更新有可能覆蓋了 EFI/Microsoft/Boot/bootmgfw.efi，此時需要再替換 Windows 開機管理程式。

其它使用問題

無法掛載 Windows 8 磁碟分割，出現 hibernated，不能掛載。試過 http://askubuntu.com/a/228069 將「Turn on fast startup」關閉也是一樣。
休眠：《我要如何讓我的電腦休眠？》說到支援仍有問題，所以預設關閉。
Windows 網路
有些 Fn 鍵不能使用，包括停用觸控板
螢幕亮度及鍵盤燈自動控制

其它參考資料

Managing EFI Boot Loaders for Linux
Sony Vaio Control device drivers 包括 sony-laptop 及 sonypi
Linux 安裝與使用

附錄：未安裝 Ubuntu 前的磁碟分割

註：sda1 是名為「SONYSYS」的 OEM 磁碟分割，sda2 是名為「Windows RE tools」的修復磁碟分割，sda6 是名為「Recovery」的修復磁碟分割。

附錄：安裝 Ubuntu 後的磁碟分割

ubuntu@ubuntu:~$ sudo parted /dev/sda print
Model: ATA Hitachi HTS54755 (scsi)
Disk /dev/sda: 500GB

Sector size (logical/physical): 512B/512B
Partition Table: gpt

Number  Start   End     Size    File system     Name                          Flags
 1      1049kB  274MB   273MB   fat32                                         hidden
 2      274MB   1819MB  1546MB  ntfs                                          hidden, diag
 3      1819MB  2092MB  273MB   fat32           EFI system partition          boot
 4      2092MB  2226MB  134MB                   Microsoft reserved partition  msftres
 5      2226MB  259GB   257GB   ntfs            Basic data partition
 7      259GB   468GB   208GB   ext4
 8      468GB   476GB   8463MB  linux-swap(v1)
 6      476GB   500GB   23.9GB  ntfs                                          hidden, diag

訂閱：文章 (Atom)

Jeul CCC

2013年2月22日星期五

HTML <input> size Attribute

eval

使用 Ubuntu 12.10

音檔

影像處理

Dropbox

Google Drive

Linux 架 tftp server

2013年2月21日星期四

HTML 表格排序：使用 tablesorter

2013年2月6日星期三

CSS vertical-align

2013年1月14日星期一

VAIO S13 安裝 Ubuntu 12.10

SIP header Via

搜尋此網誌

2013年2月22日 星期五

音檔

影像處理

Dropbox

Google Drive

2013年2月21日 星期四

2013年2月6日 星期三

2013年1月14日 星期一

2013年2月22日星期五

2013年2月21日星期四

2013年2月6日星期三

2013年1月14日星期一