2025年 – ページ 5 – コピペしちゃいなよ

年: 2025年

ホームページやブログのデザインで欠かせないのが「ボタン」。ほんの少しCSSを工夫するだけで、シンプルなボタンがグッとおしゃれになります。今回は「たった数行のCSS」で作れるおしゃれなボタンデザインを厳選してご紹介しま […]

カテゴリ毎に特定のコードを入れたい場合があります例えばアフィリエイト広告を入れる場合、カテゴリがPC関連ならPC関連のアフィリエイト広告を入れたい。カメラならカメラ関連のコードを入れたいですよねそれを実現するのが今回 […]

「Z 5 24-200 レンズキット」が我が家に届きました。なにもカメラのことがわかりませんが、これを手に色々風景写真を撮っていきたいと思っています何卒宜しくお願い致します。とりあえず、店では初心者用のことが書いて […]

文字をホバーした時に下にボーダーが伸びる処理を紹介します。リンク先とかに使うとおしゃれになりますよこちらをホバーすると赤い線が下に伸びます

ホームページに地図(googlemap)を埋め込む方法をご紹介します。例として「〒100-0005 東京都千代田区丸の内１丁目」の地図を埋め込んでみましょう Google検索にて「Googlemap」と検索しサイトを開 […]

マウスジェスチャーをご存じでしょうか。マウスジェスチャーは、マウスを特定の方向や形状に動かすことで、特定の操作を実行できる便利な機能です。これにより、キーボードや画面上のボタンを使わずに、直感的で効率的な操作が可能にな […]

[st-mybox title=”こういったやつ” webicon=”st-svg-exclamation-circle” color=”#ef5350&#82 […]

「Windows+Shift+S」を押すことで画面を切り取りすることが可能です全画面もOKなので[PrintScreen]押さなくてもOK また、フリーで領域切り取りもある凄いよこの機能私はデザインができないので、 […]

たまにＨＰ開くと音楽がなるページがありますよね（ほんまにたまに）あれがどうやって再現しているのか気になったので記述するまたタイトルにもある様に本ページは「パッヘルベルのカノン」が自動再生するので注意してください。自 […]

私が使ってるショートカットキーになりますあんまり多くのショートカットキー使ってないですが、これだけでも作業効率が格段に上がるので覚えておいて損はありません Macだと[Ctrl]の部分が[commnd]に変わるだけだと […]

画像をクリックしたらポップアップで全体表示する処理になります大きい画面で見せたい時に便利ですね × また、Splideを使ってスライダーを実装しようとも併用可能スライダーのJavaScriptコードは上記リンクからご […]

特定に「a」のみリンクを飛ばさないようにする方法です有料のwordpressのテーマを使っていると飛ばしたくないページ(機能)があったりします。それを見せなくする為に私は使います。検証で見ればリンクが貼られているの […]

タイトルの通りに要素内に羽をスクロールで漂わせる使用になりますシャボン玉や落ち葉でもいけそうですね問題点として画面全体に散らばめると、配置（ランダム）によっては永遠にスクロールできる状況が生まれるとおもいますなので […]

パララックス（Parallax）とは、ウェブデザインにおける視覚効果の一つで、スクロールに合わせて背景と前景が異なる速度で動くことで、立体的な深さや動きを感じさせる効果です。この効果は、ユーザーがページをスクロールすると […]

報告：「HTML Editor Syntax Highlighter」を使った方がいいことに気づいたワードプレスのクラシックエディタを直接使っているといつも思うことがありました [Tab]キー押して空白入れて見やすくイ […]

表示されている記事の内容をボタンを押すことで切り替えたい場合に使用。クロスフェードで少しおしゃれに切り替えます自作なので不具合等あるかと思います。実際に用意してみたのでご確認ください。記事内容は適当ですボタン1 […]

リンク先のIDに飛ぶ際にいい感じの位置に表示させたい時ありますよね主にスクロールするとメニューバーが追従してくる感じのサイトとかに使います。 scroll-margin-topを使うことで値を調節して解決します。メニ […]