「 WEB制作 」 一覧

サイトを引っ越したときのリダイレクトの方法について

2017/02/13   -HTML5, Interenet

サイトを別のURLへ引っ越ししたときの対処方法 サイトを別のURLへ引っ越ししたときの対処方法を調べてみました。 その方法は大きく分けて、3つ。 .htaccessファイルを使って自動転送(リダイレク …

jQueryでウィンドウサイズによって読み込む画像を切り替える

2017/01/21   -jQuery, WEB制作

サイトデザインの確認のために、 全体を一枚のJPGで書き出してサクッとブラウザで確認してもらいたい時に ブラウザの幅を広げると大きな画像に、狭めると別に用意した小さな画像を表示させたい! HTMLだけ …

HTML共通部分を部品化して読み込ませる方法

2017/01/19   -jQuery, WEB制作, Interenet

今回はHTMLでサイトを作って欲しいとの要望。 ナビやヘッダー、フッター部分は全ページ共通なので、修正や後々のメンテナンスも考えて、それらを部品化して1箇所で管理したい。 HTMLには、他のページを読 …

CSS★丸い背景+円形の中央に文字

2017/01/11   -CSS, Interenet

cssのメモ。 丸形の作り方 基本的な方法は、 (1)div 要素で囲った範囲の上下左右のサイズを指定する(height, width) (2)背景色を付ける(background-color) (3 …

CSS★最低の高さを決めて後は可変にする方法

2017/01/11   -CSS, Interenet

最小の高さだけ決めて、 あとはdivなどの要素の高さに応じて高さを可変にできる指定方法。 CSSで下記のように指定します。   min-height: 80px; height: auto !impo …

レスポンシブサイト★ウインドウサイズにあわせて画像を拡大縮小させる

2016/12/19   -CSS

レスポンシブサイトでの画像のリサイズ問題   ウインドウサイズに合わせて、画像を拡大縮小させる方法。 CSSだけで解決できます。     <css>  img{ width:100%; max-wid …

フロート解除★clearfixの使い方

2016/12/19   -CSS

フロート解除の指定方法 <CSS> .clearfix:after { content:” “; display:block; clear:both; }   <HTML> <div …

no image

CSS★リンク文字の一部分だけ色を変更する

2016/09/06   -CSS

リンク文字のホバーエフェクトでつまずいたときのメモ。 <HTML> <a href=“#” class=”demo1″> リンクテキストのマウスオーバー リンクテキストとマウス …

no image

CSS 重なり順序を指定する

2016/08/31   -CSS

背景画像を複数重ねるなら CSS3 より、要素に複数の背景を適用できるようになりました。 複数の背景は、最初に指定した背景が最前面、最後に指定した背景が最も奥のレイヤーになるように、指定した順に重ねて …

no image

リストマークと字下げインデントのまとめ

2016/08/09   -WEB制作, Interenet

画像なしで表現するリストマークのサンプルいろいろ 行頭記号やリストマークなどの装飾を、画像なしで実現する方法を紹介しています。 リストアップの条件は、 先頭に何かしら装飾をつける 2行目以降の先頭を1 …

サイト制作・グラフィック制作をしているデザイナーです。制作で躓いたことの備忘録としてこのブログを始めました。
たくさんの検索結果から、実際に何度も何度も自分で試してみて、自分に合うなと思った方法やうまくいった方法をこのブログに書き留めています。
プログラム関係のことはもっぱらコピペ派。
自分でゴリゴリ書くことはできません。。。プログラムが分かる人がうらやましいです。
そんな私でもなんとかサイト制作ができるのはグーグル先生と貴重な情報をおしげもなく公開してくださっているたくさんの方々のおかげ。
有志のみなさまに日々感謝しつつ制作させていただいています。