IT・インターネット 新着記事一覧(102ページ目)

Web上の入力フォームで日本語入力機能(IME)のON・OFF・無効状態を制御する方法に、CSSのime-modeプロパティがあります。対応ブラウザはIEやFirefoxで、Edgeでは効かなくなりました。ime-modeの書き方と、ime-modeを使わずに済ませる代替方法として、ChromeやiOS版Safariなどで使えるHTML5.1のinputmode属性や、半角全角を自動変換する方法などをご紹介。

レスポンシブWebデザインを使って2カラム(2段組)レイアウトを作成する方法を、簡単なテンプレートとしても使えるHTML＋CSSソースの例と共に解説。スマートフォンなど幅の狭い画面では1カラム(段組なし)で表示し、PCなど幅の広い画面ではマルチカラムで表示するような「画面幅に適したレイアウトで表示できるWebサイト」も、HTML＋CSSだけで簡単に作れます。

HTMLに書いた文字をCSSで装飾する際に、1文字ずつ異なる文字色で表示されるよう指定する方法を解説。HTMLの特定の要素内に書かれた文字列を、JavaScript（jQuery）を使って文字単位に分解して個別の要素でマークアップすれば、CSSのnth-child疑似クラスなどを使うことで1文字ずつ個別のスタイルを適用できます。1文字ずつ異なる色でカラフルに表示したい場合に便利。

Webページが指定距離だけスクロールされた際に「トップに戻る」ボタンを動的に表示する方法を解説。JavaScriptで「現在のスクロール位置」を取得し、「指定量以上スクロールされたかどうか」を判定してボタンの表示・非表示を切り替える処理は、jQueryを使えば簡単。HTMLで作成したリンクをCSSでボタン型に装飾し、常に画面の右下にボタンが表示されるように作ります。

お気に入り登録ボタン（ブックマークボタン）の作成方法を解説。IE11までならJavaScriptでブックマーク登録画面を出せます。SafariやChromeなど他のブラウザでは動かないため、代わりにソーシャルブックマークサービス「はてなブックマーク」や「Pocket」にURLを登録するボタンの設置方法も紹介。

ついつい買ってしまうアクセサリー。特に売るに売れない比較的安物のブランドのアクセサリーは処分に困ります。でも、ちょっとした工夫をすることで、ネットオークションやフリマアプリで買い取ってもらいやすくなるのです！

ヤフオクなどのネットオークションで落札をしてお金も払ったのに、出品者から商品がなかなか届かない。補償は？ どこに報告すれば？ もしかして詐欺？ でも、ここは慌てずに対処していきましょう。利用者・落札者が確認すべき点を5つ紹介します。

一定秒数ごとに自動的に画像とキャプションが切り替わるスライドショー機能の簡単な作り方を解説。HTMLで画像とキャプションの表示空間を用意し、CSSで装飾を加え、JavaScriptで指定時間ごとに表示内容を切り替えることでスライドショーを作成する方法を、動作サンプルと共にご紹介。一時停止ボタンも作成して、好きな画像をじっくり鑑賞できるスライドショーです。

嘘松とは、Twitterで見かける嘘ツイートのこと。言葉の意味や典型的なツイートをご紹介するとともに、なぜこのような言葉が生まれたのか由来も解説。リツイート欲しさにレジェンドとされる常習犯もいるようですが、そのような嘘話の投稿をする理由と周囲の反応までを見ていきましょう。

検索エンジン向けのサイトマップXMLファイルと、HTMLで書かれた人間向けサイトマップページの両方を、無料の自動作成ツールで簡単に作る方法を解説。両方があれば、SEO対策もできる上に便利で使いやすいWebサイトになります。WordPressを使ってWebサイトを構築しているなら、サイトマップXML自動生成プラグインを使うとさらに楽です。