ahikorのブックマーク - はてなブックマーク

ahikor id:ahikor

ブックマーク / blog.webcreativepark.net (7)

IEでposition:fixedを再現するFixed positioning
IEでposition:fixedを再現するFixed positioning Fixed positioningはIEで固定配置つまり、position:fixedが利用可能になるjsライブラリです。 IEの6以下のバージョンにはposition:fixedが正常に動作しないというバグがありますが、それを解決するのがこのFixed positioningです。設置方法 head要素内などで、ダウンロードしたfixed.jsを読み込みます。 <script type="text/javascript" src="fixed.js"></script> これだけでposition:fixedが正常に動作するようになります。サンプル関連エントリーテーブルをソートできるようにするjsライブラリ-table sorting 画像に鏡面効果を与えるreflection.js 半角ｶﾅを全角カ
ahikor 2007/09/29
Internet Explorer

JavaScript

library

CSS
リンク
PHPでQRコード生成
PHPでQRコード生成 QRcode Perl CGI & PHP scripts ver. 0.50gを利用すると驚くくらい簡単にQRコードの作成が可能です。 PHP版について説明します。(Perl版でもほとんど同じですが) 使用方法ダウンロードしたqr_img0.50g.zipを解凍してサーバーの適当な所にアップします。 qr_img.php?d=[QRコードに埋め込みたい文字列(要URLエンコード)] にアクセスすると生成されたQRコードが表示されます。引数に&s=[イメージのサイズ]や&t=[画像タイプ]を追加することにより、ある程度汎用性がある形で生成することが可能です。 GDを使って生成されているので、毎回生成するのではなくキャッシュ化するなどの工夫は必要です。キャッシュ化サンプル header("Content-type: image/png"); print make
ahikor 2007/09/18
mobile

PHP

QR Code

library

introduction
リンク
複数の文章をまとめてコピー&ペーストするツール-CLCL-
複数の文章をまとめてコピー&ペーストするツール-CLCL- この仕事で多い作業がコピー＆ペーストの繰り返しです。複数の文章をまとめてコピーしクリップボードに格納するCLCLというツールを使い始めたので紹介します。セットアップ VectorよりCLCLをダウンロードして解凍します。ダウンロードしたclcl111.lzhを解凍しCLCL.exeを実行します。タスクトレイにクリップのアイコンが表示さればCLCLが実行された状態です。使い方まずはコピーします。複数の文章を1個づつ『Ctrl + C』でコピーをしていきます。次にペースト(貼り付け) 『Ctrl + V』では最後にコピーした文章しか張り付けられません。ペーストしたい箇所で『Alt + C』と入力ると、今までコピーした文章(や画像)がツールチップで表示されますので、ペーストしたい物の番号を入力すれば、その番号の物をペー
ahikor 2007/08/31
Windows

software

introduction
リンク
ユーザーがページのどこをクリックしたか解析するツール[to-R]
ユーザーがページのどこをクリックしたか解析するツールユーザーがどのようにサイトを巡回しているかはアクセス解析なのでわかりますが、ページのどこをクリックしたかも知りたくないでしょうか？今回は、ページのどこがクリックされたかを解析するツールを紹介します。 Crazy EggはwebページにJavaScriptのコードを一行追加するだけでwebページのどこがクリックされているかを解析できるおもしろいツールです。ちなみにto-Rを解析した所、このような結果になりました。最初のエントリーの『続きを読む』にクリックが集中してますね。 CSSのカテゴリーページも結構人気っぽいです。お約束として『パーマリンク』を用意しているのですが全くクリックされていませんので必要なさそうですね。などアクセス解析やデザインを見ているだけではなかなか見えないwebサイトの性質が見えてきます。セットアップまず
ahikor 2007/08/21
Web Service

JavaScript
リンク
Re:href=
Re:href="#" onclick の悪習ネタ元：某日記：href="#" onclick の悪習 <a href="#" onclick="...">検索</a> なんて書き方やめようぜ！というお話 a要素のhref属性に値が入ってるとonclick属性の内容を実行後にhref属性の値を参照しようとする。 #なんかが入ってるとページの一番上部にページ内遷移をする。(※1) 某日記さんの代替案ですけどspanで代替するもの <span style="cursor: pointer" onclick="...">検索</span> 私だとこんな書き方 <a href="javascript:void(0)" onclick="...">検索</a> onclickイベントハンドラを実行しようとしてるなら、こんな書き方もある <a href="javascript:（onclickの内容
ahikor 2007/08/04
JavaScript

HTML

memo
リンク
ブロックレベル要素の高さを揃えるheightLine.js[to-R]
ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。このライブラリは新バージョンがあります。レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja
ahikor 2007/07/27
JavaScript

library
リンク
IE6とIE7で検証する方法
IE6とIE7で検証する方法 2006年、待望のIE7がリリースされまた。これまでIEのCSS実装の不十分に悩ませれた来たwebクリエイターの作業が、楽になるかというとそんなことはありません。世の中の多くの人がIE6を使用している現状を考えるとIE6に対応させなくてはいけません。ただ、既にIE7をインストールしたPCではIE6をインストールできない為、通常の方法では検証ができません。検証を行うにはいくつかの方法がありますが、スタンドアローン版のIE6を利用するのがお手軽でしょう。スタンドアローン版とは単体で起動できる、つまりインストールせずに使用できるソフトになります。スタンドアローン版はbrowsers.evolt.orgで配布されています。 IE3～IE6などの古いバージョンのIEが配布されていますのでさまざまなブラウザで検証ができます。 IE6はie6eolas_nt.z
ahikor 2007/07/18
browser

Internet Explorer

memo
リンク
1