画像を使わずに、CSSだけでひし形(ダイヤモンド)を作る方法をご紹介いたします。 要素を傾けることで、簡単にひし形を実現することが可能です。 CSSだけでひし形(ダイヤモンド)を作る方法 CSSだけでひし形を作成するには…
CSSだけでひし形(ダイヤモンド)を作る方法
ボタンクリックで全画面に表示されるモーダルウインドウ風のメニューを実装する方法
ボタンをクリックした際に全画面に表示される、モーダルウインドウ風のメニューを実装する方法をご紹介いたします。 簡単なデモページを用意したので、挙動についてはデモページをご確認いただければと思います。 デモページを見る ボ…
Windows10で勝手にスリープになる現象を防ぐための対処法
Windows10でスリープするまでの時間は、[設定] – [システム] – [電源とスリープ]で設定することができます。 通常はこの設定をオフにしていれば、手動でスリープさせないといけないはずな…
jQueryを使ってクリックで開閉するコンテンツを実装する方法
「よくあるご質問」などのページでよく見かける、クリックで開閉するコンテンツを実装する方法をご紹介いたします。 簡単なデモページを作成したので、挙動については以下よりご確認ください。質問部分をクリックすると、回答が開きます…
EC-CUBE3のサイトURLから「index.php」を取り除く方法
さくらインターネットにインストールしているEC-CUBEのURLが、トップページは「http://ドメイン名/index.php」、カテゴリーページは「http://ドメイン名/index.php/products/li…
スマホで背景画像を固定させる方法(background-attachment:fixed;の代替案)
背景画像を固定して中のコンテンツだけをスクロールさせるページを作成していたところ、スマートフォンでは「background-attachment:fixed;」が効かないことに気付きました。 スマートフォンでも背景画像を…
CSSで背景画像に半透明のレイヤーを重ねて背景のみを暗くする方法
背景画像の上にテキストを重ねた場合に、背景画像だけを少し暗くして上に重ねた文字を際立たせたいことってあるかと思います。 画像自体を編集しても良いのですが、CSSだけでも背景画像の上に半透明のレイヤーを重ねることはできます…
指定した条件で表示されるウィジェットエリアを作成することができるWordPressプラグイン「Content Aware Sidebars – Unlimited Widget Areas」
Content Aware Sidebarsは、指定した条件で表示されるウィジェットエリアを作成することができるWordPressプラグインです。投稿ページでのみウィジェットを表示したり、特定のカテゴリーでのみウィジェッ…
投稿に挿入した写真のExif情報を表示してくれるWordPressプラグイン「HK Exif Tags」
HK Exif Tagsは、投稿に挿入した写真のExif情報を表示してくれるWordPressプラグインです。 HK Exif Tagsのインストール インストール手順は以下の通りです。 HK Exif Tagsをダウン…