[Archive] 年別: 2016年

レスポンシブイメージを使う

※2017年1月17日修正 HTML 5.1が11月1日にW3Cによって勧告されました。 HTML 5.1で新たに導入されたレスポンシブイメージが結構よい感じです。 以前はPC、スマーフォン、タブレットで画像を切り替えるには画像をdisplay:noneやvisibility:hiddenなど設定し…

CSSだけで作るドロップダウンメニュー

CSSだけで作るドロップダウンメニューです。 親メニューliにposition: relative;を効かせ相対位置に、 子メニューulにposition: absolute;を効かせ絶対位置にしています。 子メニューulにはvisibility: hidden;で見えなくし、overflow: h…

スマホ用横から出るメニュー

スマホ用です。 左からメニューが出てくるタイプのもの。 jQueryのtoggleClassでclassを振るシンプルなものです。 メニューボタンをタップしてメニューを出していますが、本当はメニュー以外をタップした場合もメニューを閉じさせる仕様にしたかった。 jsもっと勉強しないとな、と思います。 …

投稿をランダムに出力する

wordpressの投稿をランダムに出力します。 orderby=randで並び順をランダムにできます。orderbyは順序付けパラメータです。 post_type=worksでカスタム投稿タイプ”works”のみに絞っています。これをなくすと投稿すべてランダムにできます。 …

検索フォームを作る

忘れないように自分のためのメモです。 このブログでも使われています。検索ワードのみでサイト内検索をするタイプのもの。 検索元のphp

search.php

自動で無限ループする背景

css3で自動で動く背景を作ります。 HTML

CSS

  animation: bgscroll 10s linear infinite;でアニメーションを…

複数の背景を設置する

毎日寒いですね。鍋がおいしい季節になりましたね。 1つのdiv内にbackgroundで複数の背景を設置します。IE9以上で動作します。 HTML

CSS

デモページ …

WPログイン画面のスタイルを変更する

クライアントに納品するときログイン画面にWPのロゴが出ていると恥ずかしいなあと思うので、ロゴ部分だけは無料対応でクライアントロゴを出させるようにしています。 下記はこのブログのログイン画面。!important;を付けているのはfunctions.phpに書いたcssを優先させるためです。 func…

  • コーダーのための計算機