ドットインストール代表のライフハックブログ
Super Tablesは、テーブルのヘッダを固定表示にし、縦横にスクロールバーを表示させるスクリプトです。
ユーザビリティ・デザインの本なんか読んでいると、「ペルソナ」やら「アフォーダンス」やらといった心理学っぽい言葉がちょいちょい出てきます。 ただデザイン界で使われるそれらの言葉は、場面によって捉えられ方が違ったりして、たまに(よく)混乱するコトがあります。 そんなワケで、今回はアフォーダンスについて復習です。ええ、備忘録みたいなモンです。 そもそも、アフォーダンスとはこんな成り立ち。 ものすごく乱暴ですが、生態心理学の便利な概念「アフォーダンス」です。 コレをドナルド・ノーマンが認知心理学的にデザイン界へ持ってきたのが「主観的アフォーダンス」です。 微妙っちゃあ微妙ですが、違いとしてギブソンのアフォーダンスは、あくまで『客観的かつ絶対普遍的な関係』としての事象であったのに対し、ノーマンの主観的アフォーダンスは『観察者の主観を持った環境との関係』を意味しています。 UI的な言い方だと環境(モノ
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
Structure and hierarchy reduce complexity and improve readability. The more organized your articles or web-sites are, the easier it is for users to follow your arguments and get the message you are trying to deliver. On the Web this can be done in a variety of ways. Structure and hierarchy reduce complexity and improve readability. The more organized your articles or web-sites are, the easier it i
PopBox! - Javascript Image Magnification PopBox is an image magnification javascript solution for dynamically moving and resizing images on your web page.JavaScriptでの画像プレビュー自由自在「PopBox」。 ページ内の画像をクリックするとページ内でそのまま、アニメーションしながら拡大。 PopBoxを使えば、そんな効果を実装することが可能です。 拡大だけではなく、比率の変更や、画像の移動、画像の縮小を行うことも出来ます。 凄く軽くて使いやすいです。もう、別ページで画像を拡大させるのは古い、と言われてしまうのかもしれませんね。
FancyUpload - Swiff meets Ajax (v3.0) Swiff meets Ajax for powerful and elegant uploads. FancyUpload is a file-input replacement which features an unobtrusive, multiple-file selection menu and queued upload with an animated progress bar. It is easy to setup, is server independent, completely styleable via CSS and XHTML and uses MooTools to work in all modern browsers. Showcases Attach a File A red
How reverse image search works In the age of digital information, reverse image search stands out as a revolutionary tool, enabling users to search the web using images instead of words. But how exactly does this technology work? At its core, reverse image search is powered by advanced algorithms and artificial intelligence, transforming the way we interact with the vast expanse of the internet. T
テーブルのユーザビリティを上げたい。 そんなあなたにおすすめなのが、『Tablecloth』。マウスオーバでテーブルのセルをアクティブ状態にするjavascriptだ。 シンプルなコードを2行追加するだけで、ユーザを魅了するテーブルを作ることができる。 ↑の画像のように、マウスオーバでセルの行と列の背景色が変化する。どのセルが選択状態かがとてもわかりやすい。セルをクリックすると、背景色がより濃い色に変化する。 「Tablecloth」というネーミングもいい。ユーザビリティを上げるために使えるのではないだろうか。 マウスオーバでテーブルのセルをアクティブ状態にするjavascript、チェックして使っていきたいですね。 iPod touchを見てきました。かなりかっこいいけど、音楽を聞くのがメインだからどうしようかな。インターフェースを楽しむ分にはいいんだけど容量が少ないしなーって今日買った
table sortingのバグとか直してみた 先日紹介したtable sortingについて、たつをさんよりバグの指摘を受けました。 例えば、 3,10,2 を昇順にしても 2,3,10 にならず、10,2,3 になる。 つまり、「文字列」としてしかソートできない。 中略 ts_resortTable() の中の「var i = 0;」を「var i = 1;」にすれば まともに動くようになるよ。応急処置。 テーブルをソートできるようにするjsライブラリ table sorting をまともに使えるようにする ほんとですね。動いてないです。 で、ヒントもいただいてるのでソースをながめていると if (itm.substr(0,4) == "<!--" || itm.length == 0) { あたりがまともに動かない様子。 if (t.tBodies[0].rows[i].cells[
テーブルをソートできるようにするjsライブラリ-table sorting table sortingはテーブルをソートできるようにするjsライブラリです。 テーブルの内容でソートしたり、奇数行、偶数行にそれぞれ異なるclassをつけたりが可能です。 設置方法 ダウンロードしたsortable.jsをhead要素内なので読み込みます。 <script type="text/javascript" src="sortable.js"></script> ソートの対象のtable要素のclass属性をsortableに設定して、任意のID名をid属性につけます。 <table class="sortable" id="foo"> ソートの対象にしたくない列がある場合はth要素のclass属性にunsortableを設定します。 <th class="unsortable"> ソートの対象にした
Мостбет сайтМостбет сайт — это молодой ресурс, который идет семимильными шагами к достижению наивысшего качества. Число пользователей которые посещают сайт растет с каждым днем и большое количество задумывается о том, чтобы создать профиль и начать делать ставки. Эта статья предназначена для тех кто еще раздумывает или просто не знает как начать потому что еще не имеет опыта с этим видом онлайн ра
Tab Interface Scripts | Dr. Web Weblog タブ風UIを実装するための色々。 標準的なタブUIから変り種タブUIまで、いろいろなタブ式UIを実現するためのライブラリがまとまっています。 Javascript Tabs vom Stilbüro AJAX Tabs Content Script Tabmenu dhtmlxTabbar ActiveWidgets 2.0 続きをみる いろいろあって面白いですね。 関連エントリ クールなタブUIを簡単に実現できるJavaScriptライブラリ「LivePipe」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く