CSS MENUS › CSS only fly-out menus - further examples Date : 11th June 2006 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Menu #1 Home Products Mobiles Photoframes Tripods Memory cards Cameras SLRs Compact Digital Video Camcorders Accessories Services Photography Video editing Web site Design and Hosting Reference guides Tutorials Contact us S
「洋楽好きは、お父さん譲りです」 - 『東京少女』主演・草刈麻有 これからの活躍が期待される若手女優が月がわりで主演するドラマシリーズ『東京少女』(BS-i 毎週土曜 23:00〜23:30)。その10月放送分の『東京少女 草刈麻有』にてヒロインを演じているのが、同ドラマプロデューサーに"品がある女優"と称される草刈麻有さん。今回は、実はヒップホップダンスが特技だという彼女のこだわりグッズをうかがった。 [21:58 10/10] 「たくさんの愛ある嘘を見つけてもらいたい」 - 女優・田中麗奈 新人賞を総なめした女優デビュー作『がんばっていきまっしょい』から10年。実力派"映画女優"して確固たる地位を築いてきた田中麗奈が10月に、向田邦子原作『思い出トランプ』で初舞台に挑む。2008年春には初の連続TVドラマ主演を果たすなど活躍の場を広げる彼女に、今の心境をうかがった。 [16:0
ドロップダウンメニュー|DropDownMenu.js プルダウンメニュー化する方法もいろいろあるみたいですが、今回紹介させてもらうのは、JavaScript + Ajax 実践サンプル集さんのドロップダウンメニューです。 タブの「分割コード」をクリックすると、JavaScript、css、htmlのソースが記述されているので、コピー&ペーストで使えるようになっています。 いままでプルダウンメニューをいろいろと試してみたんですが、ブラウザによる表示のズレもなく、画像も問題なく使えました。何よりいつも使っているJavaScript(画像のロールオーバー時に使用)との相性も良かったので気に入っています。 編集も簡単なのでオススメの一品です。 では、サンプルです。 ↑このサンプルはこちらからダウンロードできます。 他にもfaLogさんのCSS(とJS)でシンプルなドロップダウンメニュー - 2と
このページのTipsはJavaScriptを使いません。スタイルシートのみで作成しました。せっかくがんばって考えたのに、没になったテクニックです。問題アリのTipsです。今回の問題は大したことないです。 プルダウンメニュー・ツリーメニュー・階層メニュー・ドロップダウンメニュー色んな別名をもつ折りたたみ式のナビゲーション。これもCSSだけでやってみました。マウスがスイッチの上に乗ると、下に垂れ下がってくるメニューのことです。普通はJavaScriptを使うようなのですが、JavaScriptなしで作りました。html+css で動きます。でも、ちょっと問題ありなので使いませんでした。そんなのばっかりですが、楽しんでくだされば嬉しいです。セキュリティを気にしない客層の場合は、問題なく使えると思います。 プルダウンメニューの作り方 1.html部分は 親に a 要素を使います。これは IE の
ラジオボックスをCSSで装飾し、javascriptを使用してselect風に使えるようにしてみました。 とある案件で作ったものをサンプル用に修正したものですが、 なかなかうまくいったかなーと思ったのでアップしてみたり。 ラジオボックスをCSSで装飾 ちなみに「#itemList」のプロパティのtop:0をbottom:0に変更すると リストが上に向かって展開します。 使う場所に応じて修正して使ってみてください。(使ってくれる人がいるかは分かりませんが・・(;´д`)) パーマリンク コメント(0) トラックバック(0) ということで、連日同じエントリーですが。 もう少し作り込んで、今回は別ページでサンプルをアップしてみました。 変更点としては、前回の物に比べ、色などのスタイルを修正。 加えて、下に階層が含まれているメニューについては、右端に▲のマークを 自動で追加するようにしてみま
階層メニュー部分のHTML文は以下のようになっている。それはUL-LI-UL-LI-・・・の階層構造であり、入れ子になったリスト構造である。この構造によって入れ子の部分をまとめて管理できるので、親−子−孫−構造こそが階層メニューの真骨頂ではないだろうか。 なお、メニューの各リスト項目をわざわざ<p>タグで囲ったのは、この部分をブロック扱いにするためである。(それによって文字部分ではない余白にマウスが重なっても当該部分をハイライトすることが出来る。)<p>タグを用いずにcssで各メニュー項目をブロック扱いする方法もあるが、この方が筋が通っていると考えた。 【ポイント】 DOMによりHTML要素を直接Objectとしてコントロール出来るので、要素に対するidやclass指定は極めて少なくて済む。(idやclass指定はCSSによるコントロールのためのみに必要になるに過ぎない。Javasc
<textarea name="code" class="css" cols="60" rows="5"> html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{ margin:0; padding:
人に説明をする時には、まず「言いたいことがたくさんあり過ぎて、何から話せばいいか困ってしまう」という状態にならなくてはなりません。そうなっていない場合は、無理やり話を始めるのではなく、自分の中に「話したいこと」をためなくてはなりません。(p.54) 今回ご紹介する『プロSEが教える!自分のアタマの中を伝える技術』は、その名の通りプロのSEが実際に現場で活用している「説明の方法論」を解説した一冊。 僕自身も、最初のキャリアはSEでしたから、読んでいて共感できるところが少なくありませんでした。「ITな人」なら、ほとんど無意識に行っている思考方法やちょっとした情報整理のコツなどが、「非ITな人」にもわかりやすく説明されており、どちらの人にも参考になります。 「非ITな人」にとっては理解のためのフレームワークが手に入り、すでに「ITな人」にとっては「非ITな人」にどのように説明すればわかってもらえ
たとえ、あなたが大企業にお勤めでも、社長と社員数人の会社で働いていても、職場でのパワーの移動、社内政治は存在しますよね。これはもう、避けては通れない道なのです。 そこで、「Investor's Business Daily」には、エグゼクティブコーチで、『Political Dilemmas at Work』の著者ゲリー・ランカーを取材した記事が載っていたのでご紹介します。社内政治を生き抜くには10のルールがあるそうですよ。 詳細は、以下でどうぞ。 【1】 ちゃんと向き合う 社内政治なんて、そんなゲームには関わらない、とあなたが言った瞬間、パワーはあなた以外の誰かに移ってしまいます。逃げないで、ちゃんと向き合いましょう。 【2】 周囲を正当に扱う 社内政治に勝つには、相手をあなたの味方にすることです。でも、脅して味方にしても、長続きはしません。「敵」1人1人の「価値」を見つけ、尊重しするこ
All of Percona’s open-source software products, in one place, to download as much or as little as you need.
All of Percona’s open-source software products, in one place, to download as much or as little as you need.
All of Percona’s open-source software products, in one place, to download as much or as little as you need.
mysql> select * from information_schema.INNODB_BUFFER_POOL_CONTENT; +-----------+-------+--------+---------+----------+------------+-----------+--------------+--------------+----------------+-----------------+--------------+------------------+ | BLOCK_NUM | SPACE | OFFSET | RECORDS | DATASIZE | FLUSH_TYPE | FIX_COUNT | LRU_POSITION | PAGE_TYPE_ID | PAGE_TYPE | INDEX_NAME | TABLE_SCHEMA | TABLE_NAM
All of Percona’s open-source software products, in one place, to download as much or as little as you need.
All of Percona’s open source software products, in one place, to download as much or as little as you need.
All of Percona’s open-source software products, in one place, to download as much or as little as you need.
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
Jaslabs: High performance phpでMySQL のクエリを最適化するための10のTipsが公開されています。explainを利用した一般的な方法から、SELECT・INSERTのクエリオプションを使用するような方法まで紹介されています。MySQLクエリの速度低下にお悩みの方は一度読んでみるとよいでしょう。 Jaslabs: High performance phpでMySQL のクエリを最適化するための10のTipsが公開されています。explainを利用した一般的な方法から、SELECT・INSERTのクエリオプションを使用するような方法まで紹介されています。MySQLクエリの速度低下にお悩みの方は一度読んでみるとよいでしょう。 1. explainコマンドの使用 explainコマンドはクエリでどのインデックスが指定されているのか、などの情報が取得できます。 e
Jaslabs: High performance phpで紹介された「MySQLのクエリを最適化する10のTips」に対して、反論している人がいる。ブログ「20bits」のJesse氏だ。彼は「10 Tips for Optimizing MySQL Queries (That don’t suck)」というエントリーで、Jaslabs氏の記事は適切でないとしている。 Jesse氏の経験によれば、SQL最適化で最も重要なことはSQLやDBの基本をしっかりと理解することであり、60%がこれで解決するという。残り35%はDBやクエリの特殊な性質に対する対処であり、最後の5%で発想の転換などを求められる。Jaslabs氏はここにばかり力を入れており、それはまったくもって時間の無駄だと述べている(Jesse氏は「SQL_SMALL_RESULTなんて、生まれてこの方使ったことすらない」とまで言っ
僕らは、SEO分野において、非常に検索エンジンに優しい立場にいる(「ホワイトハット」というフレーズは使う気になれない。なぜならこうした言葉はすべて、多くの場合意味が不明瞭だと思うからだ)。でも、怪しげだけど良くできた戦略には、十分敬意を抱いているし、それらを観察し、分析してみることはとてもおもしろいことだと知っている。 とはいえ、困ることもある。顧客のプロジェクトに関して、まだ自分たちが取り組んでもいない時点で、以前に実施された怪しげな戦略の責任を負わされることだ。先だって自社で経験した話だが、顧客のWebサイトがインデックスから消えたときに、僕たちはこのような問題に遭遇した。僕らが責められる筋合いではなかったのだけど、タイミングが非常に悪かった。ことの成り行きは、以下のような感じだ。 ある顧客(汎欧州レベルのブランド)が、最高マーケティング責任者直属の「外部委託のSEO部門」として僕らを
連載第1回の「Strutsの諸問題を解決するWebフレームワークとは?」では、TERASOLUNA Server Framework for Java Web版(以下、TERASOLUNAフレームワーク)を利用する以下のようなメリットを紹介してきました。 第2回では、TERASOLUNAフレームワークを使って簡単なサンプルアプリケーションを作成します。実際にサンプルを作成する過程で、各クラスや設定ファイルの内容について解説し、TERASOLUNAフレームワークの動作原理を理解しましょう。また、多人数でのWebアプリケーション開発で、具体的にどの作業を分業化し、どの作業について情報共有しなくてはならないのかについても触れ、Webアプリケーション開発の全体的な作業イメージについても理解していきましょう。
日本シリーズMVPで胴上げされてる岸投手がすごい件 http://jfk.2ch.net/test/read.cgi/news4vip/1226285171/1 :以下、名無しにかわります:2008/11/10(月) 11:46:11.09 ID:e40vFIh60 飛びすぎwwwwwwww タカスクリニックwwwwwwwwwwwwwwwwwwwwwwww 6 :以下、名無しにかわります:2008/11/10(月) 12:02:51.71 ID:xGLtmd92O 誰か>>1の画像をおもしろくしてくれよ 10 :以下、名無しにかわります:2008/11/10(月) 12:21:00.79 ID:p9iOulSi0 できたできた。 11 :以下、名無しにかわります:2008/11/10(月) 12:22:37.03 ID:QeCmO2Vw0 テララピュタ 13 :以下、名無しにかわります:2
ボストンで13年働いた研究者が、アカデミック・キャリアパスで切磋琢磨する方法を発信することをめざします。 2024/02 « 12345678910111213141516171819202122232425262728293031» 2024/04 アイデアがバイラス感染のように広がる社会現象を描いた「 The Tipping Point: How Little Things Can Make a Big Difference」や、直感や第六感の重要性についての「 Blink: The Power of Thinking Without Thinking」で有名なベストセラー作家のマルコム グラッドウェル(Malcolm Gradwell)の待望の新刊「 Outliers: The Story of Success」が11月18日に発売になります。 (追記)Outliers(外れ値)とは
MySQL メモ 関連: DatabaseManagementSystem ---- リファレンス -MySQL AB :: MySQL Documentation --http://dev.mysql.com/doc/ -MySQL :: MySQL 5.1 リファレンスマニュアル --http://dev.mysql.com/doc/refman/5.1/ja/ -MySQL --http://www.cgis.biz/mysql/mysql.htm ---簡易リファレンス -Amazon.co.jp: MySQL全機能バイブル ~現場で役立つAtoZ~: 鈴木 啓修: 本 --http://www.amazon.co.jp/exec/obidos/ASIN/4774139750/nilabwiki-22/ref=nosim ---- カラム型 -MySQL :: MySQL 5.1
おおいしつかさ 旅行とバイクとドライブと料理と宇宙が好き。 Ubie Discoveryのプログラマ。 MySQLコンファレンス2008に参加してきました。同時通訳というものをはじめて経験したけど、けっこう理解しにくいものですね。ふつうに英語を聞いていたほうがよかったかも(英語もよく理解できないけど)。ところどころ、頭が混乱してしまってよくわからなかったところがありました。 仕事があったので2日目だけの参加でした。 ぼくが聞いてぼくなりに理解した内容だったり(またはよく理解できていない内容だったり)するので、事実とは異なるところもあるかもしれません。 1.MySQL Performance Tuning 1 ボトルネックとなる箇所をさぐることが大切 スロークエリログ ・基本 ・十分詳細ではない ・どこが非効率なのかまではわからない ・時刻(時間帯による環境の影響は?)、ユーザ(どのアプリ?
SlowLogの設定 環境設定ファイル(Windowsではmy.ini,Linuxではmy.cnf)に次のような設定を加えるとSlowLogが有効になる。 log-slow-queries SlowLogの有効化(ログファイル名を指定可能) long-query-time=2 SlowLogに記録する処理時間の上限 log-long-format インデックスを使用しないSQL文の記録 long-query-timeパラメータは,SlowLogに記録するしきい値を秒単位で設定する。この場合には,2秒超える処理時間を費やしたSQL文を記録する。また,log-long-formatを指定すると,インデックスを使用しないSQL文もSlowLogに記録する。 SlowLogの確認 SlowLogが動作しているかどうかは,次のコマンドで確認できる。log_slow_queriesがONであれば有効と
インデックスは特定のカラム値のある行をすばやく見つけるために使用されます。 インデックスがないと、MySQL は関連する行を見つけるために、先頭行から始めてテーブル全体を読み取る必要があります。 テーブルが大きいほど、このコストが大きくなります。 テーブルに問題のカラムのインデックスが含まれている場合、MySQL はすべてのデータを調べる必要なく、データファイルの途中のシークする位置をすばやく特定できます。 これはすべての行を順次読み取るよりはるかに高速です。 ほとんどの MySQL インデックス (PRIMARY KEY、UNIQUE、INDEX、および FULLTEXT) は B ツリーに格納されます。 例外: 空間データ型のインデックスは R ツリーを使用します。MEMORY テーブルはハッシュインデックスもサポートします。InnoDB は FULLTEXT インデックスの逆のリスト
- UNIVERSAL JよりリリースするScott Murphyの公式ページ。リリース情報やニュース、視聴・試聴コンテンツをご覧いただけます。JR東日本の発車時音楽や森山直太朗、SPITZなどをまんま日本語でカヴァーしたアルバム『Guilty Pleasures』(2006年11月、インディーズ・レーベルよりリリース)が15万枚を超え、いまだに売れ続けるヒット作となったALLiSTER(アリスター)。ツアーで初めて訪れた日本に恋してはや7年。リーダーScott Murphy(スコット・マーフィー・Vo & B)のJ-POP愛(?)はバンド解散後も消えることなく、そしてここに驚異の「逆輸入日本語カヴァー」第2弾が誕生!! 今回もScott自身が「最もエキサイティングな音楽」と語るJ-POPを中心に選曲。清冽な疾走パンクサウンドはそのままに、更に進化した日本語で咆える、アメリカ人視点のカ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く