css/コーディング

擬似要素で作る三角矢印2つ

擬似要素でちょっとした三角部分を作りたいとき、 rotateの角度とか考えるのが面倒なのでストックとして。 タイトルタグのデザイン的な三角 See the Pen 左右向き矢印 by h...
css/コーディング

iziModalでsafariだけ表示がちらつく

自分のポートフォリオをsafariで見てみたら、モーダルを開いた時にチラツキが出ているのを発見。 モーダルの実装にはプラグインのiziModalを使用しています。 こんな感じ ...
css/コーディング

jQueryでアコーディオンメニュー

ワードプレスのスマホメニュー実装時、クリックでぱかっと上下に開くアコーディオンメニューについて色々悩んだのでメモ。 ワードプレスのアコーディオンメニュー 子メニューがある親要素のみ、">"...
css/コーディング

iframeの設定おぼえ書き

地図の埋め込みなどで使うiframeのcssについてメモ。 基本 iframe { max-width: 100%; max-height: 600px; } @media scr...
css/コーディング

コーディング後、ブラウザごとに違う表示を修正する

コーディング中は基本的にchromeでしか表示確認していません。 「コーディング終わった!別ブラウザでもチェックだ!」と見てみると、まさかの表示崩れが・・・ みたいなことありますよね。 ...
css/コーディング

【flex 】ヘッダーの高さをロゴ(可変)の高さに合わせてレスポンシブしたい

ヘッダーのコンテンツをフレックスで横並び。よくあるパターンですよね。 今回、そのよくあるパターンだと思ってたヘッダーでかなりハマってしまったので、備忘録として。 ヘッダーロゴ画像のサイズに合わ...
Wordpress

get_posts()の覚書

WP_Queryだけじゃなく、get_posts()もうまく使い分けていきたいですよね。 でも、なんだかよくわからない・・・どこで使えばいいのかな? そんな私の覚書です。 get_pos...
Wordpress

タクソノミー・ターム・投稿タイプ【WordPress】

たくそのみー?たーむ??分かるようでいざコードを書こうとすると手が止まる、そんな私のためのメモです。 ワードプレスが持つ投稿タイプ・タクソノミー・タームとは ワードプレスがデフォルトで持ってるもの...
Wordpress

topページで使うsection内のhtmlタグメモ【WordPress】

トップページでカテゴリ別に記事一覧を並べたい時なんかに使う、 ひとつの<section>〜</section>のコードを書き置きます。 <section cl...
Wordpress

ループ内で使うhtmlタグメモ【WordPress】

HTMLでどのタグを使うべきか?いつも悩みます。 articleなのかul li...?? ということで自分のためのメモ置き場です。クラス名は参考程度にどうぞ。 店舗リスト・事業内容のリ...
タイトルとURLをコピーしました