- Javascript/jQuery
bxSliderでスライドが1枚しかない場合にスライドショーを無効にする
bxSliderでスライドが1枚しかない場合にスライドショーを無効にする方法です。 スライダーを実行する前にスライドの数をチェックし、1枚しかない場合にはbxSliderの初期化をスキップすることで、1枚のみの場合に、スライダーを無効にできます。 【HTMLの構... - ソフトウェア
データバックアップソフト「MiniTool ShadowMaker」を使ってみた感想
【簡単にPCのデータバックアップができる MiniTool ShadowMaker】 MiniTool ShadowMakerとは? MiniTool ShadowMakerは、MiniTool社が提供するバックアップおよび復元ソフトウェアです。 MiniTool ShadowMakerは、データバックアップや同期、ディスククロ... - モニター
LG 4K スマートモニター(SMART Monitor 32SQ730S-H)レビュー
長年使っておりました、 DELLのWQHD(2,560×1,440 )PCモニター「u2713hm」がとうとう壊れていましましたので、新たにLGのSMART Monitor 32SQ730S-Hを購入しました。 「仕事も遊びもこの1台」のキャッチコピーのように、webOS 22が搭載されていることで、Y... - CSS
【CSS】transitionでwidthを変化させたい時に幅が 0px にならない
CSSの「transition」プロパティを使用して、要素の幅を0pxに変化させたいときに、完全に0にならずに、少し残ってしまう場合があります。 原因として、border などを指定している場合があります。 【元のCSS】 [crayon-673e3135d916f501003393/] border:0;... - WordPress
WordPressのカラムブロックでの余白を削除する
WordPressのブロック「カラム」で、カラム内の子要素間の隙間を削除する場合の対処方法です。特にスマートフォン表示にしたときに、気になる場合が多いです。 子要素のmargin や paddingを「0」にしても変わらない場合は、おそらく「.wp-block-columns」... - WordPress
【WordPress】テンプレート内に特定のカテゴリーに属する記事のループを記載する
WordPressのテンプレート内で、特定のカテゴリーの記事のループを出力する方法です。 記事のタイトル(リンク付き)と記事本文を出力しています。 [crayon-673e3135d9458084248343/] - マウス
トラックボールマウス「M575」使って分かったなるほど感
トラックボールマウスが超オススメということでLogicool(ロジクール)のM575を購入してみました。 かなり遅くなったのですが、購入から2年ほど経ってしまったのですが、使用感等をレビューします。 まずはじめて使用した感想は、「使いにくい!」でした。... - dreamweaver
VS Code で一行消したり、選択行を下にコピー(複製)したり
コーディングは、メインでDreamweaverを使用しているのですが、動作が重かったり、コードが表示されず、真っ白になったりと不具合が多数あるので、動作が軽快なVS Codeを使用する機会が増えてきました。 Dreamweaverでは、行を削除したり、コピーしたりす... - CSS
絶対配置(position: absolute;)の要素を中央配置にする方法
親要素に対して、縦横(上下左右)を中央に配置する方法です。 topとleftを50%に設定し、子要素(絶対配置されている要素)をtransformのtranslate(-50%, -50%)で調整します。こうすることで、要素が中央に配置されます。 【縦横の中央に配置する】 [crayo... - CSS
CSSのdisplay: inline-block を指定している要素を中央寄せにする方法
CSSの要素に「display: inline-block 」を指定していて、中央寄せにする場合、” text-align: center; ”や ” 左右のmarginをauto ( margin:0 auto; )にしても中央寄せになりません。 単純に親要素に、” text-align: center; ”を指定することで、中央寄せ...