Web担当屋

年内最後の更新は、今年よく利用させてもらった「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 ...

メインビジュアルなど、ファーストビューで文字がクルクル回るパーツを見かけます。 今回はそのパーツを作ってみます。 ◆まずはデモページをご覧ください。 デモページを見る   メインビジュアルの ...

今回は、テキストをマーカー風に線を引く方法と、マウスオーバーでマーカー線を引くようなリンクも作ってみます。 おまけで、マウスオーバーで線を波のように動かすリンクもご紹介します。 ◆まずはデモページをご ...

パソコンを使用中に、突然フォルダ内のファイル表示がおかしくなりました。 フォルダを開いた時の読み込みも遅くなり、表示されたファイルが全て、アイキャッチ画像のような白いアイコンになってしまいました。 使 ...

アイキャッチのように、画像を自由な形にトリミングする方法を解説します。 トリミングする方法として、自分でCSSを書く方法がありますが、今回は「FANCY-BORDER-RADIUS」というジェネレータ ...

最近で気になった記事を幾つかご紹介します。 ダメなSEO会社と良いSEO会社、見分けるにはここをチェック【SEO情報まとめ】 グーグルが休眠アカウントの削除開始へ、12月から　削除を防ぐ方法は？ 【C ...

「ul・li」を使ったシンプルなアコーディオンを作ります。 タイトルをクリックすると、アニメーションで内容が展開され、もう一度クリックすると閉じられます。 「＋マーク」と「×マーク」もアニメーションで ...

今回は、CSSを使って画像の横に縦書きのテキストを表示する方法を解説します。 ◆まずはデモページをご覧ください。 デモページを見る   テキストを右と左の交互に表示する形式にしています。 H ...

<details>と<summary>はアコーディオンのような折りたたみ要素を作る場合に最適です。 この2つのタグだけで、アコーディオンの開閉が出来ます。 今回はシンプルな作り ...

いよいよ来月からインボイスがスタートします。 私は大分前にインボイス登録を行いましたが、その後の令和5年3月28日に「2割特例」の導入が公表されました。 これは、消費税納税額を売上税額の2割に軽減する ...

アイキャッチ画像のグレー部分のように、画像を配置すると下に若干の余白が発生してしまいます。 この原因は、画像のインライン要素の初期値がベースライン（vertical-align: baseline;） ...