「 WEB制作 」 一覧

[ rgba( ) ]   RGBAカラーモデルで色を指定する。 カンマ（ , ）区切りにした３つの数値でRGBの色を指定した後に、数値で透明度を指定。 RGBA値をサポートしていないブラウ …

[ opacity ]   透明度を指定する。 透明効果がオブジェクト全体に均一に適用される。 オブジェクト全体ではなく、背景色やボーダー色に個別に適用したい場合には、rgba()で指定する …

ワードプレスでプラグインを使わずに、 HTMLとCSSだけで下のような感じの会話風レイアウトの作り方。   手順はこちら   [codepen_embed height=”400 …

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

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

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

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

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

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

フロート解除の指定方法 ＜ＣＳＳ＞ .clearfix:after { content:” “; display:block; clear:both; }   ＜ＨＴＭＬ＞ <div …