DBのテーブル数、カラム数、コメント数をMackerelに登録するrake task作った - patorashのブログ

2021/02/16 10 users mackerel patorash task カラム 感銘

先日のOSO2020で、はてなの吉田さん(id:syou6162)がカラムのコメント数をMackerelのサービスメトリックとして登録して可視化したという話をして感銘を受けたので早速rake taskを作ってみた。 なお、先日の記事。 patorash.hatenablog.com 言及されていたのは、スライドのここ。一番下に書いてありますね。 オープンセミ... 続きを読む

[CSS]レスポンシブ対応のグリッドの幅は？ カラム数は？ 溝のサイズは？ グリッド作成に役立つ万能ツール -Graaf | コリス

2017/02/13 38 users フレームワーク コリス 既存 数値 オーバーレイ

人気が高いWebサイトやフレームワークなどで、実際に使用されているグリッドをページ上にオーバーレイで重ねて表示できるデザイン用のツールを紹介します。 既存のグリッドだけでなく、幅・カラム数・溝の数値を簡単に変更できる優れ ...記事の続きを読む 続きを読む

プライマリキーを使った1:1関連でカラム数の多いテーブルを分割する - Hidden in Plain Sight

2014/03/05 255 users Rails プライマリキー 生年月日 性別 ボク

2014-03-05 プライマリキーを使った1:1関連でカラム数の多いテーブルを分割する おそらく多くのソーシャル系アプリにあてはまるRailsのプチ・デザインパターン的な話。 ぼくが今やっているEast Meet Eastには、ユーザごとに数多くのプロフィール属性があります。名前、性別、生年月日、郵便番号、職業などなど、カラム数にしてざっと25個。これを、全部ひとつのusersテーブルに詰め込む... 続きを読む

[CSS]アイテム数が不明でもカラム数に合わせてぴったりに配置するスタイルシート | コリス

2013/11/11 269 users コリス TETRIS CSS 倍数 余白

下記のような3カラムのグリッドに複数のアイテムを配置する時、アイテムの数が3の倍数だったらぴったり収まりますが、アイテムが7, 8個の場合は最後に余白を生じます。 もちろん余白のままでも良い場合はありますが、ぴったり収めたいという時に役立つスタイルシートのテクニックを紹介します。 Tetris & The Power Of CSS 基本となるHTMLは、リストでアイテムを配置します。 HTML ア... 続きを読む

レスポンシブWebデザイン対応のCSSをカラム数やマージンを指定してダウンロードできる・34Grid - かちびと.net

2012/11/03 113 users マージン CSS グリッドレイアウト スパマー net

昨日に続き今日も似たような内容 ですが。グリッドレイアウトの レスポンシブWebデザイン対応の CSSフレームワークですが、こちら はグリッドのカラム数やマージン を指定できます。 どんどん便利になりますね。最近同じ内容の記事ばかり書いてて自分がスパマーみたいな気分になってきましたが気にしないようにします。 34Grid グリッドレイアウト x レスポンシブなフレームワーク。DL前にカラム数などを... 続きを読む

正方形のユニットで構成された、スマフォ対応のHTML5ベースのフレームワーク -Fluid Squares | コリス

2011/10/02 48 users フォントサイズ コリス 可変グリッド 増減 フレームワーク

表示サイズによって正方形のユニットが最適に構成される、Media Queriesを使ったフレームワークを紹介します。 IE8以下のMedia Queries非サポートブラウザにもスクリプトで対応しています。 Fluid Squaresの主な特徴 正方形のユニットを使った、HTML5ベースの可変グリッドのフレームワーク。 Media Queriesで表示サイズによって、カラム数が増減、フォントサイズ... 続きを読む

オンラインで自在にCSSレイアウトをデザイン出来るサイト:phpspot開発日誌

2006/12/28 84 users phpspot開発日誌 CSSレイアウト オンライン カラム

Example - In search of the One True Layout - One True Layout- Interactive Example オンラインで自在にCSSレイアウトをデザイン出来るサイト。 フォームにて、ページのカラム数やそのカラムのサイズを調整でき、そのままボタンを押せばプレビューが実行されます。 他にもオプションが色々選択でき、結果的に、HTMLとCSSのコー... 続きを読む