タグ

グリッドレイアウトに関するsanimanのブックマーク (2)

  • これからのCSSはmargin禁止!?CSSグリッドレイアウトやコンポーネント指向なCSSについて、矢倉さんに聞いてきた!

    これからのCSSはmargin禁止!?CSSグリッドレイアウトやコンポーネント指向なCSSについて、矢倉さんに聞いてきた! 白石 俊平(HTML5 Experts.jp編集長) こんにちは、編集長の白石です。 この記事は、9月24日に開催されたHTML5 Conference 2017に登壇したエキスパートに、お話されたセッションのトピックを中心に語っていただこうとういものです。セッションの内容をより深く理解する手助けになるだけでなく、記事単体でも面白く読んでいただけることを目指しています。 今回お話を伺ったのは、ピクセルグリッドの矢倉眞隆さんです。 矢倉さんのセッション「まあまあ最近のCSSとつらくならないための書き方」に関するスライド資料は、こちらで公開されています。 インパクト大!CSSグリッドレイアウト概要 白石: では、まずは簡単に自己紹介をお願いできますか? 矢倉: 昨年(2

    これからのCSSはmargin禁止!?CSSグリッドレイアウトやコンポーネント指向なCSSについて、矢倉さんに聞いてきた!
    saniman
    saniman 2017/10/26
    素晴らしいコンテンツだ。それ早速取り入れよ!いろんなところにマージンとかあってちょこちょこ直すの俺も嫌いだし〜
  • グリッドレイアウトのサイトを制作させていただきました。 : サニマンの宮古島移住日記

    グリッドレイアウトのサイトを制作させていただきました。 カテゴリ: html5 ウェブ制作 去年の11月〜年末にかけて、 私が制作に携わらせていただいたサイトを紹介したいと思います。 こちらのサイトです。 http://www.globridge.co.jp/ デザイン・コーディングを担当させていただきました。 このサイトで注目していただきたいのはトップページを「グリッドレイアウト」という手法で作っているところです。(トップページだけです) こんなかんじで、 ブラウザの横幅に合わせて、要素が自動で最適な列で整列するという見せ方です。 そして、この手法を使うためにjQueryの「vgrid」というプラグインを使用させていただきました。 はじめて、このような「グリッドレイアウト」のサイトを作らせていただいたのですが、 これはなんともサイトの見栄えがよくなるすばらしい手法だなと思いました。 最近

    グリッドレイアウトのサイトを制作させていただきました。 : サニマンの宮古島移住日記
  • 1