CSS
MS Edge で placeholderが消えてしまう問題の解決
Windows10のEdgeでフォームを確認したら、inputフィールドからplaceholderが消えてしまっていた。 同じくWin10のIE11で確認したらplaceholderがちゃんと表示されていたので、何退化し…
jQueryでスクロールしたら上からヌルっと出て来るヘッダーを実装する
参考：【jQuery】ナビゲーションをアニメーションで表示しページ上部に固定する方法 – North-Geek 参考サイトだと、ヘッダーはトップイメージの下にあり、そこが基準になっていますが、今回は下記のよう…Safari（〜9系）でのcssアニメーション指定
10系（最新）ではanimationで全部纏めて記述できるのですが、〜9系は -webkit 接頭語とそれぞれを指定してあげる必要があります。 -webkit-animation-name: topBtn; -webki…【CSS】複数読み込んでいたCSSを１つにまとめる
PageSpeedさんに「読み込むリソース多いよ！」と怒られた？ので、CSSを雑に１つにまとめてみました。 纏めたCSS bootstrap.min.css bootstrap-responsive.min.css od…
jQuery と html と css で複数選択可能なボタンを作る
タイトル通り、複数選択可能なボタンを作ろうと思い作成しました。 とりあえず、ボタンを押したら今押されているボタンのIDを取得して画面に表示させています。 ※ 細かいバグがあるかも ■ index.html <!DO…iOSでtextareaの余白が大きくなる
input[type=text], input[type=password], textarea { 〜 padding: 15px; 〜 } 上記のようなCSSでフォームパーツに一括して余白を指定していたところ、PCで…
CSS：背景の画像をぼかして表示する
今回はぼかし＋半透明の色を重ねるということをやりたかったのですが、それはできませんでした。。 ひとまず背景の画像をぼかす方法のみメモしておきます。 HTML例 <div class=”bg1″> <p&…