html+css
-
2019/11/09 / html+css
HTML付き都道府県リスト・ヘボン式ローマ字リスト
<ul id=""> <li><a href="/area/hokkaido/">北海道</a></li> <li><a href="/area/aomori/">青森県</...
続きを読む
-
2019/01/19 / html+css
マウスオーバーで画像を大きくする
HTML <span><img src="" alt="" /></span> CSS span { display:block; overflow: hidden; } span img { ...
続きを読む
-
2019/01/18 / html+css
divやpタグを文字幅に合わせて縮める
あいうえお div { display: inline-block; } あいうえお 2行目以降インデント p { padding-left:1em; text-indent:-1em; }...
続きを読む
-
2019/01/17 / wordpress設計術
wp分岐・特定の親固定ページとその子ページの時に表示
wordpress（ワードプレス）で作ったサイトで、特定の親ページと、その子ページの時だけに分岐させたいときは下記のPHPコードを使う。 数字の部分を該当する親ページのIDにします。 <?php if(is_page(1)||...
続きを読む
-
2018/12/08 / Tecnical Note
jsノート
jsノート...
続きを読む
-
2017/10/28 / webの知識
wordpress・投稿と固定ページの違い
投稿と固定ページの違い wpには記事を入力出来るページ2種類あります。 （実際はこれら以外にも書き込むことが出来ます） 投稿は時制が関係する記事、例えばブログやお知らせなどを記載します。 カテゴリー設定が出来るのが特徴です。 ...
続きを読む
HOME > Tecnical Note
html+css
- before・afterをcssで画像にする
- ハンバーガーメニュー・左から出て右へ消える
- WEBサイトが開いたときにムービーが動いている
- headerを固定した時のページ内リンク。Chrome、Firefox、Safari対応
- 都道府県一覧
- 画像の縦横比を固定してレスポンシブHTML+CSS
- css flexで内側要素を文字数に応じて比例した幅にする
- table内の文字の折り返しが効かない時white-space: normal
- flex基本
- cssでdiv等の要素を正方形に固定（レスポンシブ）
- head内のレスポンシブ分岐（metaタグなど）
- iframe縦横比固定・div正方形維持（レスポンシブ）
- スクロールすると上から降りてくる
- フッターを下に固定｜コンテンツが少ない時
- favicon
- css gridの中のdivの中のdivの高さを合わせる
- 文字列の下半分にマーカーを引く
- youtube画像埋め込みのレスポンシブ
- webフォントを使う
- 1枚にcssもjsも書くhtmlの基本
- Pリンクボタン中央寄せ
- HTMLの複数行を左揃え中央寄せする
- ::before ::after【css】
- dl,dt,dd・シンプルにコピペ
- テーブルhtml・シンプルにコピペ
- マウスオーバーで画像を大きくする
- divやpタグを文字幅に合わせて縮める
