「 WEB制作 」 一覧
-
-
2017/06/23 -CSSリファレンス
[ opacity ] 透明度を指定する。 透明効果がオブジェクト全体に均一に適用される。 オブジェクト全体ではなく、背景色やボーダー色に個別に適用したい場合には、rgba()で指定する …
-
-
ワードプレスでプラグインを使わずに、 HTMLとCSSだけで下のような感じの会話風レイアウトの作り方。 手順はこちら [codepen_embed height=”400 …
-
-
サイトを別のＵＲＬへ引っ越ししたときの対処方法 サイトを別のＵＲＬへ引っ越ししたときの対処方法を調べてみました。 その方法は大きく分けて、３つ。 .htaccessファイルを使って自動転送（リダイレク …
-
-
jQueryでウィンドウサイズによって読み込む画像を切り替える
サイトデザインの確認のために、 全体を一枚のJPGで書き出してサクッとブラウザで確認してもらいたい時に ブラウザの幅を広げると大きな画像に、狭めると別に用意した小さな画像を表示させたい！ HTMLだけ …
-
-
今回はHTMLでサイトを作って欲しいとの要望。 ナビやヘッダー、フッター部分は全ページ共通なので、修正や後々のメンテナンスも考えて、それらを部品化して１箇所で管理したい。 ＨＴＭＬには、他のページを読 …
-
-
cssのメモ。 丸形の作り方 基本的な方法は、 （１）div 要素で囲った範囲の上下左右のサイズを指定する（height, width） （２）背景色を付ける（background-color） （３ …
-
-
最小の高さだけ決めて、 あとはdivなどの要素の高さに応じて高さを可変にできる指定方法。 CSSで下記のように指定します。 min-height: 80px; height: auto !impo …
-
-
レスポンシブサイト★ウインドウサイズにあわせて画像を拡大縮小させる
2016/12/19 -CSS
レスポンシブサイトでの画像のリサイズ問題 ウインドウサイズに合わせて、画像を拡大縮小させる方法。 CSSだけで解決できます。 ＜css＞ img{ width:100%; max-wid …
-
-
2016/12/19 -CSS
フロート解除の指定方法 ＜ＣＳＳ＞ .clearfix:after { content:” “; display:block; clear:both; } ＜ＨＴＭＬ＞ <div …
-
-
2016/09/06 -CSS
リンク文字のホバーエフェクトでつまずいたときのメモ。 <HTML> <a href=“#” class=”demo1″> リンクテキストのマウスオーバー リンクテキストとマウス …
