CSS Hack、IEの条件付きコメント、table要素、JavaScriptを使用しないで、ドロップダウン型のナビゲーションを実装するスタイルシートをCSSplayから紹介します。 Two CSS menus - NO hacks, NO conditional comments, NO tables and NO javascript. demo ドロップダウンを表示するトリガーはhoverとclickの二種類があり、どちらもハック無しで実装されています。 二つとも、active時にはドロップダウンがキープされます。 ナビゲーションはリスト要素で実装されており、各親階層ごとにul要素が使用されています。 また、dl要素版も公開されています。
気になる記事をスクラップできます。保存した記事は、マイページでスマホ、タブレットからでもご確認頂けます。※会員限定 無料会員登録 詳細 | ログイン 私の従姉の話です。 18年前、彼女は30歳のとき、2つ年上のご主人を亡くしました。 残されたのは彼女と4歳、2歳、1歳の3人の子供たち。彼女の親元からも離れた地で、ある日突然、たった1人で3人の子育てをすることになったのです。 どちらかといえば、おとなしく、人の背中に付いていくタイプだった従姉が果たしてやっていけるのだろうかと、当時はとても心配しました。 それから10年の歳月が経ち、祖母の法事で彼女と会う機会がありました。 「同じ人?」とこちらが疑うほど、彼女はたくましく、力強く、自主性に溢れていました。法事を仕切り、訪れる人に細かな気配りをし、その合間にはしっかり子供たちの面倒を見ている。 先日、その従姉の末っ子が、大学に入ったという話を聞
キユーピー 「野菜好きな人のための旬レシピ」サイト。旬の野菜とドレッシングのおいしい組み合わせをご紹介しています。
2007年10月27日に開催された「PHP in Fukuoka & 福岡Webデザイナーズ合同勉強会」で使用した資料を公開します。 FWD勉強会vol.1資料公開[PDF:1.4MB] 当日伝えきれなかったことや、良い忘れていたこと、準備不足だった部分を補う意味で、付録を追加してから公開しようと思っていましたが、時間がかかりそうだったので、後日余裕ができてから公開したいと思います。 今回は「いろのはなし」というタイトルで、色彩調和をテーマに話をさせていただきました。学生の頃に色についての授業を受けているはずですが、あまり勉強をしていなかったので詳しいわけではなく、少し知っている程度でした。そこでいろんな本を読んだりしながら勉強をし直すことになりました。 色の話はとても範囲が広く、調べていくうちに全体をカバーすることなど到底無理であることが判ってたので、要望のあった「色彩調和」に絞ることに
Learning jQuery: Submit form PHP Mac style Modal window | AEXT.NET PHPとjQueryのAjax連携の学習用チュートリアルが公開されています。 macスタイルのログインフォームからjQueryでAjax送信してリアルタイム認証を行うサンプルです。 それぞれ簡単なコードになっているので入門にも最適で、かつ成果物もクール。 デモページ 入門としてだけでなく、サンプルとして応用して使ってみるのもよさそうです。 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 JavaScriptのウィジェット作成や各種メニュー作成等、便利なチュートリアル集のまとめ jQueryでアコーディオン作成のチュートリアル 無限に回転するカルーセルUI実現用jQueryプラグイン実装チュートリアル
テキストメール制作時にポイントになるのが、罫線や囲み枠を用いた装飾部分である。読者の注目を引くのに有効なだけではなく、トピックの見出しに番号をふって目次を用意すれば、メールの可読性が向上する。これまでの記事の中で触れた改行やフォントの問題をクリアすれば、表現力豊かな装飾を施すことができるだろう。 そこで今回は、メルマガなどですぐに活用できる罫線や囲み枠を紹介していく。まずは、テキストメールの注意点をおさらいしておこう。 機種依存文字を除く 丸囲い文字やローマ数字、単位記号、半角カタカナなどは特定のパソコンだけでしか読むことができず、文字化けの原因になるため使用を避ける。フォントを意識したレイアウトを 等幅フォントがセオリー。メルマガ内に「等幅フォントでご覧下さい」と記載する方法もあるが、プロポーショナルフォントでもレイアウトが崩れないようにすることが望ましい。主要メールソフト/Webメール
NAVERのまとめコンテンツが いつの間にか凄く進化してました。 横着者でまとめてリンク集化する 僕にとっては凄くありがたいので 参考にさせて頂いています。現在 かなりの数のリンク集が作られていますが、 その中でも特に参考になったコンテンツを 20個選んでご紹介します。 平たく言えばまとめのまとめなんですが、「NAVER、参考になりますよ」って事を言いたいだけですのでご了承下さい。NAVERはユーザー同士でまとめるので、一言コメントが結構参考になったり。ユーザーがコンテンツを作るNAVERは今後、マーケティングに最適な場に育ちそうな予感がします。 総数はそのまとめコンテンツのリンク数です。※2009・09・08現在 このサイトのデザインがすごい。 国内外の秀逸なWebデザインのギャラリー。総数79件 このサイトのデザインがすごい。 iPhoneで使えるアプリ iPhoneアプリいろいろ。コ
加藤登紀子の歌ったロシア民謡「百万本のバラ」では、絵描きが財産をはたいて買ったバラは女優の見る窓の先の広場を埋めつくしていましたが、100万本のマッチに火を付けると巨大な火柱になるようです。 詳細は以下から。 YouTube - Burning 1 million match heads 実験を行ったのは都市伝説などを検証する番組「MythBusters」。 裁断機なども使って、100万本のマッチの頭薬が集められました。 集めたマッチはドラム缶に投入。 火を付けると、何かが爆発したような輝きが。 遠くから見ても異様なことに。 激しい火柱が立ち上るという結果になりました。炎の高さは50フィート(約15メートル)にもなったそうです。 3万本のマッチを燃やした時は、小さなキノコ雲ができあがる程度でしたが、マッチといえども100万本も集めるととんでもない事になるようです。
今年はハローキティ生誕35周年ということで、さまざまな芸能人やキャラクターたちとのコラボ商品がたくさん登場していますが、海外では謎の生物とコラボレーションしているハローキティがあるようです。 何の説明もなければハローキティが含まれているのが分からない姿になっており、ここまでくると別キャラクターと言えそうです。 画像は以下より。 謎の生物とハローキティーがコラボすると…… ?! 色と服装以外にハローキティと認識できるところがありません。 植木のそばに置いてみた。 花を背景に撮影。 以下から他の写真を見ることが出来ます。 Hello Ktulhu! (8 фото) >> Триникси - Вселенная Развлечений. Картинки, приколы, видео, флэш これをハローキティと呼んでも問題ないのでしょうか。
台湾のASUSTeK Computerが「Eee」ブランドの電子書籍端末を発売する計画について2009年8月に報じられたものの、このほどより詳細な情報を入手することができた。 同社の広報担当がロンドンのThe Timesに語った話では、廉価版とプレミアム版の2バージョンの販売が計画されているという。 とはいえ、最も興味をそそられるのは、プレミアム版のモデルではヒンジ機構が採用され、一般的な書籍のように開いたり、タブレットデザインに折りたたんだりすることが可能だろうということだ。このデザインにより、ユーザーは片方のスクリーンで(タッチスクリーンを使ってページをめくりながら)書籍の本文を閲覧し、もう一方のスクリーンではウェブページを閲覧することが可能になるかもしれない。 今回の報道によれば、スクリーンの1つをバーチャルキーパッドとして活用し、電子書籍端末をノートPCのカテゴリに進出させる可能性
NECは9月7日、PCなど情報機器の画面に表示されるウェブコンテンツや電子文書において、高齢者や色覚特性のある人が読みやすい配色であるかどうかを判定できるカラー検査ツールを開発したと発表した。 このツールはアクセシビリティへの取り組みとして開発されたもの。高齢者や色覚特性のある人の見え方をシミュレーションできる画像変換機能を搭載したほか、2009年度改訂予定の新JIS規格に準拠したコントラスト判定数式に基づいて、文字色と背景色の組み合わせを判定し、望ましい配色を推奨する。さらに、NEC独自の文字認識技術を用いて文字部分の特定、文字色と背景色の特定、コントラスト判定を一連の作業として自動化する。これにより、検査時間を従来比で最大66%削減できるという。 NECは今後、このツールを8月よりNECグループ内に展開し、製品やソリューションのほか、NECが発信する情報コンテンツにおいても、新JIS規
十八歳の冬に自動車とぶつかって足を折り、手術を受けた。このとき、かねてより疑問に思っていたことを自分で調べ、幸か不幸か判らないが、自身の正体を知ることとなって頭がくらくらした。現代では男性の三百人に一人の割合で出現する、尿道下裂という先天的な異常が、自分の体にはあった。手術の際にカテーテルを入れると聞いて、二つある穴のどちらに入れるのかと悩んだのだが、保健の教科書にある断面図にはどう見ても一つしかなかった。胎児の段階で人は性的に分化していくが、どこかで迷いが生じたのか俺は男になりきれなかったらしい。機能的に何か不都合があるわけではなかった。但し統計的には、精巣癌などを発症する確率がいくらか高いらしい。そして今までに自分自身や周辺で起きていた異変を、あらためて思い知らされることになる。それは身体的なことに由来する異変でもあり、またはどこにでも起こりうる不幸でもあった。不幸というのは様々な意味
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く