横並びメニューのロールオーバーをJavaScriptを使わずCSSで実現
かなり色んなサイトで見かけるようになった、JavaScriptを使わずにロールオーバーをCSSのみで実現するテクニック、そのやり方です。 以前のエントリーで、縦並びのメニューで同様のを紹介しましたが、横並びのメニューは随分勝手が違います。 またメニューをテキストではなく、画像で行っているのでその部分についても説明していきます。 サンプル： サンプルページを見る ダウンロード： サンプルをダウンロード 使用画像 ロールオーバー用画像 ナビ背景画像 では、やり方をば、、、 まずはロールオーバー用の画像を用意します。 今回使用してる画像は上記の2枚のみです。 また、メニューの背景画像として、全てがオフの状態の画像を用意しています。 コレは、サーバーや回線の都合でたまに読み込みが遅れて、メニュー部分が真っ白になってしまうのを防ぐ為です。 必要無いといえば無いですが、結構気になっちゃうので（ボクは）
Alertbox: ブログのユーザビリティ：デザインの間違いトップ10（2005年10月17日）
ブログは既存ユーザに焦点を合わせすぎていて、重要なユーザビリティの問題を、ないがしろにしている事が多く、サイトを理解し、著者を信頼することを、新規読者にとっては困難にしている。 Weblog Usability: The Top Ten Design Mistakes by Jakob Nielsen on October 17, 2005 ブログはウェブサイトの一種だ。そのため一般的なウェブサイトのユーザビリティガイドラインや、今年のデザイン間違いトップ10 の対象にもなる。しかしながら、ブログはウェブサイトの中でも特殊な部類のものだ。ブログには特徴があり、それ故に特有のユーザビリティ問題を抱えている。 ブログの素晴らしい利点の1つは、本質的に「ウェブデザイン」をしなくても良くなるということだ。文章を書き、ボタンをクリックすると、インターネット上でそれが公開される。ビジュアルデザインも、
徹底研究！プロフィール写真の載せ方（実例つき） - ココロ社
こんにちは。プロフィール写真研究家のココロ社です。 みなさん、mixiやブログにつきものの、「プロフィール」の欄に、どんな画像を入れるかというのは迷うところかと思います。考えすぎた挙げ句面倒になって、適当にしている人もいるかと思うのですが、それはmottainaiです！ 今日は、ホームページ歴が１０年近くあり、ありとあらゆるプロフィール写真を貼ってきて痛い目に遭ったりいい思いをしたりしたわたくしが、心を込めてプロフィール写真のノウハウをお伝えするので、参考にしていただければ幸甚です。 プロフィール写真に関する大前提２つ mixiやブログに載せるプロフィール写真について、おさえておきたい大前提が２つあります。「プロフィール写真なんて適当でいいやん」と思っている方こそ、ご一読してハッとしてください。そう…口を大きく開けてね… １．もっとも繰り返し見られるコンテンツは、プロフィール写真である あ
現代という時代は、どのようなプログラミングを求めているのか？ - 分裂勘違い君劇場 by ふろむだ
Rubyを使うべき本当の理由は、根源的には、日本で自殺者が増えた理由と同じです。 今後日本が没落していく理由とも同じです。 団塊の世代に無能な人間が多い理由とも同じです。 サービス残業が増えた理由とも同じです。 日本の多くの若者たちが未来に希望を抱けない理由とも同じです。 いまの学校教育が無能な人間の製造工場になってしまっている理由とも同じです。 その理由は、根本的には、「単純ニーズの飽和」という環境変化に起因します。 そして、それによって、プログラミングが経営行為になってしまったことが原因なのです。 団塊の世代の仕事人生の大部分は、単純ニーズを満たすための仕事に費やされました。 冷蔵庫の普及率が低く、しかも誰もが冷蔵庫を欲しがった時代には、何をやるべきかは、明らかでした。 とにかく、額に汗して働き、安くてよい冷蔵庫をどんどん作れば良かったのです。 冷蔵庫に限らず、洗濯機、ラジオ、テレビ、
「上を伸ばす」ことのすすめ - My Life Between Silicon Valley and Japan
プレジデント・オンライン上で、新著「ウェブ時代 5つの定理」関連のインタビューを受けました。 これから五回に分けて掲載される予定です。 【第一回】「上を伸ばす」ことのすすめ がアップされました。 君たちの時間は限られている。 その時間を、他の誰かの人生を生きることで無駄遣いしてはいけない スティーブ・ジョブズ (アップルCEO) Your Time is limited, so don’t waste it living someone else’s life. (Steve Jobs) これは、2005年夏のスタンフォード大学の卒業式でジョブズが行ったスピーチの中の言葉です。ここに引用した箇所だけでなく、とにかくあのスピーチ全体がすばらしかった。 ・・・・・・・・・・・ 誤解を恐れずに言えば、僕はこの本を「上の子たち」に向けて書きました。能力があって、努力もする人たち、頭がいいだけじゃな
一青 窈さんのＰＶがすごすぎる件について（コメント欄） - 深町秋生の新人日記
焼酎の湯割りを飲みながらスペースシャワーＴＶ見てたら仰天してしまった。湯割り吹いちまったじゃねえか、この野郎。 音楽専門チャンネルだけあって、敵性音楽であるＪ−ＰＯＰのＰＶ（プロモーションビデオ）がひんぱんに流れているのだが、どいつもこいつもあいかわらず青空を見上げたり、陶酔しきった表情つくったり、バカップルみたいにいちゃいちゃしてたり、ブサメンのレゲエ野郎が宗教臭い説教かましたり（ＥＴ−ＫＩＮＧってなんの宗教にはまってんだろう。ハーレルーヤーとか唱えるし。大阪は変な宗教いっぱいあるもんな）本当に反吐がでそうになるのだが、そうとわかっていてもなぜかチャンネルを合わせてしまう。困ったことだ。 たまに電グルのＰＶのような心洗われるのもあるし、何年も鑑賞していると、たいていのＰＶでは驚かないのだが、さすがに一青 窈のやつはマジでびっくりしてしまった。本当にやばい。公開カルト宣言って感じなのだ 個
【ハウツー】これはすごい! Web案件必須 Selenium - 人気急上昇中自動テストツール (1) 最近人気のSelenium | エンタープライズ | マイコミジャーナル
Webアプリケーションのテストツールに「Selenium」がある。SeleniumはJavaScriptとHTMLを使って、Webブラウザに自動でテストをさせようというもので、アジャイル開発におけるテストツールとして注目されている。 Seleniumとは SeleniumはWebアプリケーション用テストツール。JavaScript/DHTML/iframesをベースに構築されたテストツールで、Webブラウザから直接実行できるという特徴がある。要するに、目の前でWebブラウザが勝手にテスト工程を実施するわけである。見ていてなかなか気持ちがいい。対応しているプラットフォームやWebブラウザは多岐にわたる。代表的なプラットフォームは次のとおり。 Windows Internet Explorer 6.0 Mozilla Suite 1.6以上 Firefox 0.8?1.5 Seamonkey
【詳報】セマンティックWebに向かうIE8の「8つの強化点」
写真1●Internet Explorer担当のGeneral ManagerであるDean Hachamovitch氏 [画像のクリックで拡大表示] 米Microsoftが3月5日（米国時間）にベータ版を公開した「Internet Explorer 8」は，意欲的な新バージョンである。業界標準への準拠を強く意識しているほか，「セマンティックWeb」を実現する新技術も搭載する。その一方でIE8は，下位互換性の問題や新たな規格争いを引き起こす可能性がある。 Internet Explorer 8の詳細は，同日米国Las Vegasで開幕したWeb開発者会議「Microsoft MIX 08」の基調講演で初めて公開された。また同時にベータ版（英語のみ）がWebサイトで一般に公開されている。基調講演でデモを披露したInternet Explorer担当のGeneral ManagerであるDea
ボタンクリックなどの効果音がフリーでダウンロードできるサイト集 | コリス
MP3やWAV形式の効果音がダウンロードできるサイトの紹介です。 クリックなどの効果音は、ほとんどがロイヤリティフリー(Royalty Free)となっていますが、サイトに収録されている全てを確認するのは不可能なので、一部条件付きのものがあるかもしれません。
誰が講談社現代新書を殺したか : 404 Blog Not Found
2008年03月25日18:30 カテゴリArt書評/画評/品評 誰が講談社現代新書を殺したか 私は、1,575円の新書もアリだと考えるし、時代はむしろそちらに向っているという感触を得ているのだが、その話に入る前に、「その逆を行くと一体何が起こるのか?」という話をしておきたい。 ディスカヴァー社長室blog: dankogaiに挑む！？ ハードvsソフト＝思想vs実践 ●干場 あの……「携書」で1575円っていうの、ありでしょうか……？ ★SEの本棚★:倍出してもペイする?『3分間コーチ』 - livedoor Blog（ブログ）しかし、 この装丁の美しさは、 新書では出なかったでしょう。 そう。講談社現代新書の話である。 写真は、新旧の講談社現代新書。旧の方は「無限論の教室」、1998年9月初版。新の方は「生きづらい〈私〉たち 」、2004年10月初版。なぜこの二冊かといえば、たまたま並
『Firefox 3』：メモリ使用量を6割削減、競合品を抜いて1位に | WIRED VISION
『Firefox 3』：メモリ使用量を6割削減、競合品を抜いて1位に 2008年3月24日 IT コメント： トラックバック (3) Scott Gilbertson 2007年後半からベータテストを開始したMozilla Foundationのブラウザー『Firefox 3』が、メモリ使用量を着実に減らしている。 最新のベータ版は数週間前にリリースされたばかりだが、すでに『Internet Explorer 7』(IE7)や、これまでメモリ使用量が少ないことで有名だった『Opera』よりも、メモリ使用量が格段に少ないと報告されている。 われわれは1年近く前、『Firefox 2』はメモリを占有すると指摘し、肥大化するFirefoxの将来を案じた(日本語版記事)。しかし、Firefoxファンの皆さんは安心してほしい。それも間もなく過去の話になるだろう。 最近行なわれた一連の性能テストによる
検索エンジンのアルゴリズムとは? 過去6年の変遷にみる順位決定の仕組み | Web担当者Forum
アルゴリズム検索の結果を相手に仕事をしている検索マーケティング担当者の大多数は、自分たちが少なくとも検索エンジンの「最新アルゴリズムを把握している」と主張しているし、僕がこれまでに聞いた（あるいは、そういう意味で言えば、担当した）クライアント仕事では、9割方この話が少なくとも1回は話題に上っていた。 しかし、この点については、まだ多くの点で本当のことがわかっておらず、最近SEOに手を染めたばかりの人たちにとっては、おそらく最も気の重い側面だろうと思う。 というわけで、みんなの苦労を少しでも軽くするため、しょっちゅう変わり続ける検索エンジンの検索結果算定式に、どうすれば遅れを取らずにいられるかという問題に関して、みんなが持つ共通の疑問に答えておいたほうがいいんじゃないかと思ったんだ。 アルゴリズムとは何か？ グーグル、ヤフー、マイクロソフトは、それぞれどのようにして、検索アルゴリズムを検索結
The portfolio of Bryan Katzel | Design, illustration & stuff to make you smile
Webleed Design is the portfolio site of Bryan Katzel. As a professional designer, Bryan's world revolves around all things "print". His work includes package design, illustration, branding, toy, poster and advertising. Bryan holds a creative position focusing on design and developement for the toy & game market. The position has opened his eyes to package design and the retail toy market. Here are
NHK、番組を放送翌日にハイビジョン画質でネット配信する「NHKオンデマンド」を開始へ
以前GIGAZINEでNHKが2008年中に過去の番組を有料配信することをお伝えしましたが、日本経済新聞社の報道から、その詳細が明らかになりました。 サービス名は「NHKオンデマンド」で、ドラマなどの人気番組や過去の人気番組がハイビジョン画質で有料配信されるようになるとのこと。 詳細は以下から。 ＮＨＫ、放送翌日にネット配信――「朝ドラ」など有料で10日間 この記事によると、NHKは今年12月にケーブルテレビ大手のジュピターテレコム（JCOM）や家電各社が出資するネット配信会社のアクトビラなどと提携して、人気番組などをハイビジョン画質で有料配信する「NHKオンデマンド」を開始するそうです。 地上波で放送された番組をそのまま家庭のテレビやパソコンに配信する本格的なサービスは国内初とのことで、人気ドラマなどの約20番組が放送翌日から最大10日間配信されるほか、過去の人気番組約1000作品が提供
美しい光のバックグランド風イメージを作成するPhotoShopチュートリアル:phpspot開発日誌
PSDTuts - Photoshop Tutorials and Links - NoPattern “Jumper” Effect 美しい光のバックグランド風イメージを作成するPhotoShopチュートリアル 次のようなカッコいい画像を作成するチュートリアルです。 応用して次のような画像も作れますね。 フィルタを駆使してカーテンのような画像を作っていくテクニックは汎用に使えそうですね。 関連エントリ PhotoShopで綺麗なコーン画像を作成するチュートリアル 湖面を反射させて芸術的な写真を作るPhotoShopチュートリアル 女性の写真をイラスト風にしてしまうPhotoShopチュートリアル
転職におけるプッシュとプルと
大手電機メーカーのSEとして就職して一年。うちの職場は、なんというか、生ぬるい。 ... きっと自分の成長の為には職を変えたほうがいいんじゃないかと思う。でも、自分の向学心の強さにはっきりとした自信が持てない。 ... 24年間優等生をやってきて、さらに新卒という切符を使って手に入った貴重な（？）大企業への就職を、簡単に手放してしまっていいのだろうか。 ... 【新卒で入社して一年より引用】 なんだか昔の自分を見るようで心を動かされてしまったので一言。 私自身、「せっかく理系の大学院をそれなりの成績で出ることができたのに（そうでない人が簡単には入れない）大企業へ行かないのはもったいない」というさもしい気持ちがあったからこそ、ベンチャー企業には行かずにNTTの研究所に入ったのは事実。「新卒という切符を使って手に入った貴重な（？）大企業への就職を、簡単に手放してしまっていいのだろうか」という気
2008-03-24 はてなブックマークってアイコンを大きくするだけで雰囲気が変わると思う - 聴く耳を持たない(片方しか)
はてなブックマークの作り直しについて - naoyaのはてなダイアリー それから、エントリーページのコメント一覧を、被ブックマーク側、つまりブログの書き手からある程度コントロール可能にしたいと思っています。まだ仕様は考え中ですが、あまり極端なもの、例えばブログの作者さんが自由にコメントを削除できる...などは考えていません。ブックマークの自由、コメントの自由はある程度担保上で、コントロールできるようなものを検討しています。なぜそのような機能を付けようと思っているかは、まもなく津田さんからのインタビュー記事が公開されますが、その中で詳しく触れています。 はてなブックマークの作り直しについて - naoyaのはてなダイアリー はてなブックマークが近いうちにリニューアル・機能が改善されるとのこと。 で、実際にどういう風な機能がつくかは分からないですし、インタビュー記事を楽しみに待とうと思うのです
バイオテクノロジーを使った切手サイズで1TBの超大容量メモリを松下電器が開発へ
松下電器産業などがバイオテクノロジーを用いることで、超微細な構造の半導体を製造できる技術を開発しました。 これにより切手サイズで1TB（約1000GB）の記憶容量を持つ、とんでもないメモリを開発することが可能になるそうです。つまり将来的にはデスクトップ向けHDD並みの大容量メモリを搭載した携帯電話やノートパソコンなどが登場するということでしょうか。 詳細は以下から。 バイオテクノロジーによるナノ構造半導体形成法を開発 | プレスリリース | ニュース | 松下電器産業株式会社 このリリースによると、松下電器産業は東北大学や東京工業大学、奈良先端科学技術大学院大学、大阪大学と共同で、従来の半導体プロセスでは困難だった1桁台のナノメートルレベルの超微細構造の半導体を形成する技術を開発したそうです。 これは哺乳類のもっている内径7ナノメートルほどの大きさの「フェリチンタンパク質（フェリチン）」に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Beatbox Fame Game
http://www.asahi.com/international/update/0325/TKY200803250004.html
FXを始めるなら外為どっとコム｜FX