タグ

gridに関するufomapのブックマーク (3)

  • CSSで縦のグリッドを揃えてみるます - Archiva

    Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 1年以上前のSugamo.cssで出したネタ。もうちょい纏めてから出そうと思ってたけど、いつまでたっても手を付けられないうちに風化しだしてきたから、えいやっと張るだけ張ってみることにした。(サンプル) 何をやっているかというと、まあつまり、文組の行間サイズで全部揃えてみたら心地良いリズムになるんじゃね?という実験。当然、毎回手動で各要素をpx調整するのはクールじゃないから、あらかじめ<p>とか<pre>とか<blockquote>とかにルールを設定しといて、テキスト流し込むだけで良い感じにならないかなー、と。 まあ結論としては、「こんなのWebじゃねぇ」といった感じ

    ufomap
    ufomap 2011/05/17
    計算機付きです。
  • 960 Grid System

    960 Grid System Download - CSS, sketch paper, and templates for: Acorn, Fireworks, Flash, InDesign, GIMP, Inkscape, Illustrator, OmniGraffle, Photoshop, QuarkXPress, Visio, Exp Design. Repository at GitHub. Essence The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns,

  • ブラウザにグリッドを表示する方法 ~グリッド表示用ブックマークレット|デジタル僧侶のWeb日記

    Webデザインにおいて、配置や長さ、余白などを設定する際、ピクセル単位での調整が必要になります。 前回のエントリーに書いた通り、先日サイトデザインを変更しましたが、そのときにも、背景画像とタイトル画像、そしてロゴ画像の位置を細かく調整する必要がありました。 そんなときに重宝しているツールが、WEB ブラウザ上でグリッド線を表示してくれるブックマークレットです。 自分のサイトの隙間の幅を調整するために使用したり、参考になると思った他のサイトの配置情報をチェックしたりと、以前から頻繁に使用しています。 [スポンサード リンク] 参考にしたのは、このサイト。 ものスゴく便利なグリッド表示用ブックマークレット登場 | Web 担当者 Forum このサイトに記載されているブックマークレット。 グリッド表示(左クリックすると、グリッドのサンプルが表示されます) これを右クリックして「お気に入りに追加

  • 1