タグ

designに関するarrow0626のブックマーク (10)

  • Rubyソースコード完全解説 / 青木峰郎

    $Id: index.html,v 1.6 2004/07/20 23:08:12 aamine Exp $ この文書は書籍『Rubyソースコード完全解説』のHTML版です。 ただし初校段階の原稿をベースにしているため、 書籍では修正されている間違いが残っている場合があります。 予め御了承ください。 2004-02-16 に全章を公開しました。 目次 まえがき 序章 第 1 部「オブジェクト」 第 1 章「Ruby言語ミニマム」 第 2 章「オブジェクト」 第 3 章「名前と名前表」 第 4 章「クラス」 第 5 章「ガーベージコレクション」 第 6 章「変数と定数」 第 7 章「セキュリティ」 第 2 部「構文解析」 第 8 章「Ruby言語の詳細」 第 9 章「速習yacc」 第 10 章「パーサ」 第 11 章「状態付きスキャナ」 第 12 章「構文木の構築」 第 3 部「評価」 第

  • line-height の値には単位なしが良いとされる理由

    CSS で行ボックスの高さを指定する line-height 値に、em(length) や %(percentage) などの単位を付けて指定しているサイトを意外と見かける。それは間違いではないし、例えばナビゲーションとかでブロック要素の垂直センターに配置するために意図的に指定しているんであれば良いんだけれど、そうでないなら line-height 値には単位なし (number) で指定した方が良いのにとか思ったりする。その理由は Eric's Archived Thoughts: Unitless line-heights でも分かりやすく説明されているんだけど、ちと劣化コピーしてみる。 単位ありと単位なしの違い 手っ取り早く説明するために、サンプルを作ってみた。p 要素があって、その中にインライン要素の em で一部分を強調している。分かりやすいようにそれぞれの font-size

  • CSSセレクタ簡易対応表|CSS HappyLife

    :nth-last-of-type() IE 6:× IE 7:× Fx 2:× Op 9.1:× Sf 2.0.4:×

    CSSセレクタ簡易対応表|CSS HappyLife
  • 書き方のコツ&複雑なレシピ募集 - モスマン

    沢山のトラックバック、コメント、ブクマありがとうございました。この日記はd:id:kkomiyama:20081129の続き。 id:rkmtさんの試み d:id:rkmt:20081130にDFDを使った手書きのレシピが紹介されていた。 材料(input)は四角に、作業行程(function)は円形におさまっている。文章だけのレシピよりもずっと分かりやすいと思う。ぐにょぐにょ伸びる様は実に味わい深い。手書きもいいものだと再確認した。世の中に物好きはいるものである。 書いてみた そんなわけで、頼まれてもいないのにここで紹介されているヨーグルト風味のチキンを変換してみる。簡単なお仕事なので、みなさんもお気に入りのレシピで是非挑戦してほしい。 ステップ1: 材料をリストアップする。 このとき材料を使う順番に上から並べることがポイント。また一材料につき、「材料」「分量」「単位」を別々のフィールド

    書き方のコツ&複雑なレシピ募集 - モスマン
  • "Cooking For Engineer" - モスマン

    数ある職業の中でシェフほど多くを求められるものはないと、何かので読んだ。一流シェフにはヒラメキ、記憶力(知識)、美的センス、経験、体力、会社経営手腕、その全てが要求されるというのが理由だった。 そんな一流の世界を引き合いにださずとも、冷蔵庫の中身を把握し、家族の体調と嗜好を理解し、30分の間に、2つのコンロと1つの電子レンジで朝とお弁当と夕の仕込みを並行する作業がどれだけ大変か?料理をしない人にも想像できると思う。(分からない人は黙ってお母さんや奥さんに感謝しよう。)「趣味料理」で、作り終わった後シンクが洗い物でいっぱいの僕なんかには到底まねの出来ない芸当だ。 レシピ読みにくくない? さてレシピを見ながら料理を作ることが多い僕にとって、今のレシピってのは結構無駄が多いのである。 レイアウトがまちまち。無駄な写真が多かったり、材料表が別のページにあったりする。そしてその書式はによっ

    "Cooking For Engineer" - モスマン
  • フォームとアクセシビリティ -- ごく簡単なHTMLの説明

    フォームはテーブルと同様、視覚的な表現を伴わないと理解しにくいところがあります。HTML4.0では、フォームの各要素とラベル(説明的な名前)を結びつける手段や、要素をグループ化する手段が提供されました。これらを使うとフォームの内容を論理的に構造化でき、スタイルシートとの組合せで自在なデザインも可能になってきます。まだ未対応のブラウザが多い要素ですが、アクセシビリティに配慮したページづくりのためにも、このような機能があることをぜひ理解しておいてください。 目次: コントロールにラベルを付ける コントロールをグループ化する メニュー項目のグループ化 キーボードによる項目移動 取り上げる要素: label fieldset legend optgroup コントロールにラベルを付ける フォームの入力コントロール(テキストフィールドやメニューなど)は、name属性を持ちますが、それは送信データに名

  • 第11回 PCサイトとこんなに違う!携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド

    その半面、携帯サイトの設計については、PCサイトとは異なるユーザー特性があるにもかかわらずノウハウは少なく、中規模以上のサイトであっても「とりあえず作っただけ」のサイトや、やみくもに見た目だけを新しく装ったサイトが多いのが現状である。 今回は、携帯サイトの設計、その中でも特にビジネス成果に直結するフォームについてピックアップし、携帯ユーザー特有の行動に対していかに対応すべきかを考えてみたいと思う。 さて、複数のブラウザを立ち上げて、画面を切り替えながら操作が可能なPC環境と違い、モバイル端末では一度サイトから離れると、戻ってくるのが非常に大変である。そのため、携帯サイトのフォーム登録はPC以上に「一発勝負」であることを強く意識する必要があるだろう。 まず、ユーザーの入力負荷を減らし、自動入力が可能な部分は可能な限り実装するなどの配慮を欠かさないようにする必要がある。さらに、「携帯特有の機能

    第11回 PCサイトとこんなに違う!携帯サイトのフォーム設計ポイントとは | ユーザー視点のウェブデザインガイド
  • CSS ハックまとめ Lucky bag::blog: IE7 を含むモダンブラウザ向け

    Internet Explorer 7 は、 8 月にも beta3 がリリースされるかも知れないんだけど、今現在、IE7 beta2 を含むモダンブラウザに有効そうだと思われる CSS ハックを自分用にまとめておく。以前に IE 7 用の CSS ハックを紹介したことがあったけど、今回の Easy CSS hacks for IE7 - Nano See, Nano Do で紹介されていたハックは、比較的シンプルかも知れない。想定ブラウザは下記のとおり。 バージョン 6 以下の IE IE7 それ以外のモダンブラウザ(Safari、Opera、Firefox) ブラウザごとのハック 全てのサンプルは body 要素を指定の対象としている。 バージョン 6 以下の IE にのみ適用 * html body サンプルページ バージョン 7 の IE にのみ適用 *+html body サンプ

  • jQuery

    Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well as in style property manipulation What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use

  • IEで固定座標を指定する方法

    さて、アナウンスしていたようにIEでposition: fixed;を実現する手法について簡単にまとめておきます。まぁこのテクニックもIE7が出るまでのつなぎです。やり方は大まかには2通りあって、純粋にCSS(スタイルシート)のみで指定する方法とJavaScript(正確にはMS独自のDynamic property ダイナミックプロパティーと呼ばれるもの)を使うやり方です。 まず、1.CSSのみの方法から 1.基的な考え方は、HTML(あるいはBODY)タグのスクロールバーを非表示にして、かわりにDIVタグ(HTMLならBODYタグ)のスクロールバーを表示させる方法です。具体的な記述は以下のようになります。 html { overflow: hidden; } body { height: 100%; overflow: auto; } 次に、固定表示したいDIVタグ(タグは何でも良い

  • 1