いつもご覧いただきありがとうございます。しらすサラダです。 今回は私の部屋の紹介です。 以前住んでいた賃貸物件から引越しを行い、昔からの憧れであった雑居ビルでの生活が叶いました。そんな雑居ビルでの生活も一年が過ぎ、部屋も落ち着いてきたので紹介致します。 まずは部屋のプロフィールから。 間取りは1R。広さは34平米＋水回り（浴室、お手洗い）の賃貸物件です。 1Rなので各要素を区切るものがありません。何々スペースと言った概念で区切っています。 今回は、キッチンスペース、作業スペース、パソコンスペース、応接スペースの各スペースの紹介と、収納や時計などについて紹介いたします。 まずはキッチンスペースから キッチン全景です。 一枚の板のキッチンカウンターに、シンク、IHコンロが置いてあるシンプルなものです。 カウンターの後ろ側の窓には「INK」と書かれたオブジェを吊しました。 アルファベット３文字の
237,600円(税込) - BASE_BLK-TABLE_OWHL 237,600円(税込) BASE_BLK-TABLE_GREL 237,600円(税込) BASE_BLK-TABLE_CLO 237,600円(税込) BASE_BLK-TABLE_WHL 237,600円(税込) BASE_BLK-TABLE_BLKL 237,600円(税込) BASE_BLK-TABLE_WLO 237,600円(税込) BASE_WLO-TABLE_OWHL 237,600円(税込) BASE_WLO-TABLE_GREL 237,600円(税込) BASE_WLO-TABLE_CLO 237,600円(税込) BASE_WLO-TABLE_WHL 237,600円(税込) BASE_WLO-TABLE_BLKL 237,600円(税込) BASE_WLO-TABLE_WLO 237,600円
私たちは自然が生み出した木を刻み、削り、組み上げて、それを必要とする人に手渡せることを誇りに思い、けれん味のない「スタンダード」な家具づくりを心がけています。
.table { color: #2b4450; /* 隣接するセルの境界線を間隔をあけて表示 */ border-collapse: separate; /* 隣接するセルの線と線の間隔を0に */ border-spacing: 0; border: 1px solid #497285; border-radius: 4px; background-color: #fff; } .table thead th { padding: .5em .6em; border-bottom: 1px solid #497285; } .table tbody tr td { padding: .5em .9em; } /* 2列目以降のセルの左だけ線を表示 */ .table tbody tr td + td { border-left: 1px solid #497285; } /* 2行目以
nth-child() 疑似クラスを試してみる 2008-05-26 0 0 XHTML/CSS CSS, nth-child CSS3で定義される nth-child() 疑似クラス。これが使えるようになると，HTMLファイル，CSSファイルのメンテナスが楽になるだろうな...と思うのです。 どんな具合か，ちょっと試してみました。 nth-child() 疑似クラスとは 英文ですが，詳細は以下から。W3Cの Working Draft（草案）ですので，今後変更されることがあるかもしれません。 Selectors - 6.6.5. Structural pseudo-classes - :nth-child() pseudo-class その要素が何番目の子要素かによって，該当するものにだけ，CSSをあてることができます。 たとえば，セレクタにul li:nth-child(2n)，または
tableの内容をJavaScriptで動的に並び替える方法をご紹介します。 dataTables.jsのダウンロード 今回は、表示数制御、検索機能を兼ね備えたdataTables.jsを使用します。 以下のURLからダウンロードをしてください。 http://www.datatables.net/download/ こちらはjQueryでのプラグインになりますので、 jQueryをお持ちでない方はダウンロードしてください。 htmlを記述 <thead>と<tbody>を省略せずに必ず記述してください。 JavaScriptをセット 以下にように記述してください。 今回は、「sample」というclass名がついたtableに適応させる例となっています。 以上になります。 サンプル 以下にアップしました。 http://www.actzero.jp/sample/20121210/ オプ
Ultimate guide to table UI patterns 秀逸なテーブルデザインのパターン集をまとめたエントリのご紹介です。 デザインだけでなく、見やすさや分かりやすさという点にも気を配りたいテーブルデザインは比較的難しいものになりますね。 テーブルデザインの例を知っておくことで、難しいテーブルのデザインをする際にも参考に出来そうです。 Apple のデザインっぽいテーブル 複雑なデータをわかりやすくスタイリッシュにまとめたテーブル 画像なども盛り込みつつ見やすいテーブル シンプルに見やすいテーブル JavaScript の入ったものも入ってきますが色々なテーブルを見てストックしておくと後に役立ちそうです。 関連エントリ CSSでデザインしたクールなテーブルのサンプル集 CSSでデザインされたテーブルレスでクールなフォームサンプル
twitter facebook hatena google pocket サイト制作でよく使用するものの一つにテーブルで作成する表だと思います。 しかし、その整理方法は面倒で、縦に長くなると見づらくなります。 今回紹介するDataTablesはjQueryを使い簡単に表をソートさせたり、値を検索したり、表示する項目数を調整できます。 sponsors 使用方法 非常に簡単に導入できます。 [ STEP1 ] DataTablesからjquery.dataTables.jsをjQueryからjquery.jsをダウンロードします。 [ STEP2 ]< 以下のようにhead内に記述します。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdo
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
