背景色の透過

2013/05/28

背景の透過はブラウザ種類によって書き方が様々。

opacity

opacityで透過してしまうと対象タグ内の要素まで透過してしまうので、背景だけ透過するのは現実的でない気がします。

背景に透過画像

background で背景を透過画像にするのがブラウザ依存が少ないのがメリットだけど、デザインがfixしない場合は非効率であるのと、コンテンツが重くなりがちです。

rgba()

今のところrgba()を使うのがいいような気がしますが、IE8以前では利用できないので、IEでは filter で代用してやります。

ということで、現状自分なりにメンテしやすいのが以下の書き方かと。 jQueryでも指定できますし。

例

[css] background-color: #f1d46f; filter:progid:DXImageTransform.Microsoft.Alpha(Style=2,Opacity=90,FinishOpacity=90); background-color: rgba(241, 212, 111, 0.7); [/css]

wgetでコンテンツを全てダウンロードする

Linux 2013/05/09

「wgetでwebサイトを丸ごとダウンロードする場合は・・」を参考にwgetでコンテンツを全てダウンロードするコマンドのメモ

wget --recursive --no-clobber --page-requisites --html-extension --convert-links --restrict-file-names=windows --domains ドメイン --no-parent URL

オプション

--recursive：関連する全てのサイトを保存 --domains：指定ドメイン以外のlinkの先を保存しない --no-parent：親ディレクトリのリンク先を保存しない --page-requisites：画像やCSS等､ウェブサイトを構成する全ての要素取得 --html-extension： HTMLファイルに拡張子「.html」を付加 --convert-links：HTML中のリンクを相対指定に書き換え --restrict-file-names=windows：Windows用にファイルネームを修正 --no-clobber：ファイルを上書きしない

Timerを動かす（その２）

Android 2013/04/01

ServiceでTimer を動かすでServiceを利用してタイマーを動かしたが、handlerを利用して実行する事もできるみたいなのでメモ。

サンプル

ストップウォッチの要領で動作します。 [java] timer = new Timer("timer task", true); timer.schedule(new TimerTask(){ @Override public void run() { handler.post( new Runnable() { public void run() { lapTime += 0.01f; DecimalFormat decimalFormat = new DecimalFormat("0.00"); BigDecimal decimal = new BigDecimal(lapTime); float outputValue = decimal.setScale(2, BigDecimal.ROUND_HALF_UP).floatValue(); timeTextView.setText(decimalFormat.format(outputValue)); } }); } }, 10, 10); [/java]

[java] new Timer("タスク名", true); [/java] のtrueはデーモンスレッドで実行します。

Amazonのドロップダウメニュー

JavaScript 2013/03/07

jQuery-menu-aim

[Node.js]セットアップ

JavaScript 2013/01/25

最近、全然勉強してないのと今更ながらNode.jsを仕込んでみる。

ここを参考にインストール（node.js自体はソースからインストールした）

基礎から学ぶNode.jsで利用方法も参考

必要パッケージ

- npm - nvm - build-essential - curl - git - libssl-dev

node.jsインストール

node.js自体はexpressが動作しなかったのでソースからv0.8.xをインストールした。

./configure make sudo make install

nvmインストール

aptitude update

aptitude install build-essential curl git libssl-dev

nvmインストール

Githubからダウンロード

git clone git://github.com/creationix/nvm.git ~/.nvm

シェルスクリプト実行

source ~/.nvm/nvm.sh

※失敗する場合は、aptitude update

nvmでv0.4.8をインストール

nvm install v0.4.8 nvm use v0.4.8

結構じかんがかかる

expressインストール

sudo npm install -g express

socket.ioインストール

npm install socket.io

.profileに登録

ログイン時に利用可能にするため、.profileに以下を記述

source ~/.nvm/nvm.sh nvm use "v0.4.8"

Node.js起動確認

以下のコードを、app.jsで保存※IPは任意


var http = require('http');
http.createServer(function (req, res) {
  res.writeHead(200, {'Content-Type': 'text/plain'});
  res.end('Hello World\n');
}).listen(1337, "192.168.1.56");
console.log('Server running at http://192.168.1.56:1337/');

node アプリ名で起動する

node app.js