「レイアウト」に関する記事一覧

ウェブデザイン、DTPデザインなどのレイアウトに関する便利なマメ知識。
2014.11.07
design

ブラウザでレスポンシブサイトのデザインを確認できるサービス

レスポンシブのウェブサイトを作成するときに、手元のiphoneやスマホ、タブレットなどの画面をいちいち確認しながら、もしくはブラウザのサイズを大きくしたり小さくしたりしながらデザインを進めるのはとって ...
続きを読む
2014.04.20
design

任意サイズのサンプル画像が超簡単に作成できるオンラインサービス

placehold.itという大変便利なサイトを紹介します。 サンプル画像を好きなサイズで作成してくれるサイトですが、嬉しいポイントは、作成した画像をダウンロードする必要がなくそのままリンクが作 ...
続きを読む
2013.09.24
css

サイトを作るときに役立つ一番シンプルなCSSレイアウトのソース 幅変動

こちらの続きです。 今回は全てブラウザ(画面)の幅によってコンテンツ部分のWidthが変わるレイアウトのCSSです。 ウェブサイトを作成するときの一番最初のレイアウトの枠組みのときに役に立てば ...
続きを読む
2013.09.22
css

サイトを作るときに役立つ一番シンプルなCSSレイアウトのソース 幅固定

ウェブサイトを一番最初から作るとき、まずレイアウトを考えるかと思います。 2カラム、3カラム、幅を固定にするか、ブラウザのサイズによって幅を変動させるか…などなど。 そんなときにきっと役立つ最 ...
続きを読む
2013.09.12
css

意外と知らないCSSの使い方テクニック7つ

結構基本的なこともありますが、意外と知らないかもしれない、でも知っていると便利な、CSSの使い方を7個紹介します。 1.フォントに関する記述 CSSソース [css] font-wei ...
続きを読む
2013.07.08
css

height:auto; が反映されない時の対処法

CSSでコーディングをするときに、heightをautoにして反映されないことがあるかと思います。 簡単に言ってしまえば、floatを使用しないか、全ての要素でfloatを使用するかで解決します ...
続きを読む
2013.04.30
wordpress

WP コメント表示のカスタマイズ

コメント表示部分をカスタマイズしてみたのでその方法を紹介します。 デフォルトでのコメント表示 通常ワードプレスでコメントを表示させる場合、テーマディレクトリ内のcomments.phpファイルに以 ...
続きを読む
2013.03.19
design

DTP 文字の大きさと配置の目安

DTPデザインを始めたばかりのころ、印刷物の文字の大きさや配置の目安というのが分からなくて意外と不便に思いました。 デザインの目的によって文字の大きさや見せ方はもちろん違いますが、基本的な目安がある ...
続きを読む
2012.12.09
css

marginとpaddingの違い

div要素などにmargin(マージン)のみを指定した場合は特に問題ないのですが、padding(パディング)を指定すると少しややこしくなります。 widthを例にすると… Atte ...
続きを読む
2012.11.18
css

メニューのサンプル

ウェブ制作において必ず作るメニューやナビゲーションなどのグローバルメニュー。 Memo: グロバールメニューとは、ウェブサイト上でどのページにも共通で表示されるメニューのことです。 スタ ...
続きを読む
2012.09.23
css

背景にではなく画像にボタンを乗せる

imgにボタンや他のimgを重ねて表示する方法です。 CSSでbackgroundに画像を配置して、その上にボタンなどを配置する方法はよく使われますが、今回はHTMLで<img src=" ...
続きを読む
おすすめの本
ネットで調べればなんとかなる!という時代ですが、良い本にめぐり合い、基礎をきっちり固めることで応用がきくテクニックを身に着けることができます。もっと上達したい人におすすめの本をいくつかご紹介します。
TO TOP