タグ

ブックマーク / redline.hippy.jp (6)

  • RedLine Magazine : 印刷用CSSのお話

    印刷用CSSのお話 最近担当したサイトでは印刷用CSSをたいがいセットにしてます。同業者の方だと経験あるかもしれないですが、昔の鬼級テーブルレイアウトの頃は言われた事なかったんですがCSSを使い始めてから「背景が印刷できない」と、よく言われました。「ブラウザの設定で『背景も印刷する』にチェック入れると出てきますよー。デフォルトではインク節約仕様になってるんすねー(嘘かホントかは知らない)あはははー」とか返してました。 デフォルトの状態で印刷できないってのは問題あるだろってのはもちろんちゃんと分かってたんですよ。ここは背景扱いにしたらデフォ状態で印刷したらエラい事になるぞ、とか使い所の選別はしてましたし。まぁでも「あなた、なんでもかんでも画像化するの大好きなクセに検索対策っ!検索対策っ!さっさと検索対策~!って言うじゃん」とか憤も溜まってました。 印刷用のCSSを用意するようになってからは

  • RedLine Magazine : display:table関連を使って横並び均一配置

    display:table関連を使って横並び均一配置 IE8でdisplay:table関連が使えるようになったとのことで実験。これ、素直にCSSだけで実現できたらいいなーと思ってる。あと何年後?って話だけど。(IE的な意味で)先に書いておきますが、全然実用性はないです。単なる実験というか練習というかやってみたいだけというか、好奇心の塊です(何 以下のサンプルはFirefox、IE8 Beta2、Safari、Operaで確認しました。 幅の決まってる親ボックスの中に均等に並べたい ※当然IE6.7ではまったく効いてないけど、今回それはスルーで。 サンプル・その1 横並びの画像を均等配置 少し前にこちらの横並びの画像を均等配置する | ヨモツネット(←こちらはIE6にも対応)を拝見してこれ素敵すぐる!と思ったので趣旨はその延長。まずは横並びの画像を均等配置してみる。 >>サンプルその1 画

  • RedLine Magazine : CMSとして使うMovable Typeガイドブック

    CMSとして使うMovable Typeガイドブック 買ってから時間が経っちゃったけど、レビューというか読書感想文。MT4の実用的なです。 >>CMSとして使うMovable Typeガイドブック ch.01 Movable Type の基的な操作 このチャプターはほんとに基的なMTの操作について。ブログの設定だとか管理画面の見方だとか投稿方法だとかを簡潔に解説。一度でもMTに触れたことのある人ならサラっと流す程度でいいんじゃないかなと思う。自分も少し前にローカルにMTOSを入れたんだけど、そいつのダッシュボードと見比べながらサラっと読みました。 個人的に知りたかったのは魅力的だなーと感じてたカスタムフィールドって機能なんだけど、ここでは管理画面のキャプチャと各項目の簡単な説明のみ。次チャプターに期待。あと、もしかしたら実務で複数のユーザーを用意したMTを使ったサイトを作るかもって事

  • RedLine Magazine : クリップボードの中身も効率よく使う

    クリップボードの中身も効率よく使う クリップボードの中身を保管、共有することができる『ControlC』 | 100SHIKI.COMという記事を拝見して面白そうだなとは思ったものの、なんとなくネット上に自分のクリップボードのデータを置くのは抵抗があったりもします。 私は普段クリップボード内のデータを効率よく利用するのにこのフリーソフトを使ってます。 >>CLCL(クルクル) このソフトはクリップボードの履歴を取るソフト。 機能詳細については上記サイトを見て頂く方が分りやすく手っ取り早いと思いますが、Ctrl+Cでクリップボードに納めたデータを履歴として数十件記録しておけます。記録した内容は通常Ctrl+Vでペーストするところを、Alt+Cを押すと履歴が 出てくるのでその中から数字を押すなりマウスやキーボードで選ぶなりしてペーストするという使い方。(>>上記サイトで公開されてるキャプチャ)

  • RedLine Magazine : overflow を使用したボックス背景のこと

    overflow を使用したボックス背景のこと 幅、高さ、overflow:auto;を指定したボックスの背景に画像を指定した場合、IEでだけ背景の表示が変。やりたかったことは固定サイズのボックスに背景画像を指定して中身がそのボックスの高さより溢れたらスクロールしてほしいという内容。とりあえずサンプルあげてみます。 >>サンプル1(背景を指定してno-repeatを指定) 【CSSソース】 #sample{ width:400px; height:150px; background:url(img/xxx.jpg) no-repeat; overflow:auto; border:1px solid #f00; margin:20px auto; } Firefox、NN、Opera、Safari(win)では意図どおりにボックスがスクロールしても背景がリピートせずに固定される。でもIE6

    masa720
    masa720 2008/01/17
  • RedLine Magazine : 気になった初期化CSS

    気になった初期化CSS コリスさんの記事でブラウザのデフォルトスタイルを初期化するCSSのサンプルが多数掲載されていました。 >> [CSS]ブラウザのスタイルを初期化するスタイルシートのサンプル集 | コリス 初期化する内容やどこまで初期化しておくのかは案件ごとのデザインなどによってケースバイケースだったりして、完全にこれが私のリセットCSSですと言えるものはないのだけれど、それなりにいつもだいたい使いまわしている自分のリセット部分のソースと見比べて考えてみた。いろいろと拝見して気になったものが2つあったのでメモ。 select option に paddingを指定する 予めブラウザのデフォルトスタイルを全称セレクタ(*)なんかで一気にpaddingを0に指定してしまうと、Fxなどの一部のブラウザでだけのようだけど、selectのoptionの右端が下向き矢印マークで隠れてしまうことが

  • 1