Smashing Magazineのエントリーから、スタイルシートで実装するテーブルのデザインパターンとそのポイントを紹介します。 Top 10 CSS Table Designs Horizontal Minimalist
タグ
- すべて
- ネタ (3)
- 2ch (71)
- IT (2)
- QRコード (2)
- SI (3)
- SheevaPlug (3)
- UX (2)
- actionscript (17)
- activerecord (22)
- admin (46)
- adobe (6)
- agile (20)
- agilesamurai (3)
- air (35)
- ajax (58)
- algorithm (16)
- amazon (38)
- analytics (5)
- android (8)
- angularjs (3)
- anime (12)
- apache (24)
- api (21)
- apple (2)
- architecture (20)
- arel (2)
- art (4)
- async (5)
- atok (4)
- audio (5)
- aurora (2)
- authentication (9)
- automation (4)
- autopagerize (11)
- avisynth (4)
- aviutl (3)
- aws (63)
- backbone (10)
- backgroundrb (6)
- backup (56)
- bash (18)
- battery (2)
- bdd (4)
- benchmark (3)
- bigquery (8)
- blog (25)
- blueray (3)
- bluetooth (2)
- book (40)
- bookmarklet (2)
- bootloader (2)
- bootstrap (9)
- broadcast (4)
- browser (10)
- bundler (2)
- business (93)
- button (7)
- c (2)
- c# (5)
- c++ (8)
- cache (2)
- cafe (3)
- calendar (17)
- capistrano (18)
- capture (2)
- career (13)
- carrierwave (3)
- cassandra (8)
- cd (7)
- centos (10)
- charset (10)
- cheatsheet (34)
- chef (8)
- chrome (23)
- chumby (2)
- ci (6)
- cli (4)
- closure (2)
- cloud (12)
- cluster (5)
- comic (12)
- communication (32)
- community (5)
- compiz (7)
- concurrent (2)
- consul (2)
- converter (12)
- cookie (4)
- cooking (21)
- cookpad (2)
- copyright (14)
- coreos (2)
- cpan (2)
- crawler (5)
- crossdomain (2)
- css (149)
- cucumber (10)
- culture (5)
- daemontools (2)
- database (128)
- dataflow (3)
- dd-wrt (3)
- ddd (11)
- debug (17)
- del.icio.us (11)
- deploy (9)
- design (75)
- designpattern (12)
- desktop (40)
- development (296)
- devise (2)
- devsumi (3)
- diagram (4)
- dns (9)
- dock (4)
- docker (37)
- document (14)
- documentation (2)
- dokan (3)
- download (16)
- drbd (4)
- dropbox (10)
- dtm (5)
- dvd (8)
- ec2 (18)
- eclipse (7)
- economy (5)
- ecs (4)
- editor (16)
- education (11)
- eeepc (16)
- eft (2)
- elasticsearch (7)
- electron (2)
- emberjs (3)
- embulk (3)
- emobile (6)
- encoding (20)
- engineer (8)
- english (10)
- erlang (2)
- es (3)
- es6 (8)
- esxi (13)
- event (11)
- eventmachine (2)
- evernote (10)
- excel (8)
- ext (2)
- extension (90)
- fashion (3)
- features (2)
- ffmpeg (7)
- filer (3)
- filesystem (21)
- finance (21)
- firebug (3)
- firefox (160)
- flash (35)
- flex (13)
- flickr (9)
- fluentd (15)
- flux (2)
- flv (20)
- fon (5)
- font (55)
- foobar2000 (3)
- form (10)
- format (2)
- framework (15)
- free (5)
- freenas (2)
- freeware (5)
- friendfeed (3)
- fuse (3)
- gadget (53)
- gae (14)
- game (41)
- gc (5)
- gears (3)
- gem (9)
- generator (29)
- gentoo (12)
- git (61)
- github (33)
- gmail (20)
- go (5)
- god (2)
- google (82)
- googleime (2)
- googlereader (2)
- gourmet (44)
- gpl (2)
- graphite (2)
- greasemonkey (54)
- grep (2)
- growl (12)
- grub (3)
- gtd (17)
- gulp (2)
- h.264 (2)
- ha (6)
- hadoop (18)
- hardware (34)
- haskell (17)
- hatena (35)
- hdd (15)
- health (17)
- heartbeat (4)
- heroku (7)
- howm (3)
- howto (15)
- htaccess (3)
- html (11)
- html5 (22)
- http (3)
- http2 (4)
- hyperestraier (4)
- iOS (5)
- icon (37)
- ide (6)
- idobata (3)
- ie (4)
- ime (3)
- influxdb (4)
- infrastructure (10)
- innodb (4)
- install (13)
- internet (3)
- ipad (14)
- iphone (321)
- ipod (4)
- irc (4)
- isucon (4)
- itunes (5)
- iview (5)
- jailbreak (58)
- java (42)
- javascript (377)
- jenkins (4)
- job (4)
- jojo (3)
- jquery (112)
- jruby (3)
- json (9)
- kafka (17)
- karaoke (19)
- kernel (5)
- keyboard (4)
- kumofs (4)
- kvs (17)
- lambda (5)
- landscape (3)
- law (9)
- ldap (5)
- ldrize (7)
- library (124)
- license (6)
- life (68)
- lifehacks (85)
- lightbox (8)
- links (48)
- linux (256)
- list (25)
- logging (4)
- lvm (3)
- m17n (4)
- mac (34)
- mackerel (5)
- mail (5)
- management (21)
- mariadb (4)
- markdown (5)
- mashup (14)
- material (62)
- mechanize (6)
- media (3)
- memcached (5)
- memo (7)
- mencoder (3)
- merb (4)
- metrics (3)
- microservices (8)
- migration (3)
- mindmap (5)
- mixi (8)
- mobile (82)
- mod_rails (6)
- mod_rewrite (3)
- monad (4)
- mongodb (9)
- mongoid (3)
- monit (4)
- monitoring (9)
- movie (84)
- mplayer (3)
- mruby (3)
- music (51)
- mysql (110)
- network (61)
- news (30)
- nginx (12)
- niconico (27)
- node.js (19)
- nosql (3)
- oauth (9)
- odrk03 (5)
- office (6)
- openid (9)
- opensource (4)
- openvpn (6)
- oracle (8)
- oss (5)
- p2p (7)
- packwerk (2)
- pagination (5)
- parser (3)
- pasokara (3)
- passenger (9)
- password (9)
- pc (4)
- pdf (5)
- perfectrails (10)
- performance (134)
- perl (21)
- photos (38)
- photoshop (29)
- php (11)
- pipes (5)
- plagger (20)
- plugin (169)
- polipo (3)
- politics (17)
- postfix (4)
- postgresql (17)
- power-assert (3)
- powerpoint (5)
- presentation (28)
- presto (10)
- profile (8)
- programming (223)
- promise (3)
- prototype (11)
- proxy (9)
- pulseaudio (5)
- puppet (7)
- putty (3)
- python (7)
- q4wine (4)
- qiita (3)
- queue (5)
- rack (18)
- rails (377)
- rails2.0 (4)
- rails2.1 (3)
- rails2.2 (5)
- rails2.3 (5)
- rails3 (18)
- ramdisk (7)
- ranking (3)
- rds (3)
- react (16)
- recipe (8)
- recover (5)
- redis (10)
- redshift (6)
- reference (100)
- regexp (10)
- remote (10)
- replication (4)
- resque (3)
- rest (14)
- review (5)
- rspec (30)
- rss (10)
- rtm (7)
- ruby (359)
- ruby1.9 (18)
- rubygems (4)
- rubykaigi (34)
- rubykaigi2014 (5)
- rubykaigi2018 (3)
- rust (5)
- s3 (18)
- sample (11)
- sbm (18)
- sbsettings (3)
- scala (36)
- scalability (7)
- scalaz (5)
- scan (4)
- schedule (16)
- scraping (19)
- screen (9)
- screencast (8)
- screenshot (8)
- script.aculo.us (3)
- search (32)
- security (86)
- seo (9)
- server (78)
- shell (25)
- shop (10)
- shortcut (3)
- sier (45)
- sinatra (4)
- sitemap (3)
- skk (4)
- skype (11)
- snippets (5)
- sns (7)
- society (22)
- software (510)
- solr (3)
- spamassassin (3)
- spark (7)
- spdy (3)
- sql (16)
- sqlite (4)
- ssh (13)
- ssl (10)
- storage (58)
- streaming (11)
- study (23)
- stylish (5)
- subversion (13)
- swift (3)
- sync (4)
- systemd (5)
- table (4)
- tdd (19)
- tech (3)
- template (30)
- terminal (5)
- terraform (6)
- testing (58)
- theme (37)
- thunderbird (8)
- timetracking (5)
- tips (563)
- titanium (4)
- tokyocabinet (3)
- tombloo (17)
- tool (12)
- trac (3)
- travel (6)
- tumblr (54)
- tuning (4)
- tutorial (144)
- twitter (70)
- typography (25)
- ubuntu (53)
- ui (14)
- upload (9)
- ustream (5)
- video (12)
- vim (98)
- vimperator (62)
- virtualization (27)
- visualization (4)
- vmware (17)
- vnc (3)
- vocaloid (3)
- voip (5)
- vpn (10)
- w-zero3 (8)
- wallpaper (18)
- web (4)
- webcam (3)
- webcomponent (3)
- webdesign (320)
- webrtc (4)
- webservice (198)
- websocket (5)
- wifi (20)
- wiki (18)
- windows (267)
- wine (13)
- wordpress (48)
- writing (3)
- x264 (10)
- xen (11)
- xhtml (3)
- xml (13)
- xpath (16)
- yahoo (3)
- yamashiro (3)
- youtube (14)
- zfs (18)
- zsh (7)
- あとで読む (5)
- これはすごい (22)
- これはひどい (45)
- まとめ (19)
- アイマス (5)
- セルクマ (4)
- ネタ (190)
- モンハン (17)
- 不動産 (27)
- 勉強会 (8)
- 名言 (4)
- 増田 (4)
- 引越し (14)
- 携帯から (3)
- 日記のネタ (3)
- 東方 (6)
- 酒 (30)
- 釣り (3)
- 雑学 (4)
- 非モテ (9)
- tips (563)
- software (510)
- javascript (377)
- rails (377)
- ruby (359)
- iphone (321)
- webdesign (320)
- development (296)
- windows (267)
- linux (256)
tableに関するjoker1007のブックマーク (4)
-
joker1007 2008/08/14
- webdesign
- css
- table
- tips
リンク -
テーブルの列をドラッグ＆ドロップで入れ替え可能にするJavaScriptライブラリ『dratable』 | IDEA*IDEA
ドットインストール代表のライフハックブログ
-
MOONGIFT: » 既存のテーブルをソート可能に「sorttable」:オープンソースを毎日紹介
業務系システムでは、一覧表や検索結果の出力がよく行われる。そしてその際によく指定されるのが、カラムを使ってのソート機能だ。これは意外と面倒で、実装したのは良いが、検索を再度行う仕組みの場合は重たかったり、チェックボックスはそのままにして欲しいなどと要望が出されたりすると大変なことになる。 金額部分のソートも問題ないようだ そうした煩雑さから解放されるライブラリがこれだ。既存のテーブルに簡単にソート機能を付けられるようになる。 今回紹介するオープンソース・ソフトウェアはsorttable、JavaScriptのソートライブラリだ。 sorttableの使い方は簡単だ。テーブルのクラス名に「sortable」を指定すれば良いだけだ。そうするとヘッダカラムをクリックしてtbody内がソートされるようになる。クラス名を指定するだけという手軽さが素晴らしい。 日付も正しく並んでいる JavaScri
-
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
処理を実行中です
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
設定を変更しましたx