テーブルのボーダーに余白がある場合のサンプル
的確なタイトルが浮かびませんでしたが、右にあるキャプチャみたいにthやtdに指定されている線が開いている場合のサンプルです。 サンプルページ サンプルダウンロード（zip：15kbくらい） 今まで、それなりにはコーディングしてきたつもりではいますが、今回のようなデザインは、はじめてだったので、最初に見た時どうやって組むのか分からなかったってのが、サンプルを作るきっかけになりました。 ぱっと見たときは、border-collapseとかborder-spacingやらをごにょごにょやってればいけるかなーって思ってたんですが、中々上手くいかず。 試行錯誤した結果、背景でやってみることにしたらうまく行きました。 ただ、背景でやるにしてもその切り方がちょっとだけ、工夫？する必要があります。 該当画像は、後ほど。 CSSは、こんな感じになってます。 #main table { border-coll
ネットに精通した人が陥る８つの非常識 - ペン君流ことわさ日記。
１．ネット上ですべての情報が手に入る インターネットで手に入れられても良さそうなのに手に入らない情報まとめ - IT戦記 Google先生も知らないことは多い。 全てをググレカスで解決できると思うのは非常識である。 ２．ネットの常識はリアルでも常識である RSS利用者 約422万人(総人口中3.3%。PCネット利用者中14.6%。2006年4月調査より逆算) http://anond.hatelabo.jp/20080515184856 RSSを使うことを常識とするなど寧ろ非常識である。 ３．ショートカットキーは覚えなければならない ショートカットキーを使うとは、両手が使えることが前提である。逆に言えば世の中の片手だけの人を排除しているわけである。 使えれば便利だが万人に対して覚えなければならないというのは、非常識である。 ４．企業はネットがないと成立しない 現実問題としてホームページすら
はてなブログ | 無料ブログを作成しよう
賃貸暮らしのわが家の地震対策【揺れから命を守る編】 以前のブログでも記載した、防災の優先順位に基づいて対策を進めています。まだ手をつけられていない部分もありますが、ある程度まとまってきたのでざっくりとご紹介していきます。 優先順位別に改善していっているため、今回は主に地震の揺れ対策がメインになります。…
MobaSiF (Moba/Mobile Simple Framework)
DeNA のケータイ向けサービス「モバオク」「ポケットアフィリエイト」「モバゲータウン」などで利用されているケータイ向けウェブアプリケーションフレームワークをオープンソース化したものです。
印刷用デザインをきれいにまとめるための7つのポイント - TRANS [hatena]
印刷用デザインもWebサイトにとっては1つのデザインだと言えます。制約がある印刷用デザインをきれいにまとめるためのポイントを上げてみました。 印刷用デザインをどうするか。 当ブログで印刷用CSSをはじめて取り上げたのが2006年12月でした。また、2007年4月にも印刷用CSSをもっとよくするための4つのTipsという内容で取り上げました。 さて、今回取り上げるのは今までと違い、印刷用CSSのコーディングではなく、純粋に印刷用デザインはどのようなものがよいか、というものです。コーディングではなく、いかにデザインするか。 ちょうどアックゼロヨン・アワード2007の結果発表もあったことなので、その受賞作の印刷用デザインを参考にしました。また、ADP: 印刷用CSSの書き方（基本編）もかなり（むしろほとんど）参考にさせてもらいました。そのポイントを以下の7つにまとめました。 なお、文末にアックゼ
![印刷用デザインをきれいにまとめるための7つのポイント - TRANS [hatena]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f625aab20ef8abfef513499376656cecc29a08ae/height=288;version=1;width=512/http%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fa%2Faratako0%2F20080518%2F20080518141449.png)
入力ミスを減らすメールアドレス入力フォームの作り方 - キャズムを超えろ！
メールフォームでgmai.com abc.jなどはGoogleの検索結果よろしく「もしかして...Gmail？」と指摘してほしい。 つまり、アットマーク以降の入力文字列のうち、g,m,a,i,l,c,oのうち5文字を含んでかつ11文字以内のアドレスで、かつGmail.comと入力されていないなら「Gmail.comではありませんか？ Gmai.comと入力されています」とWARNINGを出すメールフォームとしてはどうか、ということだ。 メアドはなるたけ簡単に入力させたいが、入力ミスは救ってあげたい(すべてではなくても)、という二律背反に対するひとつの解決策ではないかと思うのだが、なぜ誰も実装しないのだろうか。 この流れでhotmail／yahoo mailぐらいは最低対応させたいものである。あと、よくあるのが以前書いたUIについてのエントリでも触れたがdot/commaの間違い、入力忘れ。
iPhone/iPod touchと自転車のデザインの違い: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 これは「道具」と「方法」という視点からデザイン（というもの）を考えようとしている立場からすると、考えさせられるものがありますね。 いま、われわれが持っている道具とか方法というのも、結局、個々人がというより、われわれに至る生き物がずっと習慣化してきて、その中で蓄積されてきたものだと思います。ですから、いまここにあるものを、われわれは自分が所有しているかのように錯覚するけれども、それは所有というのではなく、単に受け継いでいるということなのですね。 松岡正剛さんと茂木健一郎さんによる対談集『脳と日本人』のなかの茂木さんの言葉です。 松岡さんの『千夜千冊』から千回くらい繰り返す習慣にしないと脳が更新されないという話から、そもそも個人的な蓄積ではどうすることもできない進化過程での蓄積
ゆゆしき人間中心設計者: DESIGN IT! w/LOVE
不確実な時代をクネクネ蛇行しながら道を切りひらく非線形型ブログ。人間の思考の形の変遷を探求することをライフワークに。 うーむ。やられた。まさにこの通り。この問題はきちんと考えないといけない。 そもそも言語や文字や画像というものは、その社会のその出来事の連続と変転の、その風土のなかで示された「興」と、そこに属している民族や部族の「体」が対応したものとが、一種の“抜き型”になって発生し、確立してきたものだった。 （中略） これがＩＴデジタル社会に変じたときに、さて、どういうことを感じるべきかといえば、そこに身体を感じるより、むしろ人工的サイバー感覚の極致をこそ感じたほうが、つまりはレプリカントになったと思ったほうがずっともっともらしいのだ。それをむりやりユーザーフレンドリーで、環境にやさしいコンピュータ・ネットワークがありうるなどと思うのは、本末転倒というより、事実誤認もはなはだしい。 僕が人
第17回 たった3つのフォルダでメールの洪水から逃れる分類法
メールの量が半端なくて洪水におぼれてます。そんな人も、たった3つのフォルダを作るだけで、必要なメールをしっかりチェックして確実に返信ができるようになる。 PCをうまく活用して、仕事の効率を上げようという本企画。今回から3回にわたって、バリバリPCを使うのが当たり前の職場で働くことになってしまった人に向けて、これを押さえておけば一目置かれるというPC活用法をお伝えしよう。 その1～メールの洪水から浮かび上がる分類法 その2～ファイルの山から拾い出せる書類管理法 その3～作業を早業に変えるPC操作法 メールの洪水におぼれていますか もう15年近く電子メールを使ってきた筆者でも、最近のメールの量は半端でないと思う。よく、「○○の会社社長は1日100通のメールをやりとりしている」なんてニュース記事で見たりするが、「俺のほうが多いぞ！」とひそかに思っている人も多いのでは。 メールは、送ったほうからす
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ためしてガッテンに学ぶ定番料理17品の美味しい作り方 - Liner Note
UIパターンいろいろ - DesignWalker