2012年7月24日のブックマーク (6件)

  • 小粋空間: CSS の after 擬似要素で回り込みを解除する

    float プロパティで設定したテキスト等の回り込みを、CSS の after 擬似要素を用いて解除する方法を紹介します(通常の解除方法も併せて掲載しています)。 1.「回り込み」とは 例えば、画像の左(または右)にテキストを表示することを「(テキストの)回り込み」と呼びます。 マークアップ <p> <img src="hogehoge.jpg" alt="image" style="float:left" /> 回り込みテキスト~(略)~回り込みテキスト </p> 表示 回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト回り込みテキスト (X)HTMLでこのような表示を行う場合、先に出現する要素(ここでは img 要素)に対して float プロパティを与えます。float プロパティは、指定された要素を左または右に寄せて配置する際に使用しま

    小粋空間: CSS の after 擬似要素で回り込みを解除する
    senahate
    senahate 2012/07/24
  • CSSでレイアウトするなら絶対覚えておきたい配置のルール:フロートや絶対配置、z-index とかいろいろ

    最近改めて CSS の基、要素の配置、レイアウトについて学習しました。過去に CSS でのレイアウトなどの記事を書いた事があるんですけど、改めて勉強してみたら、いろいろ間違えて解釈していたなー ... っていうか、基が分かってなかったんだなーと反省 ...。今回は CSS の基中の基、視覚整形モデルについてまとめてみました。 Webデザインをする上で、必須とも言えるのが CSS …。このブログ – Webデザインレシピでも、過去に CSS について書いた記事がいくつかあります。最近 … でもないけど、以下のふたつは CSS でのレイアウトについて、いろいろと書いた記事でした。 CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ – 2011年 6月17日 CSS:初心者の頃にハマったスタイルシートのあれこれ … IE7多め -2011年 4月21日 で

    senahate
    senahate 2012/07/24
    後で読む。
  • XHTML、CSS を学ぶ時の 6つの間違い

    XHTMLCSS を学ぶ時にやりがちな間違いを私の個人的独断と偏見でつらつらと書いてみます。今から (X)HTML を学ぶのであれば、HTML よりも XHTML でしょということでタイトルや文内では XHTML と書いていますが、ここは HTML に置き換えてもらっても同じだと思います。 1、とりあえず Dreamweaver を買ってくる 別に 「Dreamweaver」 だけに限らず、オーサリングツールさえ手に入れれば XHTML なんて簡単に習得できると思っている人は少なくない気がしますが、これは大きな誤解です。この誤解を抱えたまま 「オーサリングツールが使える = XHTML を理解している」 だと思い込んでいると後になって困ることになると思いますよ。 オーサリングツールは、コーディングスキルを補うツールではなく、コーディング作業を効率化するツールです。XHTMLCSS

    XHTML、CSS を学ぶ時の 6つの間違い
    senahate
    senahate 2012/07/24
  • 政府の「日本再生戦略(案)」は、なぜ不人気なのか

    出口治明 立命館アジア太平洋大学(APU)学長 1948年、三重県美杉村生まれ。 京都大学法学部を卒業後、1972年、日生命保険相互会社入社。 企画部や財務企画部にて経営企画を担当する。 ロンドン現地法人社長、国際業務部長などを経て2006年に退職。 同年、ネットライフ企画株式会社を設立し、代表取締役社長に就任。 2008年4月、生命保険業免許取得に伴いライフネット生命保険株式会社に社名を変更。 2012年、上場。社長、会長を10年務めた後、2018年より現職。 訪れた世界の都市は1200以上、読んだは1万冊超。 歴史への造詣が深いことから、 京都大学の「国際人のグローバル・リテラシー」特別講義では世界史の講義を受け持った。 おもな著書に『哲学と宗教全史』(15万部突破)、『生命保険入門 新版』(岩波書店)、『仕事に効く教養としての「世界史」I・II』(祥伝社)、『全世界史(上)(下)

    政府の「日本再生戦略(案)」は、なぜ不人気なのか
    senahate
    senahate 2012/07/24
    「わが国の成長戦略は、民間が創意工夫を凝らして自ら作成するので、政府はそれを後押ししてほしいというくらいの気概をもって、(民間が)臨まなければ、わが国の経済社会の真の再生は、あり得ないのではないか。」
  • ストレイテナー / シンクロ

    ストレイテナー新曲「シンクロ」のミュージックビデオ公開! 6月13日(水)発売 アコースティック・アルバム「SOFT」 初回限定盤はデジパック仕様 & アルバム未収録曲『ネクサス(acoustic ver.)』『奇跡の街(acoustic ver.)』新録2曲分のフリーダウンロードID封入! 1.シンクロ(新曲) 2.MAGIC WORDS 3.TOWER 4.DJ ROLL 5.TENDER 6.REBIRTH 7.EVERGREEN 8.Blue Sinks In Green 9.Farewell Dear Deadman 10.SIX DAY WONDER 11.LIVES 12.GHOST OF CHRISTMAS PAST 13.TRIBUTE 14.Starless Coaster 15.Toneless Twilight 16.Phantasien(新曲) M2-M15 R

    senahate
    senahate 2012/07/24
    ギターが綺麗。気持ちが透明になる。
  • レイアウトが崩れる原因

    ブラウザによる解釈の違い もともとCSSは「W3C」が推奨する基準なのですが、一時期 [ Internet Explorer ] [ ネットスケープ ] などのシェア争いのため、各々が独自のプログラムを持った事に始まってるみたいです。最新のブラウザは概ねCSSに準じてはいますが、それでも100%対応はしていません。 また、同じ [ Internet Explorer ] でも最新の [ Internet Explorer ] とちょっと前の [ Internet Explorer version5及び5.5 ] では明らかに表示が違います。 [ Mac ] も,,,, ボックスに対する解釈の違い では、具体的に何がどう違うのか説明します。スタイルシート/CSSで段組をする際は各要素(div | h | p 等)はすべて [ ボックス ] という領域(概念)を持ちます。 [ ボックス ] が

    senahate
    senahate 2012/07/24
    2006年の記事。