サイドバー読み込みの進行割合に応じて画像を変化させる
てんぽ: サイドバー読み込みの進行割合に応じて画像を変化させる CSSやHTML、FC2ブログのカスタマイズ、共有テンプレートなど CSSのみでプログレスバーを再現したものにはアニメーションGIFを用いた例が知られているが、 実際に何かの進捗状況を反映してバーの進行度を変化させている例はほとんどない。 今回は、ブログでよくある2カラムレイアウトにおいて「サイドバー」の読み込み状況を反映して進行するプログレスバーの実装方法を提案する。 <div class="sidebar"> <div class="blog-parts"> （各種ブログパーツ） </div> <div class="blog-parts"> （各種ブログパーツ） </div> （以下省略） </div> <div class="sidebar">～</div>がサイドバーであり、その内容として複数の「ブログパーツ」（<d
Mike asks the CSS Guy about a scrolling trick with background images (Ask the CSS Guy)
Mike asks the CSS Guy about a scrolling trick with background images Mike writes: Check this out: http://econsultancy.com/reports.Scroll up/down... whaaaaat? :) How was this done? Answer: fixed background images. Let's look at some examples. Images For the basic effect, start with two same sized images, with a slight difference. For my example, I chose this color image and made second version of i
ピクサーが考えるイノベーションの鍵
正直言って、12月の公開まで待てない Pixar の新作「Wall-E」。Pixar は初の長編 CG 映画「トイストーリー」以来、ひとつもハズレ映画を作っていないとんでもない映像制作会社です。圧巻の映像美も素晴らしいですが、シーンの見せ方や、ストーリーにたくさんのアイデアが盛り込まれていて、新作が出る度に驚きと感動があるのが最大の魅力だと思います。アニメーションの世界でイノベーションを続けている Pixar ですが、その秘密は何なのでしょうか。 「Mr.インクレディブル」「レミーのおいしいレストラン」の監督を務めるブラッド・バードが The McKinsey Quartlerly のインタビュー (GigaOM のレポート) でイノベーションのためのキーポイントについて語っています。アニメーションスタジオからの視点ではありますが、参考になるところは数多くあります。 厄介者達を集めよ 皆と
インターネットで手に入れられても良さそうなのに手に入らない情報まとめ - IT戦記
以下の質問の反応をまとめてみます。 役に立ちそうな情報で、インターネットで手に入れられても良さそ… - 人力検索はてな 質問の回答、はてブ、トラックバック、ダイアリーのほうについたはてブ、コメント、などを集計しています。 まとめ ニュースのその後 (id:jane) 雑誌の記事検索 (id:natumi0128) 「SPA!」「読売ウイークリー」「AERA」は出来る → http://news.nifty.com/cs/entame/showbizddetail/fuji-320080417006/1.htm (id:muddydixon) タバコの製品情報（電話でのユーザ登録が必要なため困難。不可能ではない）→ https://www.jtad.jp/members/login/ (id:n-styles) 新聞折込チラシ (id:n-styles) スーパーの特売情報 (id:n-st
オープン Web デザインを始めます : could
openwebdesignwordpress オープン Web デザインを始めます 去年の暮れから今年の始めにかけて Web デザインへの思いを書いてきました。その思いは「Web という媒体を理解した上でのデザイン」「Web デザインへの理解を深める」の２つの記事に集約されているかもしれません。これからも Web デザインへの興味は薄れることもないでしょうし、これからも続きになるような内容を書いていこうと思いますが、ここでひとつ問題があります。 掲載しているサイトのデザインがコンテンツに耐えられなくなって来ているという問題です。 コンテンツを反映しているサイトへ 長い間、このサイトを読んで下さっている方はご存じだと思いますが、以前のデザインは 3年半前に作ったものです。当時はそれで良かったかもしれませんし、そのときにはあまり見かけなかった情報の配置や見せ方をしていたと思います。しかし、今と
404 Enhancer
404 Enhancer 自分のサイトの「404 not found」を、簡単にカスタマイズできるプロジェクト。 【設置のしかた】 設置はとてもカンタンです。 1. [サンプルを見る]で、お気に入りの404を探します。 2. [ダウンロード]すると、「htaccess.txt」というテキストファイルがダウンロードされます。 これをあなたのWebサイトの、ホームにアップします。 3. 「htaccess.txt」→「.htaccess」にリネームします。 これで完了！
Opera forums
Multiple tab selection for grouping tabs, if you're like me and horde tabs groups are important to reduce clutter. Now there is a bug that can remove all of the group tabs, which is annoying, selecting tabs one by one is painfully slow. If there was a way to select multiple tabs, maybe a click and hold system like on a desktop, just something to make is easier to group tabs.
今でも簡単にできるリキッドレイアウトを模索する - Hatena::agenda
Hatena::agenda - 本物のリキッドレイアウトの具体化。 リキッドレイアウトは動的なスタイルシートによって実現する。CSS2は閲覧環境に応じてある程度柔軟な変化を提供するが、まだ充分ではない。今現在でもJavascriptの助けを借りれば、本物のリキッドレイアウトに近づけることはできる。 リキッドレイアウトを助ける主なstuffは、今のところ次の四つ。 1. CSS2のfloatプロパティ本来の使い方 2. CSS2のfloatプロパティでのページレイアウト 3. CSS2のtableでのページレイアウト 3. CSS3のマルチカラムの先行実装 1. CSS2のfloatプロパティ本来の使い方 floatプロパティは「サイドバー」を表現するために作られたのでは、ない。テキストが回りこむ浮動オブジェクトを描くのがfloatプロパティの本来の姿である。しかし例えばあるテーブルにfl
Single Line CSS // Ordered List // We Make The Web Beautifully Simple
I've been going against convention when creating my CSS files for over two years now. I put my selector, brackets, and attribute/value pairs all on a single line in my CSS file. And I love it. Let me show you why. To give credit where it's due, this technique was originally show to me by John Nunemaker. And when I first saw it, I likely responded the same way you will shortly. “Um. No thanks, that
Geekなぺーじ：アイディアを潰す上司、アイディアを引き出す上司
「Idea killers: ways to stop ideas」 と 「Idea helpers: ways to grow ideas」 という記事がありました。 面白かったので一部訳してみました。 コメント欄にも色々書いてあって、その中の項目も訳してみました。 削ったり意訳しているものもあるので、詳細は原文をご覧下さい。 アイディアをつぶす人 これらの発言は考える事を阻害してしまいます。 また、これらの発言は理由を説明せずに意見を却下するために利用されます。
NTT DoCoMo｢N702is｣：バッテリー残量を水として表示
知ってる人はもう知ってると思うのですが、改めてDoCoMoのN702isは素晴らしいですね。 N702isは、バッテリー残量を、グラスの水のようなイメージで表示します。携帯を傾けると、モーションセンサーが傾けた角度を感知して、画面上の水面も右や左に傾ける仕組み。 この種の遊び心は素敵です。応用編でヤジロベーとかもやってみたらいいのに。 An Interesting Way of Showing Battery Status [Slashphone]
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.so-net.ne.jp/shi3z/2008-02-20
The Tabbed Breadcrumb Navigation
caramel*vanilla » Blog Archive » WordPressでLightboxを超簡単に使ってみる