web制作 ファビコン、スマホホーム画面用アイコンの作成
ブラウザのタグ等に出てくるファビコンだけでなく最近はスマホホーム画面用のアイコンも作成することが増えたのでいつものやり方をメモ①ファビコンの作成いつもこちらのサイトで作らせてもらってます16×16 px 、32×32pxでそれぞれpngファ
web制作 
css メディアクエリの書き方（モバイルファースト）
ブレイクポイントが１つ/* 768px以上のとき */@media screen and (min-width:768px) { }ブレイクポイントが２つ/* 768px以上1024px以下のとき */@media screen and (
web制作 「VK Link Target Controller」投稿記事・固定ページを任意のページにジャンプさせることができるプラグイン
wordpressで、ある投稿記事をそのまま表示させず 別のページにリダイレクトできないか？と探してたら まさにぴったりのプラグインを見つけ それからずっと使っていますVK Link Target Controllerインストールして有効化
css Flexboxベンダープレフィックス
Flexbox よく使うベンダープレフィックスまとめコピペ用flexboxdisplay: -ms-flexbox;display: -webkit-box;display: -webkit-flex;display: flex;flex-
WordPress 固定ページをフロントページに設定したらエラーになってしまう
wordpressのサイトをコーポレートサイト仕様にするため固定ページでトップページを設定し「表示設定」の「ホームページの表示」から作成したものをフロントページに設定しようとするとエラーになってしまいましたいろいろなサイトを調べてみるとつま
css 横幅いっぱいの背景画像を縦横比を保ったままレスポンシブ対応
HTML<div class="box"></div> ← 背景を設定するボックスCSS.box{width:100%;height:0;padding-top:〇〇%; /* 画像の高さ÷幅×100*/background-size:co
css 横に並んだ画像とテキストを縦中央に揃える
見出しの前にアイコンを付ける時とか用①display:table-cellを使うHTML<div class="content"> <p><img src=""></p> <p>テキストテキスト</p></div>CSSdiv.conten
css マウスオーバーでふわっとさせるcss
cssa{ transition : all 0.3s ease 0s;}a:hover{ opacity:0.7;}これでリンク部分は0.3秒かけてふわっと自然に半透明になる最後の0sは始まるまでの時間（この場合はすぐに）easeは動き方
css レスポンシブデザインでPCとスマホで表示出し分け
レスポンシブデザインでデスクトップのみに表示したいものとスマホのみに表示したいものをわけるこれでclass="pc"をつけたものはデスクトップ（769px以上）のみ表示class="sm"をつけたものはスマホ（768px以下）のみ表示.pc
css レスポンシブ対応のシンプルな２列のテーブル
会社概要やお問い合わせフォームでよくあるシンプルな２列のテーブルレスポンシブ版細かな違いはあるものの基本はほぼ同じHTMLのためまとめHTML<table><tr> <th>会社名</th> <td>〇〇〇〇〇</td></tr><tr>