私の部屋のインテリア2022 - VAMRSS
いつもご覧いただきありがとうございます。しらすサラダです。 今回は私の部屋の紹介です。 以前住んでいた賃貸物件から引越しを行い、昔からの憧れであった雑居ビルでの生活が叶いました。そんな雑居ビルでの生活も一年が過ぎ、部屋も落ち着いてきたので紹介致します。 まずは部屋のプロフィールから。 間取りは1R。広さは34平米＋水回り（浴室、お手洗い）の賃貸物件です。 1Rなので各要素を区切るものがありません。何々スペースと言った概念で区切っています。 今回は、キッチンスペース、作業スペース、パソコンスペース、応接スペースの各スペースの紹介と、収納や時計などについて紹介いたします。 まずはキッチンスペースから キッチン全景です。 一枚の板のキッチンカウンターに、シンク、IHコンロが置いてあるシンプルなものです。 カウンターの後ろ側の窓には「INK」と書かれたオブジェを吊しました。 アルファベット３文字の
CPH 20 ROUND / Φ120 x H74
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円
STANDARD TRADE.CO.,LTD.
私たちは自然が生み出した木を刻み、削り、組み上げて、それを必要とする人に手渡せることを誇りに思い、けれん味のない「スタンダード」な家具づくりを心がけています。
HTMLとCSSでborder-collapse: collapseな角丸テーブルを作る | ITハット
.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() 疑似クラスを試してみる | d-spica
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を簡単に実装！jQueryプラグイン「DataTables」｜株式会社アクトゼロ｜クリエイティブブログ
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/ オプ
秀逸なテーブルデザインのパターン集:phpspot開発日誌
Ultimate guide to table UI patterns 秀逸なテーブルデザインのパターン集をまとめたエントリのご紹介です。 デザインだけでなく、見やすさや分かりやすさという点にも気を配りたいテーブルデザインは比較的難しいものになりますね。 テーブルデザインの例を知っておくことで、難しいテーブルのデザインをする際にも参考に出来そうです。 Apple のデザインっぽいテーブル 複雑なデータをわかりやすくスタイリッシュにまとめたテーブル 画像なども盛り込みつつ見やすいテーブル シンプルに見やすいテーブル JavaScript の入ったものも入ってきますが色々なテーブルを見てストックしておくと後に役立ちそうです。 関連エントリ CSSでデザインしたクールなテーブルのサンプル集 CSSでデザインされたテーブルレスでクールなフォームサンプル
3ステップで表をソート＆値を検索できるjavascript「dataTables」
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ページを開く
天板カラーとサイズが選べる「Favrica」のラウンドテーブルに注目、マットな触り心地とニュアンス感のある発色
「folk伸長式ダイニングテーブル」の企画経緯とコンセプト設計についてお話します。｜Re:CENO Mag
ワコム、液晶ペンタブ「Cintiq 13HD」をベースにしたAndroid 4.2タブレット ～PC接続時は液晶ペンタブとしても利用可能
http://www.designwalker.com/2009/09/jquery-table.html
DataTables example