HP作成・デザイン・更新・運用管理｜あなたのWeb担当者に

Web担当屋ブログ

Web関連を中心に情報を配信しています

: CSS

【CSS】アイコンの周りで文字がクルクル回るパーツを作る

2024/4/6

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

: CSS

【CSS】マーカー風のテキストリンクを作る

2024/3/8

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

: Webコラム

ファイル・エクスプローラーの表示がおかしい現象を解決する

2024/2/10 不具合

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

: CSS

画像を自由で歪んだ形にトリミングする

2024/1/13

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

: お役立ち

ダメなSEO会社と良いSEO会社、見分けるにはここをチェック - その他記事の紹介

2023/12/17

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

: CSS

【CSS・JS】「ul・li」を使ったアコーディオンを作る

2023/12/6

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

: CSS

【CSS】画像の左右に縦書きのテキストを表示する

2023/11/8

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

: CSS

「details」と「summary」でアコーディオンを作る

2023/10/6

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

: 確定申告・税金

インボイスの2割特例について

2023/9/17

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

: CSS

【CSS】画像の下に余白が発生する問題を解決する

2023/8/21

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

: Webコラム

【Mery】置換で改行を入れる方法を解説

2023/8/1

「Mery」というテキストエディターがありますが、置換により一括で改行を入れる方法をご紹介します。なお、今回ご紹介する改行は、決められた記号を基準として一括で改行を入れる方法になります。例えば「c ...

: お役立ち

Googleの検索結果でタイトルが書き換えられる時の解決策【実体験】 - その他記事の紹介

2023/7/9

最近で気になった記事を幾つかご紹介します。 Googleの検索結果でタイトルが書き換えられる時の解決策【実体験】区切り記号に影響があるとは。 HTMLコーディングの今。ア ...

: HTML / CSS / jQuery コーディング

Fancyboxを使って画像をポップアップする方法

2023/6/11 Fancybox

画像をポップアップ表示できるFancyboxの使い方を解説します。まずはデモページをご覧ください。デモページを見る最初に「jQuery」と「fancybox」をCDNで読み込みます ...

: Webデザイン

HTML・CSSのコードをコピペできるライブラリ集

2023/5/13

HTML・CSSのコードをコピペできる便利なサイトを集めました。動きの勉強にもなると思います。 CSS Stock https://pote-chil.com/html-maker/ ...

: WordPress

【WordPress】「お名前.com」のファイルアップロードのサイズを増やす

2023/4/16

WordPressインストール後に管理画面で画像などのファイルをアップロードする際、アップ出来る最大サイズが決まっているので、そのサイズを超えるファイルはアップ出来ません。サイズを増やす方法としては ...

: WordPress

【WordPress】子ディレクトリから親ディレクトリへのリダイレクト方法

2023/3/20

WordPressの固定ページで、階層を変更する場合のリダイレクト方法です。リダイレクトは「htaccess」を編集します。 WordPressをインストールすると、自動的に「htaccess」が出 ...

: Webコラム

アンドロイドのスマホで暗証番号入力後に毎回再起動がかかる件について

2023/2/26

最近起き始めた現象です。アンドロイドのスマホを使っていますが、使用する際に毎回再起動が掛かってしまいます。具体的には、暗証番号を入力して決定ボタンを押すとすぐに画面が表示されず、少し間が空いた後に ...

: Webコラム

さくらインターネットのマルチドメインで気を付けた方がよいこと

2023/2/13

一つのサーバー内に複数のドメインを運営するマルチドメインですが、さくらインターネットの場合、マルチドメインでメールを使う時は注意が必要です。メールのアカウントが同じだと同じメールボックスが使用される ...

: HTML / CSS / jQuery コーディング

【コピペＯＫ】メールフォームのスパムメール対策でチェックボックスを利用する

2023/1/15 スパムメール, メールフォーム

お問い合わせページがあるサイトでは、多くがページ内にメールフォームを設置していると思います。メールフォームは、これといった対策をしていないと海外から大量のスパムメールが送られてきてしまいます。 Wo ...

: 確定申告・税金

簡易課税制度の手続き方法

2022/12/11 インボイス, 簡易課税

先日、インボイスの登録方法を解説しましたが、今回は簡易課税制度の手続き方法を解説します。これは、個人的にはインボイスとセットで考える制度と思っています。簡易課税は、2期前の課税売上が5,000万円 ...

1 2 3 … 11 Next »

© 2024 Web担当屋ブログ