ここに掲載の記事は備忘録的内容です。詳細な説明に欠ける部分が多々あります。ご了承ください。
ページ内リンクの上部調整方法
同一ページ内でリンクを使って移動する場合、ページトップ部分に固定要素があったりすると隠れてしまうことありますよね。そこで、移動する位置の上部余白を調整したいなと思い、色々やってみたが確実だったのが以下の方法。 ちょっとス […]
ページのトップへ戻るボタンsampleコード
いつも忘れるのでコピペできるように！ HTML scss こちらは矢印をcssで設定しているのでちょっと長くなっているがAwesome等でアイコンを読み込む方法もあり。その場合はa:hoverの設定を忘れないように。 j […]
loader設置用コードsample01
サイトにloaderを設置する基本形。 先ずHTML 続いてscss javascriptは以下
Humburger Navigation Smaple01
基本的なハンバーガーナビのコード。 mobile基準のレスポンシブ仕様。 モバイル表示の際にメニュー下部にSNS（Instagram）アイコン表示させている。 （Kureai BAKERYのsammpleより） HTML […]
pictureタグに要注意！
PC用とスマホ用で表示される画像を切り替えたくて、そんな時に簡単なpcitureタグを使用したらiPhoneでうまく切り替わらずちょっと苦戦したので覚書き。 結論から言うとmediaクエリの指定をsrcsetの前に置くこ […]
WordPressサイトをhtmlで保存する
Wordpressで作成したサイトをhtmlで保存管理したい場合の方法。 HTTrackをインストールして検証してみたのでその手順を。 すべてターミナルでの作業となる。 まず最初にHTTrackを動かすためにHomeb […]
Retina対応画像サイズ指定方法
iPhoneの高解像度のモニターに対応するためのcssの指定方法は以下 ・背景画像の場合のcss 2倍サイズの画像を用意した上で HTMLでの指定は ちょっとめんどいが仕方ないので、最低限の画像で対応するしかない、 参考 […]
お問合せフォームをbootstrapに変更してみた
新規のサイト構築がありそうなのと、Wordpressは使わない可能があるので、これを期に古いメール送信のPHPを変更することにした。 セキュリティー的な部分多々あるのと、雛形として簡単に作れるということも考慮した。 で、 […]
google reCAPTCHAに新規のサイトを追加する
タイトル通りのことをしようと思ったのだがリンクがわからず、時間撮られたので覚書。 Google reCAPTCHAの「新しいサイトを登録する」に飛べばすぐに追加可能。
ブラウザにキャッシュさせない
サイトのリニューアルなどで変更後に新しいサイトが崩れてしまう場合がある。 以前のキャッシュが残っているせいだが、ユーザーにキャッシュの削除を依存するのは 間違いだと思うので、しばらくの間キャッシュさせないようにするmet […]