stu nicholls | CSS PLaY | experiments with cascading style sheets | home page
What it's all about... "Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents." The above quote, taken from the W3C website, is one of the reasons for this site. Whilst I agree that it is a mechanism for adding style to web documents, I do not agree that it is a SIMPLE mechanism. It can be very complicated, as I found out when I took my
GV-MVP/GX2インプレッション - etc
メーカーサイトはこちらから いつものようにスペックはサイトをみてもらうことにして私なりの印象を。 ・MPEG4ハードウェア対応 というのがこの製品の大きなウリでしょうか。 実際に高速です。 番組同時録画(MPEG2+MPEG4)も可能であり、既存のムービーファイルの変換（トランスコード）も可能です。（後者は要アップデート） 適当なファイルでいくつもやってみましたが、実時間対比で1/3から1/4ぐらいであっという間にトランスコードされます。これは凄いわ。 従来のソフト変換では実時間以下の環境を用意するのも結構CPUパワーがいりますから実はかなり金がかかるわけです。 近年はiPodやPSPや携帯電話などで動画再生ができるようになり、MPEG4をもっと速く変換したい、なんて人も増えているのではないかと思います。 CPUが非力で時間がかかり忸怩たる思いをしている人も多いかもしれません。 通常はCP
Gmail経由でPCを終了したりする「Gmail Remote Command」 - ネタフル
Download of the Day: Gmail Remote Commandというエントリーより。 Windows only: Freeware program Gmail Remote Command lets you send commands to open files or shutdown your computer through your Gmail account. Windows用のソフトで、Gmailを通してコンピュータをリモート操作し、ファイルを開いたりPCを終了したりすることができる「Gmail Remote Command」がLifehackerで紹介されていました。 インストールして設定したら、あらかじめ定義したタグをメールでコマンドとして送信することで、PCを遠隔操作できるようになるそうです。 例えばということで‥‥ sending an email w
GIGAZINE - クリックするだけで編集可能な「Easy AJAX Inline Text Edit」
GoogleCalendarもそうでしたが、クリックするだけで編集可能になり、そのまま別のところをクリックすれば保存完了というAJAX。 いちいち「編集」とか「保存」とかそういうボタンを押さずに済むのでラクチン。 例はこちら。 Example page: instant edit AJAX-style http://www.yvoschaap.com/instantedit/ ソースコードのダウンロードや解説は以下を参照。 YvoSchaap.com ほかにもダブルクリックでインラインディタとして「FCK Editor」を呼び出す例。 Inline Text Edit with FCK Editor
水面に反射するような効果を画像に加えるJavaScript「Reflection.js」
上記画像を見れば分かるように、水面やなめらかな金属などに映り込んだような効果を画像に簡単に持たせることができるようになります。わざわざ画像を加工するソフトウェアを起動する必要がなくなるというわけ。映り込みの度合いも調整可能です。 Internet Explorer 5.5以上、Firefox 1.5以上、Opera 9以上、Safariで動作する模様。 Reflection.js http://cow.neondragon.net/stuff/reflection/ 「class="reflect"」というのを加えるだけで基本的に利用可能になります。画像ごとに効果を加える必要がなくなるというのがメリットらしい。ブログのアバター画像などで使うことを主目的に開発されたらしいですが、そのほかにも何か面白いことができそうな気もする。 なお、上記サイトからWordpressやphpBB、vBulle
Macをスマートにバックアップする方法 - ネタフル
Backup your Mac the smart wayというエントリーより。 The Sitening Blog has a how-to that’ll explain in some detail the “smart way” to keep your Mac backed up. Lifehackerで、Macをバックアップするための方法が書かれたエントリーが紹介されていました。How To Backup Your Mac Intelligentlyがそれです。 バックアップも重要性は認識しつつも、ついついおろそかになりがちだと思いますが、できるだけ簡単にバックアップできるのがポイントなのかもしれませんね。 ということで、いくつか方法が紹介されています。 まず、メールはGmailを使うというもの。メールデータは年々肥大化していくと思いますが、それを丁寧にバックアップしていくのは
FireBug に JavaScript デバッガが付いて便利すぎる件について - IT戦記
Firebug を更新したら、またもや凄いことになってました。 まずはこれを見てください。 http://sample.ecmascript.jp/20060526.htm 要は JavaScriptをステップ実行しながら結果を確認できる。 変数の値をウォッチできる。 適当にブレークポイントを貼ってスタックを追えば、他人のサイトを簡単にハックできる。 うれしい！たのしい！こんにちわ！ FireBug のインストール https://addons.mozilla.org/extensions/moreinfo.php?application=firefox&id=1843
iv.xight.org - 情報視覚化
■ Information Visualization の用途 情報検索 データ解析 プログラムデバッグ ■ Information Visualization に必要な技法 必要なものだけ表示する技法 画面の表示可能領域に制限 情報を選択的に表示 ズーミング手法・フィルタリング手法・重要度計算手法・画面を歪ませて表示する手法 e.t.c. 全体と詳細を同時に見る技法 全体を概観しながら詳細も見ることが可能 ズーミングの応用 抽象データの画面へのマッピング技法 表示すべきデータがユーザ操作により変化 表示すべき情報をどのような位置，形，色で表示するか グラフの自動配置手法・階層構造の表示手法 e.t.c. 自動レイアウト技法 重なりがちゃんと見えるように グラフの自動配置手法の一つ？ インタラクション技法 直接操作によって画面を移動・拡大させたり，条件を変更して動的検索を行ったりする手法
HTML構造のグラフによる可視化 | 秋元@サイボウズラボ・プログラマー・ブログ
[2006/5/28 追記] applet バージョンが公開されたので、自分のページのHTMLを可視化することもできるようになった。 論文にありそうなネタで、じつは同案多数かもしれないが, Websites as graphs では、HTML の構造を要素ごとに色分けしグラフ化する作業を著名ないくつかのサイトについて行なったという。下はグーグルのもので、 以下のような色分けになっているという。 青: リンク (A タグ) 赤: テーブル (TABLE, TR , TD タグ) 緑: DIV タグ 紫: 画像 ( IMG タグ) 黄色: フォーム (FORM, INPUT, TEXTAREA, SELECT OPTION タグ) オレンジ: 改行と引用 (BR, P, BLOCKQUOTE タグ) 黒: ルートである HTML タグ 灰: その他のタグ 元記事ではもっとたくさんの実例が出てい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
caramel*vanilla
caramel*vanilla Wordpressのプラグイン’Canvas’がすごすぎる件
SVNManager - PHP Subversion Repository Administration - Introduction