ウェブサイトのレイアウトを簡単に作成できるジェネレータ「PageBlox」 : ライフハッカー［日本版］

2012/04/24 709 users PageBlox ジェネレータ Tweet ライフハッカー

Webツール , その他 ウェブサイトのレイアウトを簡単に作成できるジェネレータ「PageBlox」 2012.04.24 12:00 コメント数：[ 0 ] Tweet 「PageBlox」はウェブサイトのレイアウトを作成できるジェネレータです。ウェブサイトを作るときの大枠を簡単に作成できますよ。ドラッグ＆ドロップでカラムを移動できたり、大きさの調整ができます。作ったレイアウトを構成するHTML... 続きを読む

漢(オトコ)のコンピュータ道: やってはいけない!!MySQLに悲鳴をあげさせる10の方法

2009/04/07 657 users MySQL オトコ 悲鳴 インデックス 観点

2009-04-07 やってはいけない!!MySQLに悲鳴をあげさせる10の方法 いつも「MySQLを使うときはこうするべき」という観点から記事を書いているが、今日は逆に犯してはいけない過ちをリストアップしようと思う。 1. 全てのカラムにインデックスをつける データベース初心者がもっともやってしまいがちな間違いはコレではないだろうか。インデックスはいい。検索がとても速くなるから。しかし、それと引... 続きを読む

[CSS]クロスブラウザ対応、高さの異なるカラムを揃えるスタイルシート | コリス

2008/10/30 509 users div コリス クロスブラウザ対応 CSS エントリー

Matthew James Taylorのエントリーから、高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介します。 Equal Height Columns with Cross-Browser CSS & No Hacks demo: 2カラム demo: 3カラム 以前、紹介した「高さの異なるカラムを揃えるスタイルシート」では、ページ内アンカーで要素が消失したり、IEで印刷で... 続きを読む

[CSS]高さの異なるカラムを揃えるスタイルシート | コリス

2007/10/25 577 users コリス padding-bottom div CSS デモ

Columnas 100% altas Columnas 100% altasのエントリーでは、下記のデモのように高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介しています。 sample:高さがばらばらのdiv sample:高さが揃ったdiv スタイルシートは、各divに対して「padding-bottom」と「margin-bottom」に同じ数値をプラス値とマイナス値で指... 続きを読む

「左上の魔術師」理論

2007/04/11 736 users 理論 魔術師 左上 見栄え デザイン手法

Web業界のデザイン手法として、密かに流行し始めている「左上の魔術師」理論。 サイトとしての「見栄え」よりも、ユーザーの「目の動き」に着目したWebデザイン手法として注目を浴びています。 今回は、まず始めにWebサイトのデザイン別にユーザーの「目の動き」を解説します。 そして、実際にミリオン単位でユーザーを獲得しているサイトを考察することで、「左上の魔術師」理論を解説したいと思います。 1.カラム... 続きを読む

無料で200個以上のウェブサイトテンプレートを配布する「OpenDesigns.org」 - GIGAZINE

2007/02/14 543 users down GPLライセンス GIGAZINE CCライセンス

現時点で約200個以上のウェブサイトテンプレートが無料でダウンロード可能になっており、ライセンスも商用利用可能なものからGPLライセンス、CCライセンスまでいろいろ。 特筆すべきは検索機能の充実具合で、XHTML準拠、ライセンス別、明るい系か暗い系か、幅は固定かそうでないか、カラムの数、色名を組み合わせて絞り込みが可能。 詳細は以下の通り。 Open Design Community - Down... 続きを読む

CSSによる段組（マルチカラム）レイアウト講座

2006/03/16 1583 users ブラウ position float マルチカラム 根拠

このサイトについて テーブルを使わず、CSS で段組レイアウトを実現する方法を、CSS2 の仕様を根拠に、ブラウザのバグ対策を交えながら解説します。 CSS で段組レイアウトをするには float か position を使うのが一般的です。 テーブルレイアウトとは異なり、HTML はそのままで、CSS を変更するだけで左右のカラム（段）を入れ替えられます。 基礎編では float の仕様とブラウ... 続きを読む