忍者ブログ
07 July

ヘッダー固定追尾 Androidスマホでずれる

https://webnetamemo.com/coding/css/201602242761

top:0;
left:0;

を追加すればいいらしい




古いAndroid標準ブラウザだと、position:fixed; しただけだと、まれにヘッダーが中途半端な位置で固定される

これを一番上に固定するためには、わざわざcssでしばってやるひつようがある
IE的かようぜえ
でももう標準ブラウザはサポート打ち切って更新してないから、かなりcssで不対応すぎて不具合でとる

PR
24 June

ファーストビューを背景フルスクリーン・スライドショーにしたい

https://create.irec.jp/jquerylog/2014/678/
http://guitar.irec.jp/

上記めちゃありがたいことです
デモサイトの設定は、説明コードの記述と多少違います。余計な設定の記述が省かれてます
デモサイトのまんまでokならデモサイト内のコードをコピペしていいとおもいます。




・imgじゃなくてbackgroundでフルスクリーンにしたい
・ブラウザサイズきっちり縦100% 横100% じゃなくて、下にはスクロール領域があるが、ファーストビュー領域にぴったり100%100%で張り付いた背景100%フルスクリーンがいい
・背景がブラウザ縮めて切れたりしない

検索してもブラウザサイズ100%100%きっちりばかりで使えない
100hwだか100whだかは簡単なのに、スマホが対応してなくてつかえねーしどうしようもねー」



背景フルスクリーンスライドショー
https://rewish.jp/blog/releases/jquery_bg_switcher



24 June

WordPress Related Posts で重大なエラーで有効化できない

最新データだとphp5.4以上じゃないと対応してない

https://ja.wordpress.org/support/topic/parse-error%E3%81%AE%E5%AF%BE%E5%87%A6%E6%96%B9%E6%B3%95%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6/

つまりそこらへんにあるphp5.3のサーバーは使えない
プラグインのバージョン落とすと使える
https://downloads.wordpress.org/plugin/wordpress-23-related-posts-plugin.3.6.3.zip
WordPress Related Postsはプラグイン有効化してない状態で、PHPファイル内に呼び出しコードがあると、そのphpで表示されてるページに不具合がでる。
このプラグイン結構うざいな
16 June

jQueryプラグイン「colorbox」でinlineが動作しない場合

inlineだとaリンクが#付きになるため、スムーススクロールとバッティングするから
スムーススクロールのプラグインを使用してる場合は、無効化の記述があります。

私はどっかから拾ったスムーススクロールのコードを使っております。
:not(.inline)を足します
<script>
$(function(){
   // #で始まるアンカーをクリックした場合に処理
   $('a[href^="#"]:not(.inline)').click(function() {
      // スクロールの速度
      var speed = 400; // ミリ秒
    // 移動先を取得
      var href= $(this).attr("href");
      var target = $(href == "#" || href == "" ? 'html' : href);
      // 移動先を数値で取得
      var position = target.offset().top;
      // スムーススクロール
      $('body,html').animate({scrollTop:position}, speed, 'swing');
      return false;
   });
});
</script>
  
13 June

さくらサーバー SSL更新方法

以前の秘密鍵をバックアップ→

秘密鍵で新規設定をする→

秘密鍵アップロード→
証明書、中間証明書インストール→
設定を有効化



最近はCSR発行サービスで、手間をはぶける
やることは簡単なんだけど、本当に合ってるのかどうかわかんないところがSSLのくそいところ