CSS と JavaScript でタブ切り替え
CSS と JavaScript でタブ切り替えを実現しています。 なるべく CSS や JS の記述量を最小にするように努力しました。 もっとシンプルにできそうなアイディアがございましたらご教示下さい。 「無償・無保証・著作権放棄」 ですので、 このページのソースを適当にいじって自由に使って下さい。 全てのタブの中味は 1 つの HTML ファイル (このファイル) に書いてあります。 見出しのクリックにより、表示の ON/OFF を切り替えるだけ、という仕組みです。 タブの見出しをクリックするたびにサーバーを読みに行くのが 欝陶しく思えるときに、うってつけかと。 そう言えば、某サイトでは、クリックどころか、 タブの見出しにマウスカーソルを合わせるだけで、 フォーカスされていることを表す見出しの画像 (背景色が異なるだけ) を いちいち Web サーバーへ取りに
ウェブブラウザなんかに気を遣わなくてもいい理由 (agenda)
いつの間にか2009年になってしまった。 IE6に気を使わなくてもいい理由とか「そういう系」 の話を聞くと、なんで非営利個人サイトが自分の嫌いなウェブブラウザなんかに一々気を遣わなきゃならないんだとか思う。もちろん気を遣うのには色々理由があるだろう。だが「気を遣わなくてもいい理由」というのもあっていいんじゃないか。そう思ってだらだらと悪文を書いてみた。本当に悪文だからまとまりはないよ。 相手にしていられないほど膨大な種類の「ウェブブラウザ」 この文脈においてはウェブブラウザではなく、所謂レイアウトエンジンやHTMLパーサの種類を把握すべきだろう。たとえばSleipnirもfubも、同じMSHTML.dllを利用しているなら一つとしてカウントできる。 ウェブページのレイアウトエンジン レイアウトエンジン等の名称主なバージョン（2009年1月現在）応用しているプロダクト他
インターネットに向いていないこと
年末なのに法律の勉強している。むしろ仕事が休みに入ったので今しかできないと言える。 ちょっと気になる事例があったので、具体的な内容を知ろうと検索をかけたら驚いた。 はてなではない他の質問回答サイトで、ある法律の事案についてのベストアンサーがあったが、 それが全部間違えていた。 僕も勉強中の身分だが、今の仕事に関係する内容なのでこれははっきりと間違いだと断定できる。 何故間違えているのにベストアンサーなのかというと、おそらく質問者が法律の解釈の正当性よりも、 どれだけ自分に都合の良い解釈であるかを基準に選んだからだろう。 これだけを見れば、ただただ間抜けな出来事であるだけだが、むしろ今まで考えてきたことのヒントを得た気がした。 世の中には「インターネットは不正確な情報が氾濫している」という説と、 「むしろ一面的な情報が流れていないので正確である」という説が対立しているようだが、 むしろ両立し
グーグルに淘汰されない知的生産術 - My Life Between Silicon Valley and Japan
「中央公論」編集部の田中正敏さんからメールが届いた。「『ウェブ時代をゆく』を語る」をまとめてくださった田中さんである。 「グーグルに淘汰されない知的生産術」ですが、『読売新聞』書評同様、もしよろしければ販売期間終了後（5月9日）を目処にブログにて公開していただいても、と思います。非常に充実したお話でしたので、より多くの方の目に触れればと思う次第です。 ありがたい申し出をいただいたので、ここに全文を公開することにします。 「中央公論」五月号の「特集・知的整理法革命」(野口悠紀雄、梅田望夫、外山滋比古、佐藤優、勝間和代、茂木健一郎)という文脈で、田中さんの取材を受け、勉強や仕事の仕方について僕が二時間ほど話をした内容をもとに、彼が文章にまとめてくれたものです。 さすがにこのテーマだとほぼすべての人が、それぞれの観点からグーグルを論じていて面白かったです。 どうぞお楽しみください。 旧来の整理法
CSSでDivを天地左右中央に配置する方法『locate div at the center vertically and horizontally』 | CREAMU
DiaryTechnology CSSでDivを天地左右中央に配置する方法『locate div at the center vertically and horizontally』 ちょっと実装したくなったので、CSSでDivを天地左右中央に配置してみました。 Web creatorsに載っていた方法ですw。 » Web creators (ウェブクリエイターズ) 2007年 03月号 ■CSSは↓。 <style type="text/css"> body { background:#ccc; margin:0; padding:0; } #wrap { position:absolute; width:500px; height:100px; left:50%; top:50%; margin-left:-250px; margin-top:-50px; background:#ff
javascriptを理解するためのたった2つの大切なこと
9割ぐらいはハッシュ何がハッシュなのかjavascriptで存在するほとんどのオブジェクトの実体はハッシュだよ。 var arr = [0,1,2,3]; とかをみると配列(人によってはリスト)に見えると思う。でも実際は違うんだ。 これは var has = {0:0,1:1,2:2,3:3}; と基本的には等価なんだ。ただちょっと束縛されているメソッド(インターフェイス)が違うだけ。 ためしに arr[4] = 4; arr['x'] = 'string'; arr[-1] = -1; としてみよう。 Firebugで確認してみると[0, 1, 2, undefined, 4]というような値がかえってくるよ。 でもarr[-1]やarr['x']の値は保存されてないのかな？そんなことはないちゃんとアクセスできるんだ。 それどころかarr.xで'string'がかえってくるんだ。 別の例を
Forgot the Milk. - Firefox の意外と知らない10の基本機能
最近 Sleipnir から Firefox に移行したばかりで、まだまだ知らない基本的な機能があることに気付きました。きっと同じようなユーザも多いはずです。ということで、意外と知られていないであろう Firefox の基本的な１０の機能を紹介します。 他にも意外と気付かない機能などありましたら、コメント欄に投稿をお願いします。 1. スペースキーでスクロールする方法 これは Firefox だけに限った機能ではないようです。Sleipnir や IE でも同様ですが、スペースキーを押すことで、１画面分スクロールダウンすることができます。また、Shift + スペースキー で１画面分スクロールアップすることもできます。両手をホームポジションに置いているキーボードマスターには重宝されるショートカットキーだと思います。 2. 文字サイズをグリグリ変える方法 Ctrl + マウスホリール回転 で
Twitterを使った画期的なマーケティングツール『Twittterment』がすごいです |...
以前ITmediaの取材を受けた際「100万人まで携帯ネットユーザーを集めることは簡単」という話をしました。ただ100万人はそれなりの規模のユーザー数ですし、携帯ネットサービスを手がけたことのない方からすれば「そんなに簡単なわけがない」と思われるかもしれません。 公式サイトではない「一般サイト」では特に、ヘビーユーザーとよばれる人々が中心に活用し、その周りに少しずつ利用者が集まってくる――という流れでユーザーが増えていきます。携帯のヘビーユーザー層は数百万人はいると、これまでの経験から私は感じています。 つまり、一般サイトで携帯ネットサービスを成功させるためには、ヘビーユーザーを手っ取り早く集めてしまうことが重要で、それだけで100万人は突破できる、ということになります。 では、そのヘビーユーザーはどこにいるのでしょうか。 携帯ヘビーユーザーとは PCを使う一般のインターネットユーザーには
Googleチートシート - GIGAZINE
Googleに関するサービスや情報をまとめたものです。こうやって見ると山ほどサービスを提供しているというのがよく分かる。中でも興味深いのは現在のGoogleのクローラーである「Googlebot 2.1」のIPアドレス、ページランク10のサイトの例、Google開発スタッフが書いているブログ一覧でしょうか。 Google Cheat Sheets (Version 1.04) http://www.adelaider.com/google/ また、日本のGoogle独自の検索機能については以下を参照。 Googleの特殊機能 http://www.google.com/help/features.html ヤマト運輸の荷物配達状況が分かる「荷物検索」、日経の会社情報ページにリンクする「会社情報検索」、同じく日経にリンクしている「株価検索」、駅前探検倶楽部やえきから時刻表を使った「路線検索」
堀江貴文逮捕による本当の損失
ホリエモンこと堀江貴文氏が逮捕され、懲役２年６月（求刑・同４年）の実刑判決が言い渡されました。 日興コーディアル証券の一件と比べられたりもしています。 「恋におちたら」や「ハゲタカ」のようなTVドラマでも、似たような事例が取り上げられています。 インターネット事業は「虚業」だとか、そのように言われてしまうこともあります。 本当に堀江貴文氏は、インターネット業界において ・何も生み出さなかったのか？ ・何も生み出せなかったのか？ 利益のことや被害者のことは考えず、純粋に彼のインターネットへの取り組みを考えてみます。 ----------------------------------------------------------- 堀江貴文（ホリエモン）の一番の武器 堀江貴文氏の一番の武器と言えば、 判断力とスピード 彼の外見からは想像することはできないかもしれないが、そのスピードはどの経
「ライコス」が国内で復活--動画共有サービスを近く本格展開か
ポータル（玄関）サイトとして展開していた「LYCOS」が近く、日本に再上陸することが、3月15日までに分かった。現在、同サイトは動画共有サービスを軸としたコミュニティーサイトとしてテスト展開している。 すでにベータ版として公開されている「LYCOS clip」（ライコスクリップ）は、「動画」「写真」「ブログ」「検索」──の大きく4カテゴリのサービスで構成されている。特に、動画共有サービスを強みとして押し出しているようだ。 サイト内にはバナー広告枠や映画のプロモーション映像などがあることから、本サービス開始時にはこれら広告を中心とした収益モデルで展開すると見られる。 運営会社のタオンはコミュニケーションサイト「Cafesta」（カフェスタ）の運営などを手がけており、主要株主はKDDIと韓国で大手コミュニティーサイトを運営するDaum Communications。Daumは米Lycosの親会
覚え書き@kazuhi.to: Re: 闇黒日記を店仕舞ひするの記
Re: 闇黒日記を店仕舞ひするの記 闇黒日記の更新が停止されていた件について、闇黒日記を店仕舞ひするの記において理由を書かれていたのを昨日になってようやく目にしました。一部引用します。 彼等には何を言つても無駄です。言葉は只の言葉に過ぎません。全くもつて空しい話です。ウェブには言論の自由がありません。私には、二十一世紀に入る以前、そんな事は確かに解つてゐました。けれども、今までずるずるとウェブサイトを續けてしまひました。しかし、そろそろウェブと云ふメディアも「正常化」の頃合でせう。個人サイトはこれから存立して行けないのではないですか。ウェブは二極化して行くでせう。匿名掲示板や匿名の「ブログ」で、個人は好き放題に好い加減な事を言散らす。信頼出來るウェブサイトは全て企業サイトになる。あゝ、あと、誰からも注目されない、當り障りのない事ならば、個人サイトには書けませう。と言ふより、さう云ふ形でしか
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
行き詰まったときに役立つウェブデザイン8つのノウハウ | Web担当者Forum
ウェブデザイン作業には、びっくりするくらいイライラすることがある。 何をどこに表示するか無限の可能性があるのだから、真っ当なデザインがいとも簡単にできあがると思うじゃないか。でも、正常に表示できないデザインに何時間も手を焼いたり、今どき流行らないピクセル調整をするはめになったりとか、誰でも何らかの形で行き詰まった経験がある。 これから紹介する8つのノウハウは、そうした厄介な状況から抜け出すために、私が取る作戦だ。 先に中身からデザインする これは、今までに聞いたウェブデザインに関するアドバイスの中でも、最良の部類に入るものだ（Cameron氏に感謝を）。 多くのデザイナーが、まずヘッダーに力を注ぐ。でもたいていの場合、見映えのするページになるか否かは、ページの中身で決まる。ヘッダーは付け足しだ。とりあえずヘッダーのことは忘れて、中身の要素に取り組んでみよう。すると、しっかりした中身があれば
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
kndb.jp
Ajaxでおしゃれな小窓を作る6つのサンプル*ホームページを作る人のネタ帳
ブログでなにか稼ぎたいと考えている方が必要な事前知識28個*ホームページを作る人のネタ帳
おまえらが密かにブックマークしてるオススメのサイト教えれ
-OKWave
txqz line