[CSS]スクリプトやテーブルや条件付きコメントやハック無しで実装するドロップダウン型のナビゲーション
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要素版も公開されています。
txqzのURI設計
とくにRFC3986とかで明示されているわけではないけど、Apacheとかを使っていると、http://example.com/hoge/のようなスラッシュで終わるURIはexample.comホストの中にあるhogeフォルダを指していると解釈するのが自然だ。もしDirectoryIndexで指定されたファイルが存在せずIndexesオプションが有効になっていれば、hogeフォルダ以下にあるファイルの一覧が表示される。hogeがフォルダである場合にhttp://example.com/hogeとスラッシュを省略すると、http://example.com/hoge/にリダイレクトされる。 現在のtxqzはブログの記事をデータベースから動的生成して一定期間キャッシュするような設計になっていて、たとえばこのエントリのURIはhttp://txqz.net/blog/2009/05/12/23
再びウェブ・マルチカラムに対する疑問等に応える (agenda)
ヘルプにも書いて居る通り、640 × 480 を想定して居るうちのサイトではマルチカラムは採用出来ないなあ。 制作者の決断 - Weblogより マルチカラムとウェブ・ユーザビリティ (agenda)を読んだだけだとしたらある意味誤解も仕方ないのだが、私が採用を検討しているのはリキッドマルチカラムであり、解像度に応じて適当にカラム数が変化するものだ。単純化して説明すると、たとえばカラムの幅を40emに指定したとしよう。ryu氏のいうVGA（640 × 480px）という解像度では、40emの幅をもつカラムを二列並べることができない（※）ため、自動的にシングルカラムになる。こういった性質がある。逆に40emの幅を持つカラムを3つ並べることのできる画面解像度であったなら、3カラムになりうる。 ※ 文字サイズにもよる それはさておき、VGA以下のようなマルチカラムに適さない環境でも無理やりマルチ
もうずっと人大杉
もうずっと人大杉 ５ちゃんねるで最も勢いのあるスレッドです。 [PR]浪人浪人浪人浪人浪人浪人浪人[PR] お願い。 くれぐれもメールで問い合わせ無いようにして下さい。 私のIPステータス なぜ書けないか、見れないか相談してみる 運用情報臨時
ユーザインタフェースとしてのURL
この先もまだ数年間は、URLはウェブユーザーインタフェースの重要なパーツであり続けるだろう。このため、使えるサイトには以下の条件が求めらる。 覚えやすくスペルも簡単なドメイン名 短いURL 入力しやすいURL サイト構造を反映したURL 「手を加えやすい」URL。URLの末尾に手を加えることで、情報構造の中で上位レベルに移動できる。 一定不変で永続的なURL 原理上、ユーザはURLについて知る必要はないはずだ。それは、マシンレベルのアドレス機構に過ぎない。だが実際は、ウェブサイトや個別ページにたどりつく仕組みの中で、ユーザは生のURLにさらされることが多い。 行ったことのないサイトのドメイン名を当て推量する人がいる。可能なら、あなたの会社名とメインのブランド名については、ドメイン名を確保しておくべきだ。 過去に行ったことのあるサイトでも、ブックマークや履歴リストを使わずに、そのサイト名を推
URL as UI
The URL will continue to be part of the Web user interface for several more years, so a usable site requires: a domain name that is easy to remember and easy to spell short URLs easy-to-type URLs URLs that visualize the site structure URLs that are "hackable" to allow users to move to higher levels of the information architecture by hacking off the end of the URL persistent URLs that don't change
第20回 “使いやすいURI（URL）”の設計を考える
今回は「URIの使いやすさ」について考えてみたいと思います。URIの使いやすさ，というのは，ウェブサイトやウェブ・アプリケーションにおいて，どういうURIでそれぞれのページにアクセスできるようにすると，利用者は使いやすいのか，ということです。つまりは，どのようにURIを設計するのがいいんだろう，ということです。URIの設計については，これまでもいろいろなところで議論がなされていますので，それらの議論や動向などを見ながら，考えていきたいと思います。 URIを話題として取り上げようと思ったのは，4月の4，5日に行われたYAPC ASIA 2007（YAPCはYet Another Perl Conferenceの略）で，Six Apartの創業者でMovable Typeの生みの親であるBen Trott氏がSix Apartのサービス「Vox」について発表を行ったとき，「Voxの出力するRS
ユーザーの使う流れを考えたコマンド配置：mixiを具体例に | こどものもうそうblog
Selected Entries ユーザーの使う流れを考えたコマンド配置：mixiを具体例に (10/07) Categories WORKS (594) 講座 (236) game (153) BOOK (373) computer (23) iPhone&iPad (2) MOVIE (48) music (38) News Dig (23) PLAY (136) publication (52) web (20) web game (26) すごいよ！ (45) カード (15) ゲームをつくろう (3) ゲーム実習 (14) コックリさん (11) 気になるの (109) 写真 (24) 日々 (128) 萌え発想 (32) Archives August 2017 (1) April 2017 (1) December 2016 (1) November 2016 (1) Oct
忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」:phpspot開発日誌
BlueShoes: JavaScript Collection Get all the above components in one package. There is an example that uses most of the components.忘れてはいけない超絶JavaScriptライブラリ「BlueShoes:JavaScript Collection」。 既に紹介したと思っていたJavaScriptライブラリであるBlueShoesの紹介。 ご存知の方も多いと思いますが、知らない人も多いようですね。 ライブラリ、というより、リッチなコンポーネント集といったイメージで、次のような様々なコントロールが使えます。 WYSIWYGエディタ Excel風スプレッドシート ツリービュー スライダーコントロール 他にも下記の様々なリッチコンポーネントが使えます。 入力系コンポーネ
Firefoxのスクロールバーの有無でセンタリング位置がズレる件を解消
中央配置のデザインで、ページ移動の際にコンテンツの量によってスクロールバーが出たり出なかったりするFirefoxさん。 あのズレ、気になる人っていますよね？ すぐ分かるように簡単なサンプルを用意しました。 http://css-happylife.com/template/11/ あ、当たり前だけど、Firefoxで見て下さいね。 コレを解消する為に以下のスタイルを適用させればズレがなくなります。 html { overflow-y:scroll; } 簡単っすね。 で、コレOperaじゃ解決出来ないのが難点。 overflow:scrollでズレないようには出来るけど、下が出ちゃうのはいけてない。 height:100%とかでもバーが出っぱなしにはなるけど、びみょーに出てはいけないバーまで出てしまう。 んーこの辺まで解決したかった... Track Back [1] スクロールバーを表示
script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「Spinelz」:phpspot開発日誌
script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「Spinelz」 2007年01月31日- Spinelz - JavaScript libraries Spinelzはscript.aculo.us.をベースに開発されています。 Ajaxや、script.aculo.us.の持つアニメーション効果を最大限に活かした、ちょっと便利な機能を提供しています。 script.aculo.usベースのリッチGUIコンポーネント作成JavaScriptライブラリ「Spinelz」。 タブ、メニューバー、ナビゲーションパネル、カレンダー、グリッド、ツリービュー等リッチなコンポーネントを実現できます。 以下にいくつか紹介。 タブボックス メニューバー ナビパネル カレンダー グリッド ツリービュー コンポーネントはＣＳＳによってデザインされているため、
人力検索はてな - 入力フォームのデザインがすばらしいページを教えてください。 派手さや装飾ではなく、使いやすさ、見やすさなど機能美優先でお願いします。 海外のサイトでも結構で
入力フォームのデザインがすばらしいページを教えてください。 派手さや装飾ではなく、使いやすさ、見やすさなど機能美優先でお願いします。 海外のサイトでも結構です。
WEBとリアルと人間と - 「気持ち悪い」という気持ち
「タグクラウドを見て気持ち悪いって言うんですよ。その子。」 自分の研究（フォークソノミー）に関して話をしているうちに出てきた反応だ。 「そもそも、ソーシャルブックマークっていうネーミングが気持ち悪い」 「ブックマークって言う時点でダメですよね。インターネットエキスプローラは"お気に入り"っていっているのがいいんですよ」 "お気に入り"という表現が嫌で最後までネットスケープで粘り続けた私は「ギーク」なのだそうだ。 改めて自分のはてなブックマークのタグクラウドを見てみる。 理屈を分からない人が見ると確かに「気持ち悪い」という感じを持ってもおかしくないのかもしれない。 ウェブサービスではどんどん新しい機能が登場するけれど、いち早く実装し続けることでユーザのロイヤルティを保ち続けるはてなのユーザ層はそれほど広くない。少なくともYahoo!とは比べようもないし、もっと分かりやすく比較するならペーパー
マルチリンガルなインターフェースを実現する『Add Language』 | SIMPLE*SIMPLE
questionformはAjaxを多用した小気味いいフォーム作成サービスである。 いろいろと参考になるインターフェースも多いのだが、おもしろいのはデフォルトで多言語対応のインターフェースを備えている点。 フォームを作成するときに「Add Language」なるボタンがあり、それをクリックすると言語切り替えボタンが付いてくれるのだ。またフォームのラベルも言語ごとに設定してくれる。 「Add Language」ボタンをクリックすると・・・ 以下のようなウィンドウが出てきて・・・ スペイン語対応！ ↓ 以下はデモ（このように作ったフォームをiFrameで貼り付けられる模様、なるほど・・・）。 言語の壁があるにはあるが、世界へ向けてサービスを提供する敷居はどんどん低くなっている（システム的に）。実際海外のWeb2.0系サービスやブログで、日本語対応をしているものもどんどん出始めている。 こうした
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VNG - lowreal - Trac
2142-stats.com - このウェブサイトは販売用です！ - 2142 stats リソースおよび情報
Registrant WHOIS contact information verification
ウィンドウの大きさによってレイアウトが変化するサイト - 我的春秋
4Gamer.net ゲーム情報サイト オンラインゲーム、PCゲーム、パソコンゲーム、オンラインRPG、MMORPG、無料ゲーム
ma.laさんによるライブドアテクノロジーセミナーのプレゼン資料「Technologies for UI」