デモ 実務案件で実装したローディングアニメーションデモ 実際の案件で使用したローディングアニメーションのデモです。アクセスすると、ロゴのマークとロゴが表示され、ロゴのマークが2回転するアニメーションが発動します。その後、黒背景が剥がれるアニメーションが発動し、本文が表示されます。 続きを読む
コラム httpsで接続しているのに、URLの前に「!マーク」が表示??原因と解決方法について httpsで接続しているのに、URLの前に「!マーク」が表示される原因は「Mixed Content」です。「Mixed Content」になってしまう原因と解決方法について記事を書いています。 続きを読む
コラム Basic認証とは?Webサイトのセキュリティ対策 Basic認証の基本的な概念、実装の仕方、セキュリティ上のポイントについて詳しく解説しています。Basic認証ではもう一段階ログイン認証を増やしたり、パスワードを知っている人のみが閲覧できる環境を構築することが容易にできます。しかしbasicな認証であるがゆえに、セキュリティが弱い部分もあったり、WordPressの会員サイトへの実装は向いていないなどの欠点もあります。 続きを読む
コラム ブルートフォースアタックとは?Webサイトのセキュリティ対策 ブルートフォースアタックの仕組みや危険性、対策方法に解説しています。ブルートフォースアタックによる攻撃でパスワードが突破できる時間のパスワードの文字数による変化を計算式を用いて示しています。 続きを読む
コラム PageSpeed Insightsの「適切な画像サイズ」の改善に使用できるpictureタグについて解説! 「PageSpeed Insights」の改善項目の「適切な画像サイズ」という項目の改善手段として活用できるタグについてcssのメディアクエリを使用する方法と比較して解説しています。 続きを読む
コラム Contact Form7で郵便番号の自動入力を実装!ところがメールタグのid属性が反映されないエラー発生! WordPressのContact Form7で郵便番号から住所を自動入力する機能を実装した方法とid属性が反映されなかった時の解決方法について紹介しています。 続きを読む
コラム HTMLコーディングでよく見かける「セマンティック」とは? HTMLコーディングにおけるセマンティックとは、要素に意味を持たせ、コンテンツの構造や意味を明示的に表現することです。これによってSEO効果が向上するというメリットがありますが、適切にコーディングをしないとSEOに悪影響を及ぼす可能性があります。 続きを読む
制作実績 10進数と16進数変換ツールと1から255までの10進数から16進数への変換早見表 10進数と16進数の変換ツールと1~255までの10進数と16進数の変換早見表をhtml、css、JavaScriptで作成をしました。1~255までの10進数と16進数の変換早見表の方はカラーコードの変換に役立ててください。 続きを読む