Web担当屋

Webアイコンを無料で利用できる「Font Awesome（フォント オーサム）」ですが、コードを設置しても文字化けのような表示になってしまう事があります。 調べてみると、下記のような原因が紹介されて ...

文章の途中に「続きを見る」ボタンが設置してあり、クリックすると続きの文章が表示されるアコーディオンを作ります。 ◆まずはデモページをご覧ください。 デモページを見る   「jQuery」を事 ...

先日、下記のタイトルでGoogleからメールが届きました。 「Google reCAPTCHA キーを Google Cloud プロジェクトに移行できます」 色々調べてみましたが、移行をした方がよい ...

知っている方も多いかもしれませんが、サポート期限が2025年10月14日となっていた「Windows10」が、1年延長しました。 ただ、何もしないで延長できるわけではなく、条件があります。 本来は有償 ...

今回は、お名前.comの「共用サーバー SD」で、WordPressを手動アップデートしてみます。 通常は管理画面の更新ボタンで簡単に更新が行えますが、何かしら事情があって、手動で対応する場合の参考に ...

Web関連で、勉強や参考になる記事を幾つかご紹介します。 Windowsだからカンタン！余っているPCを「ファイルサーバー」にする方法 「今のWeb制作の状況、相当ヤバくないですか？」小島芳樹（cho ...

Photoshopを使っていると、知らぬ間に意図しない状態になって困ったり、「これどうやるんだろう」と思う事があると思います。 そんな時に解決する方法や、少し便利な小技をご紹介します。   ...

今回は、吹き出しデザインを作ってみます。 スマホでは吹き出しとイラストが上下になるようにしています。 ポイントは、三角形の作り方です。 「border」を使って作るのがよく知られていますが、今回は「c ...

スクロールして要素が表示される位置に来ると、順番にふわっとフェードインして表示される仕組みです。 ◆まずはデモページをご覧ください。 デモページを見る   HTML <div clas ...

画像に単色の背景などを被せた時に、全ての角を角丸にするCSSです。 下の画像のようにします。デモページもご覧ください。 デモページを見る     やる事としては、角丸にしたい個所に ...

年内最後の更新は、今年よく利用させてもらった「swiper」の使い方を解説します。 サイトのメインビジュアルでよく目にするスライダーですが、導入するなら「swiper」がお勧めです。 有名な大手サイト ...

Web関連で、勉強や参考になる記事を幾つかご紹介します。 画像から文字を読み取ってファイル出力できる機能がPowerToysに登場 スマホとWindows間のファイル転送を簡単にやる方法があった！しか ...

当ブログでも利用している「WordPress Popular Posts」は、アクセスの多い人気の記事をランキングで表示できるプラグインです。 インストールしてそのまま使う場合、ビュー数の個所が100 ...

Web関連で、勉強や参考になる記事を幾つかご紹介します。 Google検索でキャッシュ復活へ　Internet Archiveとの提携で PDFを簡単にExcel化する便利技。 【初心者向け】CSSが ...

「Windows10」のサポートが2025年10月に終了します。 マイクロソフトのアナウンスでは、2025年10月14日以降、「Windows10」のセキュリティ更新プログラムなどが提供されなくなるよ ...

clip-path（クリップパス）を使うと、その画像や要素をトリミングすることが出来ます。 ◆まずはデモページをご覧ください。 デモページを見る   clip-path（クリップパス）の種類 ...

Web関連で、勉強や参考になる記事を幾つかご紹介します。 ダークウェブに自分の情報が漏れているか確認するGoogleの機能が無料に Google検索変動： アフィ/レビューサイト没落 → EC/クチコ ...

ページをスクロールして画像が表示される位置になると、徐々に表示されるアニメーション作ります。 ◆まずはデモページをご覧ください。 デモページを見る   ◆HTMLです。 最初の「contai ...

Web関連で、勉強や参考になる記事を幾つかご紹介します。 Gmailにメールが届かなくなる!? 5月中にやるべき対応策をマンガで教えてください！WACUL安藤健作さんに聞いてきた 令和のHTML / ...

WordPressでアップデートを行った際、「MySQL」のバージョンが古いと下記のようなメッセージが表示され、アップデートが失敗します。 WordPress を更新 https://download ...