さくらいらぼ

現在Logicoolのマウス「MX Master」を使用中。マウスのボタン設定を決められるLogicool Optionsのアップデート通知が定期的に来る訳です。 更新にしたがってアップデートしたらMX Masterが全然まともに動かなくなってしまった。ワンボタンのキー割当が便利...

【前提】 通常のjQueryの記述は以下の$(function()~ もしくは$(document).ready(function()~~で記述しますが、 WordPressの場合には書き方が変わります。 $(function(){ // 処理 }); もしくは $(document).ready(function(){ //処理 }); WordPressでのjQue...

【「Slick.js」の使い方・カスタマイズ方法】 「Slick.js」の使い方・カスタマイズ方法でよくある事例のメモです。 スライドのドットの大きさを変更する CSSで調整できます。 疑似要素の中身にcontent: "•";を使ってスライダードットを再現しています。ス...

画像内にイメージマップをつくってリンクをつけることができるareaタグですが、 アクションを起こせる範囲を指定するため、レスポンシブ対応させるとなると手間がかかります。 【areaタグをレスポンシブ対応させる方法】 結論 CDNから読み込み、もしくはダ...

【position: stickyが効かない、IE11対応】 結論 position: stickyが効かない場合の解決方法【CSS】 - termina.ioを参照した。 親要素全てのoverflow属性値をvisibleに変更する。 この状態になっているかどうか？はディベロッパーツールのコンソールを開き...

【disabledにしたチェックボックスのデザインを変更する方法】 結論 【「appearance: none;」】 appearanceプロパティはラジオボタンやポップアップメニューなどのユーザーインタフェースを指定するためのCSSで, noneを指定することで消すことができる。 n...

【右クリック禁止処理サイトでhtmlソースを確認する方法】 WEBサイト修正依頼が来た時に,「右クリック禁止処理」がされているサイトほど嫌なものはないです。 手間が何重にも増えますしね。 右クリック禁止処理サイトでもhtmlソースを見ることはできます。...

【IE11でテーブルの枠線が消える】 久しぶりにIE11でハマったのでメモ。 SafariやChromeでは表示されているのにも関わらず、IE11でテーブルの枠線が消えてしまっていた。 原因としては この2点。 tdの背景色がtdにつけた枠線の上から重なってしまい色が上...

ヘッダーが追尾するメニューを作る場合、positionで設定するのでレイヤーが一番上に来ます。そのためヘッダー分の高さが隠れてしまい、ページ内アンカーリンクを設定しているとアンカーリンクは動作しているのだけれど、ヘッダーメニューが上から重なって...

svg(エスブイジー)は拡大・縮小に対応した画像ファイル形式のこと。 スマホ、タブレットの普及により近年、幅広いブラウザサイズに対応しなければならず SVG形式の画像を良く見かけますね。特にロゴの画像データはよく見かけます。 多種類の解像度を良いし...

【jQueryでアコーディオン/ボタンをアニメーション回転させる】 基本的にはjQueryでアコーディオン（クリック開閉メニュー)と同様の手法 トリガーとなるボタンの位置は絶対配置で指定。 toggleClassでクラスを追加したときにCSSで回転させる。 回転アニメ...

【jQueryでアコーディオン（クリック開閉メニュー)】 slideToggle（）を使って実装するのがかんたん。hover,clickをEventListenerにしてslideToggle（）を実行させる例がほとんど。 しかし、slideToggleの場合、css transitionのアニメーションが効かない...

[Javascript]「?」を使ったif文の書き方-三項演算子

久しぶりにつまずいたのでメモ。 before,afterの疑似要素に下線を付けるのではなくspanタグで囲って下線を付ける。 下線の位置を調整するなら疑似要素を使うしかないのですが、before,afterの疑似要素の場合はwidth,height指定しないとだめなときがあるの...

この記事はパスワードで保護されています

【DaVinci Resolve Studio 17が公開】 DaVinci Resolve Studio 17が公開されました。 100種類以上の新機能および200種類の改良点を提供するメジャーアップデート！ 新機能が続々追加されています。 一番大きく進化した点はオーディオ編集ツールである「Fai...

Twitterで情報発信したい人は今すぐ設定しておきたいTwitterアナリティクス設定方法

【LEDを買えたら60フレーム録画のフリッカーがおさまった】 動画を撮影するときフレームレートはいくつにしていますか？ ウチでは蛍光灯をつかっていたのですが、フレームレート60で動画を撮ると フリッカーがはいってしまいずっと悩んでいました。 フリッ...

スタンディングデスク生活 初のスタンディングデスク生活1日目です。 FLEXISPOTのM4Bを導入しました。 FLEXISPOTというと電動昇降するスタンディングデスク(電動式昇降デスク)で知られていますが、今回導入に踏み切ったのは「テーブルの上に乗せる」タイプ...

GoPro Hero9を購入しました！ 初のGoProでウキウキですがあまり動画撮影しない分、いろんなところで問題発生しています。 GoPro Hero9にmicroSDカードをいれたの読み込まないし起動てもすぐ電源オフになってしまう事例が発覚。 SDカードの空き容量がないと...

さくらドメインコンパネにWPXサーバーのネームサーバーを設定する方法

脱出ゲーム 攻略

脱出ゲーム 攻略

脱出ゲーム 攻略

脱出ゲーム 攻略

脱出ゲーム 攻略

脱出ゲーム 攻略

脱出ゲーム 攻略

お名前.comのVPSでのWordPress移行作業

お名前.comのVPS(KVM)プランでページ表示速度を上げてSEO対策

【WordPress 5.5 メジャーアップデート版リリース　Eckstine】 WordPress 5.5がリリースされました。 WordPress 5.5の名前は「Eckstine」です。 ジャズボーカリスト「Billy Eckstin（ビリー・エクスタイン）」から命名 主な変更点 ・遅延読み込み (lazy lo...

Nginx+php-fpmで502 Bad gatewayが出たときの対処メモ

ウェブ作成時にMacで画面上の色を拾って、16進法でコピーする方法

slickは定番のJavaScriptスライダープラグインです。 jQueryで動作します。 公式サイトでのデモソースパターンとネットでの拡張サンプルコード事例が豊富なので 比較的使いやすいスライダープラグインだと感じます。 【slick ライセンス】 MITライセンス/...

php-fpm+nginxでload averageが上がった時の対処メモ

[Javascript]「?」を使ったif文の書き方-三項演算子

案件でスライドを実装しないといけなくなり、Slider Proで対応しようとしたのですが、 「1枚の画像のときにスライダーを表示させないでくれ」と言われてしまい1枚の画像のケースがありえるの？とツッコミしたくなりました。 スライダーを使うのだから複数...

JavaScriptのスライドプラグインはたくさん種類がありますが、 その中でも設定項目の多い「Slider Pro」の使い方です。 Slider Proの良いところとしては ・ブレイクポイントを使ったレスポンシブ対応 ・スワイプ検知 ・サムネイルの大きさ指定 これらの項...

携帯サイトっぽく見せるためには絵文字は必須です。 携帯サイト向けサイトをつくるのに便利なWordPressのプラグインKtai Style を使用した場合に絵文字を使いたい！ ときには 投稿ページに ＜img localsrc=”NNN” /＞ と記入します。NNNに絵文字ナンバーが...

[N] 「Google Analytics完全解説」著者から聞いた知らないと損しそうな5つのTips！ で迷った点があったので備忘録です。 サイト内検索レポート 表示場所 コンテンツ　＞　サイト内検索 設定 Analytics 設定 > プロファイル設定 [1] サイト プロファイル情...