Ajax - LITBox(Lightbox風ダイアログ表示ライブラリ)の一歩先行く使い方｜アークウェブのブログ
SEの竹村です。 Lightboxという画像のサムネイルをクリックすると同じ画面上で拡大画像を表示できるJavaScriptのライブラリがあります。Lightboxについては、以下の公式ページのほかに、様々なブログに評価や応用例が掲載されているので検索してみてください。 Lightbox JS http://www.huddletogether.com/projects/lightbox/ 同じように、リンクをクリックすると同一画面上でBOXが開き、HTMLを表示するライブラリがあります。それが今回取り上げる LITBox です。 Ryan J Lowe’s Dev Blog ? Blog Archive ? LITBox http://www.ryanjlowe.com/?p=9# これは、URLを与えると非同期でデータを取ってきて、BOX内に表示するものです。 その他の基本的な使い方に
アクセシビリティを更に高めるFIR | Blog hamashun.com
text-indentや他の方法でテキストを追いやって、代わりに画像を配置するテクニック、いわゆる画像置換やFIRと呼ばれるテクニックがあります。 これは音声ブラウザにおいても情報が読み上げられる事から、高いアクセシビリティを持つテクニックとされています。 主にナビゲーションなどで利用されていますが、最近では徐々に使われなくなってきているとか。 恐らくその理由は、CSSが有効で画像がオフの場合に、何も表示されないという点からだと思います。 まあ、そんな環境がどれだけあるのかは分かりませんけれど。 今回は、極力アクセシビリティを高めつつも、それなりにデザインを保てる方法をご紹介します。 アクセシビリティを高める、という意味では、テキストリンクにしてしまうのが一番です。 これならどんな環境でもほぼ対応できます。 しかし、デザイン的な問題が残ります。 特にメインナビゲーションなどには、やはり背景
Monospace/Fixed Width Programmer
Becoming frustrated with source code not aligning in my favorite source editor I decided to hunt for the best font. In particular, I began to hunt down the available fixed-width or monospaced fonts. What are monospaced fonts you ask? From Xerox: Monospace fonts (Such as Courier or LetterGothic), or "fixed pitch" fonts, contain characters that all have the same character width, producing text that
今日の井原.
オープンソースな画像解析ライブラリであるところのOpenCVには、顔認識の機能がある。これの使い方を簡潔にメモしておく。 ダウンロードはここから。複数のバージョンが提供されているが、ここではbeta5というのを選ぶ。また、Windows版とLinux版が提供されているが、ここから先は、Windows版を用いた場合のやり方を書いていく。 OpenCV_b5a.exeのダウンロードが完了したら、実行してマシンにインストールする。インストールでは、特に迷う箇所はないだろう。以後の説明は、デフォルトのパス(C:\Program Files\OpenCV)にインストールしたものとして書いていく。 インストールが終わったら、"C:\Program Files\OpenCV\bin"にパス(環境変数のPATH)が通っているかを確認する。通っていなければ通しておく。 OpenCVには、インストール
VMware Player を導入してみました
【 Topics 】 ブログを引っ越しました。こちらのブログは現状のまま凍結します。（2020年10月14日） 引越し先: Operation Normal ? (v2)（同一サイト内です） 【2009年10月29日追記】 VMware Player 3.0 についての記事をこちらで書いています。3.0 では VMware Player 単体での仮想環境の作成が可能となり、当記事で述べている様な方法を取る必要は無くなりました。 ネット上で、「VMware Player によって簡単に、しかも無料で仮想 PC 環境を構築することが出来る」という話を目にしましたので、私も挑戦してみることにしました。 ホスト OS が Vine Linux 3.2、ゲスト OS が Windows 2000 です。 取り敢えず絶対に必要なものは下記の3つ。 VMware Player 空のディスクイメージファイ
SEOが通用しなくなる時代 | ユージック
SEOが通用しなくなる時代 2006年12月9日 最近では住太陽さんが提唱するように、ＳＥＯという小手先の技術が通用しなくなる時代になってきているという事をひしひしと感じます。 というのも、検索エンジンの精度の向上とＳＥＯという従来の手法が蔓延し飽和状態となっている点があげられるからです。 以前までは「ウェディング」「ウエディング」といったような誤字もキーワードに含めるなどのSEO対策をしてきましたが検索エンジンの精度が上がり「ウエディング」と打ち込んでも「ウェディングではありませんか？」といった感じに訂正されたキーワードを教えてくれるサービスもでてきました。 検索の仕方という観点からも検索エンジンのパーソナライズ化によってユーザーが情報を選択できるようにな時代になってきています。※GoogleパーソナライズドやRSS等。 それ以外での最近の検索エンジンの動向を以下にまとめてます。 同じド
#feature
Log4js ist eine sehr kleine, aber nützliche JavaScript-Bibliothek, um Ereignisse in Ihren Skripten zu protokollieren. Oft ist es nicht sinnvoll, alert(‚debug message‘) zu verwenden; verteilt über Ihren Code. Andererseits kann Ihnen ein Debugger wie venkman auch nur helfen, wenn Sie auf Ihrem eigenen Computer debuggen und wenn Sie FireFox als Browser verwenden können. Aber die meisten Probleme tret
フリーのアイコン配布サイトいろいろ:phpspot開発日誌
More Symbols, Buttons and Icons For Free | Smashing Magazine We continue to collect best freeware and stock symbols, buttons and icons. Here are few sets we’ve stumbled upon over the last few weeks. フリーのアイコン配布サイトいろいろ。 ライセンス形態はそれぞれ違いますが、基本的にフリーなのでWEBアプリなどに使えそう。 Toolbar Icons - ロイヤリティフリー IconCool - 登録すればフリーで利用可能 Gallery 2 Web Icon Set - オープンソース。何でも使ってOK 14 sets in .PSD-format Twotones Miniicon-Set
WiiリモコンでPowerPointを操作できるか
12月2日に発売された任天堂の新型ゲーム機「Wii」。すでに37万台を売り切り、好調なスタートを切った（12月7日の関連記事）。筆者も購入しようと思っていたが、残念ながら現在のところ手に入っていない。が、しかし、お買い得だといわれている「はじめてのWii パック」は入手したのだった。 →動画はこちら 何がお買い得かというと、定価3800円の「Wiiリモコン」が、ミニゲーム集である「はじめてのWii」とのパックだと4800円で購入できるのだ。……と、Wiiを買えなかった筆者が胸を張るのもいささか滑稽ではあるが。 さて、年度内に全世界で600万台を販売するという任天堂のことだから、いずれWiiは手に入るとして、現在手元にあるWiiリモコンを何とかして有効利用したい。幸運なことに、WiiリモコンはBluetoothによる通信機能を搭載している。Bluetooth搭載PCか、Bluetoothアダ
TRANS [hatena] - 印刷用CSSをまとめてみた。
以前、絵文禄のことのはさんのところで、サイトの横幅を640ピクセルにする理由――統計と現状に基づく結論というエントリーがあった。それから、ちょっと印刷用CSSに興味を持って、色々と調べてみたり、自分で書いてみたりした。そのまとめ。 ちなみに、#naviがグローバルナビゲーション、#primaryがメインコンテンツ、#secondaryがサブメニュー、#footerがフッター。 とりあえず、最低限やっておいたほうがよいこと。 body { font-size: 12pt; color: #000000; background-color: #FFFFFF; } a:link, a:visited { text-decoration: underline; color: #000000; } img { border: 0; } 印刷で読まれることを勘案するのなら、font-sizeはある程度
![TRANS [hatena] - 印刷用CSSをまとめてみた。](https://cdn-ak-scissors.b.st-hatena.com/image/square/860579fb9ea6fc896c86331cc2f3af60ddeb6ef1/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F6435988827676522384%2F6435988827676523499%2F1448268251)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://elastic965.80code.com/blog/2006/12/csspro
http://elastic965.80code.com/blog/2006/12/resolution
IBM リダイレクト - Japan
我的春秋: タグクラウドのマークアップ
CSS Navigation Techniques (37 entries)