cooshinのブックマーク / 2009年10月27日

cooshin id:cooshin

2009年10月27日のブックマーク (6件)

[JS]簡単に設置できるページ内をスムーズにスクロールできるスクリプト -Page Scroller ver.3 | コリス
以前、紹介した「Page Scroller」のバージョンアップ版「Page Scroller ver.3」の紹介です。追記： 2013年10月26日 ver.3.0.9をリリース jQueryの旧版によるXSSに対応しました。 2011年5月4日デモおよびダウンロードファイルをjQuery1.6に変更しました。 2011年1月31日 ver.3.0.8をリリース機能を追加しました。 2010年11月19日 ver.3.0.7をリリースライセンスを変更しました。 2010年11月17日デモおよびダウンロードファイルをjQuery1.4.4に変更しました。 2010年9月19日デモおよびダウンロードファイルをjQuery1.4.2に変更しました。 2009年7月6日対応ブラウザ（IE8, Fx2.5, Chrome2）を更新しました。 2009年2月23日 ver.3.0.6をリ
cooshin 2009/10/27
jquery

tips
リンク
村上春樹関連の評論を読んでいて「日常性からの逸脱」という言葉を目にしました。また「パラレル・ワールド」... - ryu2republic：　小山龍介ブログ
村上春樹関連の評論を読んでいて「日常性からの逸脱」という言葉を目にしました。また「パラレル・ワールド」という言葉も見かけました。要するに「平凡な日常を流されるままに何となく生きてきた主人公がフトしたことで別世界のなかに入り込み・・」という感覚だと言いたいのだろうと思います。まあそういう読み方も確かにあると思いますが、吉之助は日常と異なる「非日常」が別に存在するというのではなく、「この世界はもともと歪んでおり一定ではなく絶えず揺れており・ある瞬間において世界はまったく別の様相に見える」というのが村上ワールドであると思いますが、そうではないのですかねえ。吉之助は黙阿弥も同じだと思います。黙阿弥の「十六夜清心・百本杭」で清心は何をやってもドジばかり・人を誤って殺してしまうわ・死のうとして川に飛び込んでも死ねないわ。その清心が短刀を腹に構えたまま、「・・・しかし、待てよ。人間わずか五十年、首尾よ
cooshin 2009/10/27
小山龍介
リンク
おっしゃられる通り。Tumblrにおけるreblogにもいえる。... - ryu2republic：　小山龍介ブログ
おっしゃられる通り。Tumblrにおけるreblogにもいえる。以下引用：引用されるほど価値がある，という価値観が一般化しているWebの世界。「コピーしちゃいけない」を「原則」とする著作権法のスキームは，妥当しにくくなっています。 1803-091017 引用されるほど価値がある: shiology (via maconn)
cooshin 2009/10/27
小山龍介
リンク
[使えるCSSテクニックVol.2] CSS を使った見栄えの良いページャー | バシャログ。
第 3 回目は「見栄えの良いページャー」です。シンプルなコーディングで見栄えの良いページャーを実現します。 XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li class="prev"><a href="hoge">« PREV</a></li> <li><a href="hoge">1</a></li> <li><em>2</em></li> <li><a href="hoge">3</a></li> <li><a href="hoge">4</a></li> <li><a href="hoge">5</a></li> <li class="next"><a href="hoge">NEXT »</a></li> </ul> サンプル1：とてもシンプルなページャーとてもシンプルなページャーのサンプルです。 «
cooshin 2009/10/27
css

tips
リンク
【CSS】ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。
こんばんは、ishidaです。 CSS2.1 で定義されている displayプロパティの値、inline-blockの使いどころを探してみたところ、ページ送りにかなり使えそうです。まずは以下のサンプルをご覧下さい。Yahoo 検索結果のページ送りデザインをまねています。ページ送りのサンプル 1 2 3 4 5 6 7 8 9 10 次へ> XHTML のサンプルは以下です。とてもシンプルです。 <ul class="pager"> <li><strong>1</strong></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#">6</a></li> <li><a href="#">
cooshin 2009/10/27
tips

css
リンク
ページ送りのサンプル4種+2
ず、随分間が空いてしまった・・・何て言う現実。気付けば冬間近ですね。久々の更新が、特別目新しくもなんともないんですが、自分なりのページ送りサンプルを作ってみました。ホントは最初のだけ有れば事足りてるんですけど、ボリューム感を出す為に4種類+2にしてみました。サンプルサイトを見るサンプルをダウンロード地味にサンプル作ってたら時間取られたので、解説は軽めですが続きにて。今回作っておきたかったのは、センタリングさせたページ送りっす。とても似たようなエントリーが有るので、下記も参考にしてみるといいかと。ページ送りナビゲーションには display:inline-block が超便利 | バシャログ。不特定の数の横に並ぶブロック要素をセンタリングさせる | CSS-EBLOG 各サンプル共通で以下のスタイルが当たってます。 #main ul, #main ul li { marg
cooshin 2009/10/27
css

tips
リンク
- 2009年10月30日
- 2009年10月27日
- 2009年10月26日