CSS でよく使う装飾定義をコンポーネントとしてまとめる
2007-01-26T01:26:38+09:00 北村曉さんよりコンポーネントにまとめる際、それを或る一つのclass名に集約するという方向性についてご指摘いただきました。この記事をご覧いただく際、是非参照してください。 CSSでよく使う装飾定義をclass名でまとめることについて(徒書) また、いただいたフィードバックを元にもう一度考えを改めて記事を書きました。 『CSS でよく使う装飾定義をコンポーネントとしてまとめる』をもう一度 リニューアルの際に CSS の分割管理を実践したのだけれど、その分割した CSS の中によく使う装飾をコンポーネントとして class にまとめた component.css というのを作成しました。コンポーネントとしてまとめることで変化に強くなりメンテナンス性が上がるのだけではなく、同じような装飾をおこなうために何度も良く似たスタイル定義を行うということ
一行あたりの文字数を制限するリキッドレイアウト - 2xup.org
2006-12-20T02:12:30+09:00 今回のリニューアルでは、これまで px で指定していたコンテンツの幅の値の単位を % と指定変更。 いわゆる liquid (リキッド) レイアウトというものにしました。ユーザが閲覧しているブラウザの幅に合わせてコンテンツの幅も変化します。 div#container { width: 80%; } px で指定していたコンテンツの幅を、% での指定に変更し、リキッドレイアウトに変更したものの、ウィンドウサイズの 80% の幅という指定ですので、ウィンドウサイズを広げればいくらでも大きくなります (もちろん小さくもなります)。それでも問題ないのですが、できればコンテンツの幅に最大幅と最小幅を指定し、小さくなりすぎてレイアウトが崩れるような事もなく、一行あたりの文字数を目で追える程度の幅をキープできればと考え、いろいろ試してみました。 fl
サイトの「行き止まり」から見えてくる訪問者を逃がさない導線づくり | 基本編
行き止まりの発見がウェブ見える化の第一歩ウェブサイトにはたくさんの行き止まりページがある。もともとハイパーテキストは、目次となるページがあってそこから進んでは戻り、進んではまた戻る、という構造で考えられてきたものである。 図1のように、目次から進んだページというのは行き止まりになるのが自然な構造だった。“目次”だからトップページはindexと呼ばれるのだ。多くの人がトップページをまず訪問し、そこからサイト内をたどっていた時代には、それでもよかった。行き止まりページでも「戻る」というリンクが作ってあれば、さかのぼって戻ることが予想できるので、「これをクリックすると、どこに戻るのか」を誰もが理解できていた。クリックすればどこへ進むか（戻るか）わかるなら、人は安心してリンクをクリックする。 しかし、今はトップページからやってくる人が非常に少なくなっている。平均すると総訪問者数の25％程度しかトッ
good design market KOK
返品について 不良品 商品到着後速やかにご連絡ください。商品に欠陥がある場合を除き、返品には応じかねますのでご了承ください。 返品期限 商品到着後７日以内とさせていただきます。 返品送料 お客様都合による返品につきましてはお客様のご負担とさせていただきます。不良品に該当する場合は当方で負担いたします。 Amazon Pay Amazonアカウントに登録された住所・クレジットカード情報を利用して、支払いができるサービスです。 NP後払い（コンビニ・郵便局・銀行） 楽天ペイ PayPay PayPay残高でのお支払いが可能です。 商品代引（ヤマト運輸宅急便コレクト） 代金引換は現金のみです。 別途代引手数料がかかります。 銀行振込 ご入金を確認後、商品を発送させていただきます。 お振込手数料はお客様ご負担となります。
ネットショップ｜knulpAA
練馬区石神井にあるギャラリーknulpAAのネットショップ。現代の陶器、硝子、木工作家の作品を中心にほんの少しだけ生活が豊かになるものをご紹介。
Spiral Online Store | トップ
スパイラルオンラインストアならあなたのキモチにぴったりのギフトが見つかるはず。昨日よりちょっぴり幸せな明日へ。
第1回 悪意のJavaScriptで情報が漏えい：ITpro
Web 2.0という言葉で総称される新たなインターネット時代。Webサイトやエンドユーザーに仕掛けられる攻撃もまた，2.0と呼ぶべき進化を遂げようとしている。攻撃者はWeb 2.0の中核技術であるJavaScriptを悪用してブラウザを狙う。従来の脅威対策は全く通用しない。今この瞬間にも，エンドユーザーは個人情報を盗まれる危険にさらされている。 ブログ/SNSなどユーザー発信型のサイト，Ajax，RSS──。華やかさがクローズアップされるWeb 2.0。ところがその裏側では，エンドユーザーに情報盗難などの危険が広がっている（図1）。インターネット・バンキングやEC（電子商取引）サイトのユーザーIDやパスワード，クレジットカード番号はもちろん，企業内のシステムにアクセスするためのパスワードや，パソコンに読み込んだ機密文書データなど，対象はあらゆる情報だ。 2006年12月末，米国のセキュリテ
固定幅ベースの elastic レイアウトサンプル
elastic レイアウトと言っても、固定幅ベースか可変幅ベース（とは言っても min、max-width による半固定だけど）のどちらかからのアプローチになるとは思う。当サイトでは、ここ1年半ほど可変幅ベースの elastic レイアウトを採用しているんだけれども、ちょっと思い立って固定幅ベースの elastic レイアウトのサンプルを 3 つほど作ってみた。 文字サイズの変更に追随する elastic レイアウト 作ったのは 600px（640×480向け）、780px（800×600向け）、960px（1024×768向け）の幅をデフォルトで持っていているレイアウト。それぞれ、だいたいどれくらいの幅を指定すれば良いのか調べたかったってのがサンプルを作った主な理由。ブラウザの表示メニューなどから文字サイズを変更すると、それに追随してレイアウトの大きさも変化する。内包するカラムを黄金比
サイトに使えるCSSベースのクールなメニューナビゲーション8個:phpspot開発日誌
8 web menus you just can't miss There's no point to discuss the importance of a web menu, how it's done and how it looks. Many people may remember a website for it's great looking menu. サイトに使えるCSSベースのクールなメニューナビゲーション8個が紹介、ダウンロード公開されています。 サイトのナビゲーションデザインはシンプルだけど使い勝手のよいものにしたいですね。 そこで、サンプル集があればサイトにあったナビゲーションを考えることが出来そうです。 CSSベースの色んなタイプのナビゲーションがあるのでサイト作りに役立ちそうですね。 関連エントリ Webデザイナー/開発者が覚えておくとよい２５のテクニック
CSSのfont-family：ヒラギノとＭＳ Ｐゴシックとメイリオの悩ましい関係 : webデザイナーのナナメガキ
CSSでのfont-familyの指定がとても悩ましい。文字コードによって表示が変わったりするし、イレギュラーケースまで想定すると煩雑なコードになってしまう。ちょっと整理しながら考えてみる。 まず、font-familyを何も指定しないと、だいたいのブラウザではデフォルトで設定されているフォントで表示されるのだが、文字コードがUTF-8だとWindowsのIE6で英数文字が「Times New Roman」になってしまう。※文字コードがShift_JISやEUC-JPの場合はデフォルトのフォントで表示される。 それでは例えば総称ファミリー名（generic-family）である「sans-serif」のみ指定してみると、WindowsのIE6では文字コードがShift_JIS・EUC-JPの場合は「Lucida Sans Unicode」で、UFT-8の場合は「Arial」で表示されてしま
F's Garage：ややこしいシステムを使わないソースコード管理
「先祖返り」ってご存じでしょうか？ せっかく作っていたデータを、古い日付のもので上書きしてしまい、古い状態に戻してしまうことを言います。 よくWeb制作で起きがちで、複数人で一つのフォルダのソースをいじくっていたり、不注意な人がざっくり古いファイルを上書きしてしまったりすることでおきます。特に忙しい納期直前ほど起きる現象です。 不注意な人のやることと言ってしまえばそれまでですが、人は必ずミスをするものです。 不注意な人のミスをいかになくすか？というのが、世の中の生産管理の肝と考えれば、単純にソースコードの管理手法がなっていないと考える方が僕は自然だと思います。 世の中には、バージョン管理システムという名前で、CVSとかSubversionとか便利なシステムがあるのですが、これがちょっと難しい。何が難しいというと、まず用語が難しい。コミットだのチェックアウトだの聞き慣れないキーワードがついて
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://www.visionscoax.jp/stationery/husen_chou/index.html