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 …

「table」について調べてみた 【HTML5編】

2017/01/11   -Interenet

サイトのコーディングはCoda2を愛用中。 Emmetで「table」とタイプしてから「Control」+「E」で展開。 すると、下記のようなコードを自動で展開してくれます。 <table&gt …

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

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 …

サイトデータ一括ダウンロード★MacTips

2016/12/01   -Mac Tips

Webサイトを丸ごとダウンロードするMacアプリ『SiteSucker』 「SiteSucker」は、FTPを使わずにWebサイトを丸ごと一式ダウンロードできるmacアプリです。 Webサイトのファイ …

WordPress★グーグルマップを表示させる

2016/10/19   -WordPress

2016年6月からグーグルマップを使う場合はAPIキーが必要になったとのこと。 評判のよいプラグイン「simple map」を使ってみたけど、 今回制作しているサイトでは動かなかったので、 i fra …

Acrobat★カラーのPDFをグレースケールに変換する

2016/10/19   -Acrobat

ツールバーの右側の「ツール」をクリック。 でできたメニューから「印刷工程」をクリック。 その中にある「色を置換」をクリック。 ダイアログボックスが現れるので、グループ「出力インテント」のチェックボック …

WordPress★記事の複製ができるプラグイン「Duplicate Post」

2016/09/16   -WordPress, Interenet

  記事の更新で、過去の記事をひな形としてを使いたいときに便利なプラグイン。 投稿一覧から簡単に複製できるようになります。 Duplicate Post プラグインのダウンロード⇒ インスト …

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