Column
コラム
全 79 件中 12 件を表示
-
UI実装【レスポンシブ対応】videoタグで読み込む動画をブレイクポイント毎に切り替える
スマホとPCで動画を出し分けたい スマホとPCで読み込む動画を変更したい 必要な動画だけ読み込みたい このような悩みに答えます。 この記事では、 JavaScriptを活用してビデオソースを動的に出し分ける方法とその利点 について詳しく解説…
2026.04.11
- 基礎知識
【エンティティ化】メールアドレスを安全に埋め込む方法
ウェブページにメールアドレスを掲載する際、スパムボットからの保護は大きな課題です。 この記事では、 HTMLエンティティ化の概要から、具体的なメールアドレス保護の技術までをわかりやすく解説します。 この記事を読むことで、特にメールアドレスを…
2026.04.11
- UI実装
【MicroModal】モーダルを簡単に実装できるJSプラグインを紹介
モーダルウィンドウの作り方がわからない 使いやすいモーダルウィンドウの実装方法を知りたい。 パフォーマンスに影響を与えずモーダルウィンドウを実装したい。 このような悩みに答えます。 モーダルウィンドウは、ユーザーの注意を惹ける便利なツールで…
2026.04.11
- UI実装
【CSS】最初の文字を大文字にする方法、最初の文字のデザインを変更する方法
CSSで英字の最初を大文字にしたい 最初の文字だけ色を変えたい 最初の行だけデザインを変えたい このような悩みに答えます。 この記事では、 ::first-letter や ::first-line を使った見出しの装飾方法、さらに tex…
2026.04.11
- ツール・環境
【リスク有り】Basic認証情報をURLに組み込む方法
Basic認証を毎回打ち込むのが面倒 Basic認証のURL埋め込みを使用する注意点は？ どのブラウザがURL内のBasic認証をサポートしているのかを確認したい。 このような悩みに答えます。 Basic認証は管理的なアクセス制限に便利です…
2026.04.11
- CSS設計
CSS設計とは？最適な設計手法を徹底解説
CSS設計ってそもそも何？ 効率的にCSSを管理したい チーム開発をスムーズに進めたい このような悩みにお答えします。 書くだけであれば単純な CSS ですが、サイトの規模が大きくなるにつれて管理が難しくなることが多々あります。 特に複数人…
2026.04.11
- UI実装
【CSS + jQuery】ハンバーガーボタンの作り方
ハンバーガーボタンの作り方がわからない ハンバーガーボタンの線が崩れる retina対応のハンバーガーボタンを作りたい このような悩みに答えます。 多くのwebサイトに実装されているハンバーガーメニュー。 メニューを表示するための3本線のボ…
2026.04.11
- CSS設計
【初心者向け】ブラウザに合わせて.webp画像を切り替える方法
.webpのメリットがわからない HTMLで.webpの切り替え方がわからない CSSで.webpの切り替え方がわからない このような悩みにお答えします。 コーディング案件で.webp対応を求められることもあるかと思います。 WordPre…
2026.04.11
- UI実装
【CSS&jQuery】スクロール時にふわっと表示するアニメーション実装方法
スクロールでふわっと表示するアニメーションを実装したい スクロールでふわっと表示するアニメーションにバリエーションが欲しい このような悩みにお答えします。 スクロールに応じてコンテンツをアニメーションさせる動作はよく要望される仕様の1つです…
2026.04.11
- UI実装
【jQuery】簡単！縦スクロールに合わせて要素を横に動かす方法
こんにちは。 すずき です。 縦スクロールに合わせて要素を横に動かしたい 横の動きも入れて立体的なパララックスを入れたい このようなお悩みに答えます。 縦スクロールのサイトで、スクロールに応じて要素を横に動かしたい時がありますよね。 自分も…
2026.04.11
- UI実装
【CSS】counterを2桁で表示する方法を解説！01から始まる番号の作り方
こんにちは。 すずき です。 この記事では、 CSS の counter を2桁で表示する方法について解説 します。 昨日、以下のような投稿をしました。 CSSのcounter、これまで h2:before { content: "0" c…
2026.04.11
- WordPress
【ConoHa WING】初期プラグイン、コントロールパネルプラグインは必要？機能と最適解を解説
こんにちは。 すずき です。 この記事では、 ConoHa WINGに最初からインストールされているWordPress初期プラグインについて、それぞれの機能と必要性を解説 しています。 プラグインは、サイトの機能を追加、拡張、変更できる便利…
2026.04.11