よもやまチョモランマ

「CSS」タグの記事一覧

no-img
基本のメニュー

「グローバルメニュー」って、だいたい毎回同じじゃない? PCで見たときは横一列に並べて、スマホになったらハンバーガーになって、クリックするとニョロっと出てくる。 そのうえで、出てくるのが上からだったり横からだったり、ハン […]

no-img
レスポンシブのCSSは「PCファースト」か「SPファースト」か

レスポンシブにしようとCSSにメディアクエリ記述してるとき、うまくいかなくてわけわかんなくなってくると、「max」と「min」でも混乱してきませんか。わたしだけですか。 頭悪い自分のためにわかりやすい記事を見つけました。 […]

no-img
プラグインなしで目次を自動作成

このブログはあくまで自分用の「おぼえがき」だから、アフィリエイトのような目次や見出しはいらないと思ってたんですけど。 そういうのも作れないとなぁと思ったので、実装してみたいと思います。 【参考】ワードプレスで目次をプラグ […]

no-img
よく使うFont Awesome

使い始めてみれば、やっぱり便利なものがデフォルトになってゆくものですね。 もう自分でアイコン作る生活には戻りたくないdeath☆ というわけで、よく使うアイコンをまとめておこうと思います。 たまに 公式 見て追加しよう。 […]

プラグインなしでページャーを設置

「ページャーつけよう!」と一口に言っても、一覧用と単頁用がありますよね。 これ、検索すると入り乱れて出てくるから、初心者は混乱するんですよね。私も最近まで混乱してました。 前者が「ページナビ」で、後者が「ページャー」なの […]

no-img
「PageSpeed Insights」対策

SEOは表示速度が重要になるばかり。 クライアントはトップページに大画像のアニメーションを入れたがる。 なにこの板挟み。 ひさしぶりに「PageSpeed Insights」をやってみたら、かなり厳しい結果が出ました。 […]

no-img
ページトップをスムーススクロールとフェードインつき画像なし

ページの最下部につける「このページのトップへ戻る」 だいたい、要望としては  1. 戻るときはスル~っと動いてほしい  2. 下にスクロールしたらフワッと現れてほしい  3. 画像は使わずCSSだけでカッコ良くしたい と […]

no-img
ページトップのデフォルト化

静的サイトをWordPressに移行すると、必ずぶつかる「JSやPHPがうごかなくなっちゃった問題」 もう、うんざりですよ。 長いこと「WPにしても問題なく動くようにするにはどうしたらいいか」考えてきましたけども、とりあ […]

no-img
メールフォームの送信ボタンを画像にしたい

メールフォームの送信ボタンを画像にしたら 自動送信メールの項目に【x】46とか【y】35とかついてて ナンダコレ???てなったのでググったら PHP工房さんの「よくある質問」にありました 【x】、【y】という項目が出てき […]

no-img
リンクで飛んだ先が上揃いになるのがイヤな時

ページ内リンクや、メニューからの分岐で <div id=”hoge”>とかタグつけて <a href=”#hoge”>で飛んだりするじゃないですか。 一番上にベターっとくっ […]