30のユニークなコメント欄デザイン
ソーシャルブックマークのコメント機能や、Twitter などのマイクロブログサービスにその場を奪われてしまっているブログのコメント欄ですが、まだまだ工夫次第で楽しいものになりますよ、ということで。30のユニークなコメント欄デザインを集めた記事がありました（via swissmiss）： ■ 30 Must See Comment Designs for Web Designers (Creating a blog web design blog) コメント欄がユニークな30のブログについて。冒頭で「コメント欄のデザインはアートだ！」という名言（？）が飛び出したりしています。とりあえず先に30個を箇条書きにしてみると： alwaysBETA AudetteMedia Baekdal Bartelme Blog Design Blog Dale Anthony Darkmotion Eliti
RedLine Magazine : jQueryでパンくずをうまくスペースに収める
jQueryでパンくずをうまくスペースに収める jQueryとプラグインを使ってパンくずを限られたスペースにうまく収めるネタ。動きもいい感じ。 >>CompareNetworks jQuery'd Bread Crumb - jBreadCrumb This collapsible breadcrumb was developed to deal with deeply nested, verbosely named pages.って書いてある通り、深い階層になってて、すごい長い名前が付けられたページのパンくずに対応できるようにって趣旨みたい。 >>サンプルページ 英語だとこのままでいいんかもしれんけど、日本語だとデフォルト指定の状態で隠れてる状態が最初の１文字目の半分くらいしか見えないから、jquery.jBreadCrumb.jsの中の最後のいろいろ指定する部分「previewWidt
機能の豊富さとユーザの関与
ユーザの関与が深まるほど、アプリケーションはより多くの機能を維持できる。しかし、大部分のユーザの関与のレベルは低いものだ ―― 特に、機能の数よりもシンプルさの方を重視しなくてはならないウェブサイトの場合は。 Feature Richness and User Engagement by Jakob Nielsen on August 6, 2007 どんなユーザーインターフェースをデザインするにしても、重要な決定事項のうち一つは機能の多さとシンプルさの兼ね合いに関わってくる。機能が増えるほど、システムがより複雑になるのは避けられない： 機能はユーザに明示されている必要があるので、画面がより煩雑になる。 メニューのサイズや数のどちらか、または両方が増えるほど、必要な機能を見つけるのが難しくなる。 機能には説明が欠かせないので、ヘルプシステムやマニュアルのサイズが膨れ上がる： ドキュメントは
ケータイ livedoor ニュース"リニューアル" : LINE Corporation ディレクターブログ
こんにちはモバイルを担当していますタルです。 つい最近モバイル版 livedoor ニュースのリニューアルを担当させていただいたので そのことについて今回書かせていただきたいと思います。 リニューアルとは「なんのために（何を目的に）やるのかということが重要」とよく言われてますが 今回のリニューアルは 2つの改善テーマをもってリニューアルいたしました。 ・UI（ユーザビリティ含む）改善 ・AdSense 改善 ケータイのページは見せられる画面が小さく、限られているのでその中で、そのコンテンツで見せるべきものの優先順位を PC よりもはっきりとしっかりとつけなくては単調で何も伝わらないページになってしまいます。 【01】画像を出来るだけ削除 （基本的には１００K端末をメインターゲットにして作ればよいが それでも７０Kと30Kでは表示される速度がかなり違うので、そのページで何を 優先して伝えたい
ヘッダーにも記事一覧を設置するブログデザインの小技 | SiMPLE*SiMPLE
ヘッダーにも記事一覧を設置するブログデザインの小技 May 24, 2007 2:20 PM written by 8maki ブログのインターフェースも多種多様になってきています。ヘッダー部分も主種様々な工夫がなされていたりしますよね。今日はその中の一つをご紹介。 Gizmodo Japanのヘッダーには人気の記事一覧がおり込まれています。 また、lifehack.orgでは最新記事一覧が表示されます。 ブログの記事一覧はサイドバーに設置するのが一般的ですが、訪れたらまずはじめに目がいくヘッダーにも設置することで、どういった記事を書くブログなのか、初めての人にもアピールしやすくなります。 それにヘッダーって常に目に付く場所ですから、いきなり個別記事ページを訪れた人に対しても他の記事をアピールすることができます。 他にもヘッダーやフッターなどをうまく使ったブログレイアウトがあったらご紹介し
ユーザインタフェース設計 - Wikipedia
この記事は検証可能な参考文献や出典が全く示されていないか、不十分です。 出典を追加して記事の信頼性向上にご協力ください。（このテンプレートの使い方） 出典検索?: "ユーザインタフェース設計" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL (2012年1月) ユーザインタフェース設計（ユーザインタフェースせっけい、英語: user interface design）とは、ユーザインタフェースの設計（デザイン）である。日本語に限らず世界的に英語のデザイン（design）という語は、しばしば「見た目」という意味にされてしまいがちであるが、本来の意味は、機械の仕組みなどについて言うそれと同様、ユーザビリティの作り込みといったものなどを含む工学的な概念であり、見た目などについてはグラフィックデザインのように
dhtmlxCombo Ajax-driven JavaScript ComboBox with autocomplete
Editable/read-only modes Disabled mode Custom filtering Sorting Custom templates for list items Event handlers in custom templates Showing the number of selected items Selecting multiple options Marking as a required field Adding a hidden label Adding free text Accessibility support Groups in the drop-down list Editing/deleting options Dynamic rendering Integration with dhtmlxForm Data loading fro
jQuery
Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well as in style property manipulation What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use
ウェブサイトを使いやすくするための43の法則
R6K.Net Pressにエントリーされている「あなたが避けるべきウェブデザインの43のミス」の意訳です。 43 Web Design Mistakes You Should Avoid 上記エントリーによると、よく見かけるデザインのミスリストは10個くらいが通常ですが、それでは足らなく、増やしていくうちに43個になったそうです。 43の法則は、常識として浸透しているものもあれば、論争になるようなものもあります。 個人的には、いくつかは条件しだいでと思いますが、概ね相違無いです。 The user must know what the site is about in seconds. サイトに来訪したユーザーは、数秒で何のサイトか知らなくてはいけません。 Make the content scannable. コンテンツが一覧できるリストが必要です。 Do not use fancy
[JS]マウスのホイール操作を認識するスクリプト -Mouse Wheel Extension
Mouse Wheel Extensionは、ユーザーのマウスのホイール操作を認識するスクリプトです。 Mouse Wheel Extension デモページ 上記のデモページでは、下記のホイール操作を認識しています。 test1: エリア内で、up, downのカウントとマウスの座標。 test2: ホイールのデフォルト操作を禁止。 test3: mouseover, mousedown のカウント。 test4: ハンドラーを２つ設定。 test5: test 6, 7など子要素を持っている。 test6: 子要素内でのホイールのカウント。 test7: 子要素無しで、test5, 6をカウント。 Mouse Wheel ExtensionはjQueryのプラグインで、最新版の3.0.0ではjquery.js 1.2.2以上が必要です。
AJAXを使った素晴らしいCSSフォームの47のサンプル | コリス
noupeにエントリーされている、AJAXを使った素晴らしいCSSのフォームの47のサンプルの紹介です。
[JS]単純なリスト要素を開閉するスクリプト集
単純なリスト要素でマークアップされたものを、クリックで開閉できるスクリプトの紹介です。 今回紹介しているものは、全て単体で動作するもので、jQueryやPrototypeなどのライブラリは使用されていません。 Accessible expanding and collapsing menu
[JS]たくさんのスタイルで実装できるタブのスクリプト -idTabs
idTabs idTabsではたくさんのデモがあり、上記ページの「Usual」「Freedom」「Advanced」でそれぞれのデモを見ることができます。 Freedomの場所に依存しないタブ、Advancedのアニメーションタブなど面白いタブがたくさんあります。 idTabsはjQueryのプラグインのため、動作にはjquery.jsが必要です。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSデザインできるスクロールバー表示JavaScript （fleXcroll） - youmos
難易度を表すアイコン - SIMPLE*SIMPLE ～ ウェブ職人のための小粋なネタ帳 ～
http://youmos.com/news/css_step_menu
Breadcrumb CSS - Appleに習うパンくずデザインCSS - youmos
Dr. Web Weblog ? Blog-Archiv ? Collection of Web 2.0 Navigation Menus
COULD：インターフェイスガイドラインいろいろ
[CSS]スクリプト無しで実装する2段式のドロップダウンメニュー
