【CSS】ネガティブマージンの使いどころ その2 表組み風レイアウト編 | バシャログ。
愛車の Vespa がブチ壊れてとてもブルーな sakai です。国産に買い替え検討中… 今回は、ネガティブマージンの使いどころについてのご紹介（2回目）です。 今回は、以下のようなデザインを実現するのにネガティブマージンを使用します。 表組み風になっていて、罫線でブロックを区切っていますが、最初と最後には罫線がないという意外とよくあるパターンのデザインです。 2. 表組み風レイアウトでネガティブマージンを使う まず、HTML を普通に組んでみます。ここでは table ではなく dl を使っています。 <h1>ニュース</h1> <div class="news"> <dl> <dt>2010/08/11</dt> <dd>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</dd> <dt>2010/08/11</dt> <dd>テキス
【CSS】ネガティブマージンの使いどころ その1 パンくずリスト編 | バシャログ。
今さらながら「ヱヴァンゲリヲン新劇場版：破」を DVD で見まして、 ヱヴァ：Q 見るまでこりゃ死ねないな、と思った sakai です。序破急だから急かと思いきや Q ってところが意味深ですよね… CSS で margin にマイナスの値を指定する、通称ネガティブマージンの使いどころについて、何回かにわけてご紹介します。（先日の CSS Nite でデモをした内容の再紹介です） 今回は「パンくずリスト」のコーディングでのネガティブマージンの使いどころです。 1. パンくずリストでネガティブマージンを使う まず HTML で普通にパンくずリストを組んでみます。 <div id="topiPath"> <ol> <li><a href="/">ホーム</a></li> <li><a href="/wear/">ウェア</a></li> <li><a href="/wear/tops/">トップ
CSS Nite in Ginza, Vol.49「バシャログ LIVE」が終了しました。 | バシャログ。
バシャログ。のスタッフが出演した CSS Nite in Ginza, Vol.49 「バシャログ。LIVE!」 は満員御礼の中、終了いたしました。 ご参加いただきました皆さま、どうもありがとうございました。 あんなに大勢（150人くらい参加いただいたそうです）の人の前で話をするのは小学校のときに球技大会の選手宣誓をして以来でした… とても貴重な経験をさせてもらいました。楽しかったです！ 以下、講演のフォローアップです。 デモの詳しい内容については、さらに別のエントリーでご紹介する予定がありますので、どうぞお楽しみに！ 資料 スライド資料（PDF） ※デモを見ないと意味がわからない内容かも… デモの内容は今後エントリーとして公開しますので、資料は参考程度でご覧ください 講演の内容 Web制作の「効率」にスポットを当てた内容でお送りしました。 普段バシャログ。で公開しているような Tips
CSS Nite LP9 「Coder's Higher」に参加しました | バシャログ。
こんにちは。最近は世界樹の迷宮IIIというゲームをプレイしているtanakaです。 土曜日にCSS Nite LP9 「Coder's Higher」というイベントに参加して来ましたので今日はそのレポートを書きます。 CSS Nite LP, Disk 9「Coder's Higher」（2010年4月17日開催） CSS Nite LP, Disk 9「Coder's Higher」が終了しました | CSS Nite公式サイト 参加前は、「Coder's Higher」というテーマから想像するに、ライブコーディング方式のセッションが多いのかな、と思っていました。実際にはライブコーディングの時間はそれほど多くなかったです。 正直なところ、ライブコーディングの内容はあまり理解できませんでした。…というのもスピーカーのみなさんはDreamweaverやFireworksを使われていましたし、
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
