[B! CSS][ui] muchonovのブックマーク

muchonov id:muchonov

CSSとuiに関するmuchonovのブックマーク (6)

Excelっぽい機能も付いた検索＆ソート＆ページング機能付きテーブル実装JSライブラリ「TinyTable V3」:phpspot開発日誌
Excelっぽい機能も付いた検索＆ソート＆ページング機能付きテーブル実装JSライブラリ「TinyTable V3」 2009年11月18日- Excelっぽい機能も付いた検索＆ソート＆ページング機能付きテーブル実装JSライブラリ「TinyTable V3」。次のような、ＵＩも美しい高機能なテーブルの実装が出来ます。普通のテーブルをリッチにスタイルを切ると、次のような単なる<table>タグで定義されたデータなのですが、JavaScript とCSSの力によって大きく形を変えています。機能紹介検索機能。大量にデータがあった場合にこの機能はかなり重宝します。ソート機能。データが一杯でも分かりやすい。全カラムにおいてソート機能が付いてますページング機能によって縦幅が大きく取られることを防ぎます。view all ボタンで全部を表示することも可能。縦方向の合計をExcelのsumっ
muchonov 2009/11/18
css

javascript

table

ui

web
リンク
Stu Nicholls | CSS PLAY | A cross-browser dropdown menu with no hacks
CSS MENUS › Float drop menu system Date : 7th September 2009 For all modern browsers This demo is too wide for your mobile screen. Please view on a tablet or PC. Method One - Using hover to open sub menus Information Thanks to some pioneering work by Timo Huovinen http://thinkhtml.blogspot.com/ and a competition on Sitepoint, I can now offer a single level fixed width dropdown menu that works in a
muchonov 2009/09/09
コードクリーンなドロップダウン。唯一の難点は文字数成り行きで横幅を決められないこと，ボタンサイズより長い小項目ははみ出すこと

css

ui

design
リンク
タブUI詳解
タブUIの構造や特長、設置の判断、ユーザビリティ、アクセシビリティ、実装のポイントや機能の拡張方法、実装例やスクリプト例をSmashing Magazineから紹介します。 Module Tabs in Web Design 以下、その意訳です。 ※原文では「タブモジュール」となっていますが、タブモジュールやタブUIと記載すると煩雑になるため、「タブ」と略します。タブのみを指す場合は、「タブコントロール」としています。はじめに 1. タブの構造 2. タブはいつ使用するのか 3. タブのユーザビリティとベストプラクティス 4. タブのアクセシビリティ 5. タブの拡張 6. タブの実装集 7. タブを実装するためのチュートリアル集 8. タブを実装するスクリプト集はじめにタブモジュールは複数のコンテンツを異なるパネルに配置したユーザインターフェースのデザインパターンです。パネル
muchonov 2009/09/08
タブ実装あれこれ

css

design

ui

tab
リンク
Particletree » Rediscovering the Button Element
IntroductionCreating a consistent interface for your users is a constant struggle for every application designer. Building consistency on the web is especially tough because the visual rendering differences across browsers and operating systems are wildly different and almost arbitrary in what can and cannot be done. No where does this become more apparent than when you’re dealing with form elemen
muchonov 2009/09/04
フォームのポストをsubmit→Buttonで。デザインデコレーション

css

design

html

ui
リンク
[CSS]リスト要素を使用したスタイルシートの5つのトリック
ul, ol, dl要素を使用したスタイルシートの5つのトリックをPieter Beulqueから紹介します。 <textarea name="code" class="html" cols="60" rows="5"> <ol> <li>Lorem ipsum dolor ... elit.</li> <li>Aliquam ... eu risus.</li> <li>Vestibulum ... neque.</li> <li>Lorem ipsum dolor ... elit.</li> <li>Aliquam ... eu risus.</li> <li>Vestibulum ... neque.</li> </ol> </
muchonov 2009/08/03
ちょっとダーティよね

ui

web

css
リンク
JQuery UI Tabs With Next/Previous | CSS-Tricks
Get affordable and hassle-free WordPress hosting plans with Cloudways — start your free trial today. Tabbed areas are lovely, but when you start getting to more than 3 or 4 different tabs, they start to get a little crowded and it makes sense to provide alternative navigation of them. I think it makes sense to supply universally located Next/Previous buttons, so without even moving your cursor you
muchonov 2009/03/11
ui

usability

web

design

tab

CSS
リンク
1